.dwm-sign { --dwm-blue: #017cef; --dwm-cyan: #00b8ff; color: #eaf0f6; background: #040506; border: 1px solid #ffffff1c; border-radius: 20px; padding: clamp(22px, 4vw, 48px); max-width: 1100px; margin: 24px auto; font-family: Poppins, system-ui, sans-serif; font-size: 15px; line-height: 1.65; box-sizing: border-box; }
.dwm-sign *, .dwm-dialog * { box-sizing: border-box; }
.dwm-sign h2 { font: 700 clamp(28px, 4vw, 46px)/1.15 Poppins, system-ui, sans-serif; letter-spacing: -.035em; color: #f5f8fc; margin: 10px 0 22px; }
.dwm-sign h3, .dwm-sign h4 { color: #eff6ff; margin: 22px 0 10px; }
.dwm-sign p { color: #c5ced7; }
.dwm-sign a { color: #63c8ff; text-decoration: underline; text-underline-offset: 3px; }
.dwm-kicker { color: #58c6ff; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.dwm-sign label { display: block; font-weight: 500; margin: 16px 0; color: #d9e4ef; }
.dwm-sign input:not([type=checkbox]), .dwm-sign textarea { display: block; width: 100%; min-height: 48px; margin-top: 7px; padding: 12px 14px; border: 1px solid #334251; border-radius: 9px; background: #0d141b; color: #f3f7fc; font: inherit; }
.dwm-sign input[readonly] { color: #abb7c4; }
.dwm-sign textarea { min-height: 86px; resize: vertical; }
.dwm-sign input:focus-visible, .dwm-sign textarea:focus-visible, .dwm-sign button:focus-visible, .dwm-sign a:focus-visible { outline: 3px solid #00b8ff; outline-offset: 3px; }
.dwm-sign .dwm-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border: 0; border-radius: 9px; color: white; background: #017cef; font: 600 14px/1.5 Poppins, system-ui, sans-serif; cursor: pointer; text-decoration: none; }
.dwm-sign .dwm-button:hover { background: #128df9; }
.dwm-sign button:disabled { opacity: .55; cursor: wait; }
.dwm-note { padding: 15px 18px; border-left: 3px solid #00b8ff; background: #017cef16; }
.dwm-sign .dwm-error { color: #ff9c9c; font-size: 14px; white-space: pre-wrap; }
.dwm-error:empty { display: none; }
.dwm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 12px 0; }
.dwm-history { margin-top: 32px; border-top: 1px solid #ffffff1f; padding-top: 8px; }
.dwm-history ul { padding-left: 20px; }
.dwm-history li { margin-bottom: 12px; font-size: 13px; }
.dwm-dialog { width: min(960px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid #334251; border-radius: 16px; color: #eaf0f6; background: #090f15; font-family: Poppins, system-ui, sans-serif; }
.dwm-dialog::backdrop { background: #000b; }
.dwm-dialog[open] { display: flex; flex-direction: column; }
.dwm-dialog-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 24px; border-bottom: 1px solid #ffffff1c; flex-shrink: 0; }
.dwm-dialog-top button { width: 36px; height: 36px; padding: 0; color: white; border: 1px solid #52606d; border-radius: 6px; background: transparent; font: 26px/1 system-ui; cursor: pointer; }
.dwm-review { max-height: 50dvh; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px; background: #fff; color: #142434; font: 14px/1.65 Poppins, system-ui, sans-serif; }
.dwm-review pre { color: #142434; font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; margin: 12px 0; background: none; padding: 0; border: 0; }
.dwm-review p, .dwm-review h3, .dwm-review h4 { color: #142434; }
.dwm-sign-area { padding: 18px 24px 24px; overflow-y: auto; }
.dwm-sign canvas[data-pad] { display: block; width: 100%; aspect-ratio: 4.2/1; background: #fff; border: 1px solid #b9c9d7; border-radius: 8px; touch-action: none; cursor: crosshair; }
.dwm-sign .dwm-clear { display: inline-block; background: transparent; color: #86cfff; border: 0; padding: 8px 0; margin: 6px 0; text-decoration: underline; font: inherit; cursor: pointer; }
.dwm-sign .dwm-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; line-height: 1.6; }
.dwm-consent input[type=checkbox] { margin-top: 4px; flex: 0 0 auto; width: 18px; height: 18px; accent-color: #017cef; }
.dwm-admin-sign { max-width: 1000px; margin-left: 0; }
.dwm-settings-profile { max-width: 1000px; background: #fff; border: 1px solid #c3c4c7; padding: 22px; margin: 24px 0; }
.dwm-sign-intro { max-width: 1100px; margin: 28px auto; }
.dwm-sign [hidden] { display: none !important; }
@media(max-width: 600px) { .dwm-dialog-top, .dwm-review, .dwm-sign-area { padding: 14px; } .dwm-review { max-height: 37dvh; } .dwm-sign .dwm-button { width: 100%; } .dwm-dialog { margin: auto; } .dwm-sign { border-radius: 12px; } }