@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_7c148f7a-module__FWTbya__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_7c148f7a-module__FWTbya__variable{--font-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.2njitm-prmz2_.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.38hmww4cj4vme.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.12_ml6bnugnre.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.2yee423r7ahpo.woff2?dpl=dpl_6FMTHsVmdshgpWRgGHmGLszwnF8R)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_53d97e32-module__2z5uIq__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_53d97e32-module__2z5uIq__variable{--font-mono:"DM Mono", "DM Mono Fallback"}
:root{--white:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--black:#09090b;--bg-page:var(--gray-50);--bg-surface:var(--white);--bg-subtle:var(--gray-100);--bg-muted:var(--gray-200);--bg-inverse:var(--black);--border-light:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-500);--border-inverse:var(--gray-700);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-400);--text-disabled:var(--gray-300);--text-inverse:var(--white);--text-inverse-secondary:var(--gray-400);--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--text-5xl:60px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.55;--leading-loose:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:999px;--shadow-xs:0 1px 2px #0d0d0c0d;--shadow-sm:0 1px 4px #0d0d0c0f, 0 1px 2px #0d0d0c0a;--shadow-md:0 4px 12px #0d0d0c14, 0 2px 4px #0d0d0c0a;--shadow-lg:0 8px 24px #0d0d0c1a, 0 4px 8px #0d0d0c0d;--shadow-xl:0 16px 48px #0d0d0c1f, 0 8px 16px #0d0d0c0f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.1s;--duration-normal:.18s;--duration-slow:.3s;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe}[data-theme=dark]{--bg-page:var(--black);--bg-surface:var(--gray-900);--bg-subtle:var(--gray-800);--bg-muted:var(--gray-700);--bg-inverse:var(--white);--border-light:#ffffff1f;--border-default:#fff3;--border-strong:#ffffff59;--border-inverse:#ffffffd9;--text-primary:var(--gray-50);--text-secondary:var(--gray-400);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-700);--text-inverse:var(--black);--text-inverse-secondary:var(--gray-600);--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 1px 4px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 4px #00000059;--shadow-lg:0 8px 24px #0009, 0 4px 8px #0006;--shadow-xl:0 16px 48px #000000b3, 0 8px 16px #00000080;--color-info:#60a5fa;--color-info-bg:#2563eb26;--color-info-border:#3b82f64d}[data-theme=dark] .sig-card,[data-theme=dark] .shadow-box{background:var(--bg-surface)}[data-theme=dark] .swatch-block{border-color:#ffffff0f}[data-theme=dark] .token-preview{border-color:#ffffff14}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #fafafa1f}[data-theme=dark] .input-error:focus{box-shadow:0 0 0 3px #fafafa14}[data-theme=dark] .checkbox{border-color:var(--gray-600)}[data-theme=dark] .checkbox:checked{background:var(--white);border-color:var(--white)}[data-theme=dark] .checkbox:checked:after{border-color:var(--black)}[data-theme=light]{--bg-page:var(--gray-50);--bg-surface:var(--white);--bg-subtle:var(--gray-100);--bg-muted:var(--gray-200);--bg-inverse:var(--black);--border-light:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-500);--border-inverse:var(--gray-700);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-400);--text-disabled:var(--gray-300);--text-inverse:var(--white);--text-inverse-secondary:var(--gray-400);--shadow-xs:0 1px 2px #0d0d0c0d;--shadow-sm:0 1px 4px #0d0d0c0f, 0 1px 2px #0d0d0c0a;--shadow-md:0 4px 12px #0d0d0c14, 0 2px 4px #0d0d0c0a;--shadow-lg:0 8px 24px #0d0d0c1a, 0 4px 8px #0d0d0c0d;--shadow-xl:0 16px 48px #0d0d0c1f, 0 8px 16px #0d0d0c0f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-page);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:-.015em}table p{color:inherit;letter-spacing:normal;font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:400}.page{max-width:1400px;padding:var(--space-16) var(--space-6);margin:0 auto}.section{margin-bottom:var(--space-20)}.section-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.section-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-2);font-weight:500;font-family:var(--font-mono)}.section-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:500}.row{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.row-between{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.col{gap:var(--space-3);flex-direction:column;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.spec{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);letter-spacing:-.015em}.spec strong{color:var(--text-secondary);font-weight:500}.label-sm{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:-.015em}.cover{padding:var(--space-16) 0 var(--space-20);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-20)}.cover-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-5)}.cover-title{font-size:var(--text-5xl);letter-spacing:-.03em;font-weight:300;line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-6)}.cover-title em{font-style:italic;font-weight:300}.cover-sub{font-size:var(--text-md);color:var(--text-secondary);max-width:480px;font-weight:300;line-height:var(--leading-loose)}.cover-meta{margin-top:var(--space-12);gap:var(--space-8);display:flex}.cover-meta-item{font-size:var(--text-sm);color:var(--text-tertiary)}.cover-meta-item strong{color:var(--text-primary);font-weight:500;font-size:var(--text-base);margin-bottom:2px;display:block}.swatch-grid{gap:var(--space-2);margin-bottom:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.swatch{border-radius:var(--radius-sm);aspect-ratio:1;cursor:default;transition:transform var(--duration-normal) var(--ease-out);position:relative}.swatch:hover{transform:scaleY(1.08)}.swatch-row{gap:var(--space-3);flex-direction:column;display:flex}.swatch-item{align-items:center;gap:var(--space-4);display:flex}.swatch-block{border-radius:var(--radius-md);border:1px solid #0000000f;flex-shrink:0;width:48px;height:48px}.swatch-info{flex:1}.swatch-name{font-weight:500;font-size:var(--text-sm);color:var(--text-primary)}.swatch-hex{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.swatch-use{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.token-table{border-collapse:collapse;width:100%}.token-table th{text-align:left;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-weight:500;font-family:var(--font-mono)}.token-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);vertical-align:middle}.token-table tr:last-child td{border-bottom:none}.token-name{font-family:var(--font-mono);color:var(--text-primary);font-size:var(--text-xs)}.token-preview{border-radius:var(--radius-sm);vertical-align:middle;border:1px solid #00000014;width:28px;height:28px;display:inline-block}.token-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.token-desc{color:var(--text-secondary)}.type-specimen{margin-bottom:var(--space-10)}.type-sample-display{font-size:var(--text-5xl);letter-spacing:-.03em;font-weight:300;line-height:var(--leading-tight);color:var(--text-primary)}h1,.type-sample-h1{font-size:var(--text-4xl);letter-spacing:-.025em;font-weight:400;line-height:var(--leading-tight)}h2,.type-sample-h2{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:400;line-height:var(--leading-snug)}h3,.type-sample-h3{font-size:var(--text-2xl);letter-spacing:-.015em;font-weight:500;line-height:var(--leading-snug)}h4,.type-sample-h4{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:500;line-height:var(--leading-snug)}.type-sample-body-lg{font-size:var(--text-md);font-weight:400;line-height:var(--leading-loose);color:var(--text-secondary)}.type-sample-body{font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--text-secondary)}.type-sample-sm{font-size:var(--text-sm);font-weight:400;line-height:var(--leading-normal);color:var(--text-tertiary)}.type-sample-xs{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500;font-family:var(--font-mono)}.type-sample-mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.type-row{align-items:baseline;gap:var(--space-8);padding:var(--space-5) 0;border-bottom:1px solid var(--border-light);display:flex}.type-row:first-child{padding-top:0}.type-row:last-child{border-bottom:none}.type-meta{flex-shrink:0;min-width:180px}.space-row{align-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.space-bar{background:var(--gray-900);border-radius:2px;height:8px}.space-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);min-width:80px}.space-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.radius-grid{gap:var(--space-6);flex-wrap:wrap;display:flex}.radius-item{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.radius-box{background:var(--gray-900);width:72px;height:72px}.radius-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.shadow-row{gap:var(--space-6);flex-wrap:wrap;align-items:flex-end;display:flex}.shadow-item{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.shadow-box{border-radius:var(--radius-lg);background:var(--white);width:80px;height:80px}.shadow-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;border:none;font-weight:500;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.btn-xs{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);letter-spacing:.01em}.btn-sm{font-size:var(--text-sm);padding:7px var(--space-4);border-radius:var(--radius-md)}.btn-md{font-size:var(--text-base);padding:10px var(--space-5);border-radius:var(--radius-md)}.btn-lg{font-size:var(--text-md);padding:13px var(--space-6);border-radius:var(--radius-lg)}.btn-xl{font-size:var(--text-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);letter-spacing:-.01em}.btn-primary{background:var(--bg-inverse);color:var(--text-inverse)}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-secondary:active{transform:scale(.98)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.btn-outline:hover{background:var(--bg-subtle)}.btn-destructive{background:var(--gray-900);color:var(--white)}.btn-destructive:hover{background:var(--black)}.btn-danger{color:var(--white);background:#dc2626}.btn-danger:hover{opacity:.9;background:#b91c1c}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-icon-sm{border-radius:var(--radius-sm);width:28px;height:28px}.btn-icon-lg{border-radius:var(--radius-lg);width:44px;height:44px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.form-error{font-size:var(--text-xs);color:var(--gray-700);font-weight:500}.input{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:9px var(--space-4);width:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px #0d0d0c14}.input-error{border-color:var(--gray-700)!important}.input-error:focus{box-shadow:0 0 0 3px #4a4a471f}.input-disabled{background:var(--bg-subtle);color:var(--text-disabled);cursor:not-allowed}.input-sm{font-size:var(--text-sm);padding:6px var(--space-3);border-radius:var(--radius-sm)}.input-lg{font-size:var(--text-md);padding:12px var(--space-5);border-radius:var(--radius-lg)}.hide-spinners::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hide-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hide-spinners{-moz-appearance:textfield}.textarea{resize:vertical;min-height:96px}.select-wrap{position:relative}select,select.input{appearance:none;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px!important}[data-theme=dark] select,[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A1A1AA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}input[type=date],input[type=date].input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px var(--space-4);width:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);cursor:pointer;appearance:none;letter-spacing:.02em;outline:none;padding-right:12px;font-weight:500;position:relative}input[type=date]:hover{border-color:var(--border-strong);background:var(--bg-subtle)}input[type=date]:focus{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px #0d0d0c14}input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);width:20px;height:20px;padding:4px}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background:var(--bg-muted)}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-day-field{border-radius:4px;padding:2px 4px;transition:background .1s}::-webkit-datetime-edit-month-field{border-radius:4px;padding:2px 4px;transition:background .1s}::-webkit-datetime-edit-year-field{border-radius:4px;padding:2px 4px;transition:background .1s}::-webkit-datetime-edit-day-field:focus{background:var(--bg-muted);outline:none}::-webkit-datetime-edit-month-field:focus{background:var(--bg-muted);outline:none}::-webkit-datetime-edit-year-field:focus{background:var(--bg-muted);outline:none}[data-theme=dark] input[type=date]:focus{box-shadow:0 0 0 3px #fafafa1f}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.checkbox-wrap{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.checkbox{border:1.5px solid var(--border-default);border-radius:var(--radius-sm);appearance:none;background:var(--bg-surface);cursor:pointer;width:16px;height:16px;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;position:relative}.checkbox:checked{background:var(--bg-inverse);border-color:var(--bg-inverse)}.checkbox:checked:after{content:"";border:2px solid var(--text-inverse);border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.checkbox:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes bulk-bar-enter{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.spinner{animation:1s linear infinite spin;display:inline-block}.spin{animation:1s linear infinite spin}.toggle{width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-normal) var(--ease-out);border:1px solid #0000;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--bg-surface);width:16px;height:16px;transition:transform var(--duration-normal) var(--ease-out);border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0003}.toggle input:checked+.toggle-slider{background:var(--text-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.card-lg{padding:var(--space-8);border-radius:var(--radius-xl)}.card-ghost{background:var(--bg-subtle);border-color:#0000}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-outlined{border-color:var(--border-default)}.card-inverse{background:var(--bg-inverse);border-color:var(--border-light)}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;border-radius:100px;padding:4px 10px;line-height:1;display:inline-flex}.badge-default{background:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-light)}.badge-strong{background:var(--text-primary);color:var(--bg-surface)}.badge-outline{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.badge-inverse{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-light)}.badge-blue{color:#2563eb;background:#3b82f61a;border-color:#3b82f633}.badge-green{color:#16a34a;background:#16a34a1a;border-color:#16a34a33}.badge-red{color:#dc2626;background:#dc26261a;border-color:#dc262633}.badge-orange{color:#d97706;background:#f59e0b1a;border-color:#f59e0b33}.badge-yellow{color:#a16207;background:#eab3081a;border-color:#eab30833}.badge-gray{background:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-light)}.badge-dot:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-active:before{background:var(--text-tertiary)}.badge-active{color:var(--text-secondary);background:var(--bg-subtle);border-color:var(--border-light)}.avatar{font-weight:500;font-family:var(--font-sans);background:var(--gray-200);color:var(--gray-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-xs{width:24px;height:24px;font-size:9px}.avatar-sm{width:32px;height:32px;font-size:11px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:52px;height:52px;font-size:18px}.avatar-xl{width:72px;height:72px;font-size:24px}.divider{border:none;border-top:1px solid var(--border-light);margin:var(--space-6) 0}.divider-strong{border-top-color:var(--border-default)}.divider-label{align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--border-light);flex:1;height:1px}.alert{gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid;display:flex}.alert-info{background:var(--bg-subtle);border-color:var(--border-light)}.alert-warning{background:var(--bg-subtle);border-color:var(--border-default)}.alert-error{background:var(--gray-900);border-color:var(--black);color:var(--white)}.alert-success{background:var(--gray-800);border-color:var(--gray-700);color:var(--white)}.alert-title{font-weight:500;font-size:var(--text-sm);margin-bottom:2px}.alert-body{font-size:var(--text-sm);opacity:.8}.alert-icon{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th{background:var(--bg-subtle);color:var(--text-secondary);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-subtle)}.nav{align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:fit-content;display:flex}.nav-item{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;font-weight:500}.nav-item:hover{color:var(--text-primary);background:var(--bg-subtle)}.nav-item.active{background:var(--bg-inverse);color:var(--text-inverse)}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-weight:400;display:flex}.sidebar-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-inverse);color:var(--text-inverse);font-weight:500}.sidebar-item-dot{background:var(--border-default);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sidebar-item.active .sidebar-item-dot{background:var(--text-inverse)}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-fill{background:var(--black);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--bg-muted) 50%, var(--bg-subtle) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.4s ease-in-out infinite shimmer}.motion-demo{padding:var(--space-6);background:var(--bg-subtle);border-radius:var(--radius-lg);gap:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.motion-box{background:var(--black);border-radius:var(--radius-md);cursor:pointer;width:48px;height:48px;transition:all var(--duration-normal) var(--ease-out)}.motion-box:hover{background:var(--gray-700);transform:translateY(-4px)}.motion-box.fast{transition-duration:var(--duration-fast)}.motion-box.slow{transition-duration:var(--duration-slow)}.sig-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.sig-preview{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-5);display:flex}.sig-avatar{border-radius:var(--radius-lg);background:var(--gray-200);flex-shrink:0;width:52px;height:52px}.sig-info{flex:1}.sig-name{font-weight:500;font-size:var(--text-md);color:var(--text-primary);margin-bottom:2px}.sig-title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.sig-contact{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);flex-direction:column;gap:2px;display:flex}.sig-banner{background:var(--gray-900);border-radius:var(--radius-md);justify-content:center;align-items:center;height:36px;display:flex}.sig-banner-text{font-size:var(--text-xs);color:var(--gray-400);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.sig-actions{gap:var(--space-3);display:flex}.surface{background:var(--bg-surface)}.text-mono{font-family:var(--font-mono)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.hover-lift-subtle{transition:background var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.hover-lift-subtle:hover{background:var(--bg-surface);box-shadow:var(--shadow-sm);transform:translateY(-2px)}@keyframes typing{0%{opacity:.5;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-3px)scale(1.1)}to{opacity:.5;transform:translateY(0)scale(.8)}}.dot-typing{letter-spacing:2px;font-weight:700;animation:1s infinite alternate typing;display:inline-block}[data-block-id]{cursor:pointer;transition:outline .1s}[data-block-id]:hover{outline-offset:2px;border-radius:3px;outline:2px solid #1a1a1940}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.hover-bg:hover{background:var(--bg-subtle)!important}.hover-bg-transparent{background:0 0;transition:background .15s}.hover-bg-transparent:hover{background:var(--bg-subtle)}.hover-surface{background:var(--bg-surface);transition:all .15s}.hover-surface:hover{background:var(--bg-subtle)}.hover-card-lift{background:var(--bg-subtle);transition:border-color .2s,background .2s}.hover-card-lift:hover{border-color:var(--text-primary);background:var(--bg-surface)}.admin-section-header{align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600;display:flex}.admin-section-header svg{stroke-width:1.5px}.admin-kpi-grid{gap:var(--space-5);margin-bottom:var(--space-10);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.admin-kpi-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.admin-kpi-card .kpi-header{justify-content:space-between;align-items:center;display:flex}.admin-kpi-card .kpi-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-weight:500}.admin-kpi-card .kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-kpi-card .kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:600}.admin-kpi-card .kpi-delta{font-size:var(--text-xs);color:#10b981;margin-top:var(--space-1);font-weight:600}.admin-search{width:320px;position:relative}.admin-search .search-icon{color:var(--text-tertiary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-search .input{padding-left:36px}.hoverable-icon:hover{color:var(--text-primary);cursor:pointer}.menu-item:hover,.admin-row-hover:hover td{background:var(--bg-subtle)!important}.admin-drawer-backdrop{z-index:9999;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-drawer{background:var(--bg-surface);flex-direction:column;width:450px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) admin-slide-in-right;display:flex;box-shadow:-4px 0 24px #0000001a}.admin-drawer-header{padding:var(--space-6);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.admin-drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.admin-drawer-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@keyframes admin-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.admin-accent-blue{background:var(--color-info-bg);border-left:3px solid var(--color-info)}.admin-accent-purple{background:#8b5cf614;border-left:3px solid #8b5cf6}[data-theme=dark] .admin-accent-purple{background:#8b5cf626}.admin-accent-amber{background:#f59e0b14;border:1px solid #f59e0b33}[data-theme=dark] .admin-accent-amber{background:#f59e0b1f;border-color:#f59e0b40}.admin-accent-red{background:#dc26260f;border:1px solid #dc262626}[data-theme=dark] .admin-accent-red{background:#dc26261f;border-color:#dc262633}.admin-toast{background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-sm);pointer-events:none;z-index:9999;white-space:nowrap;padding:10px 18px;transition:opacity .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.admin-toggle-group{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:10px;gap:4px;padding:4px;display:flex}.admin-toggle-item{cursor:pointer;font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;padding:8px 14px;transition:all .2s}.admin-toggle-item.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.spinning{animation:1s linear infinite spin}@media (max-width:1500px) and (min-width:1025px){.builder-grid{grid-template-columns:280px 1fr!important}.builder-left-panel,.builder-right-panel{grid-area:1/1!important}.builder-right-panel{z-index:10;background:0 0!important;border:none!important;border-radius:0 0 12px 12px!important;width:calc(100% - 2px)!important;height:calc(100% - 50px)!important;margin-top:50px!important;overflow-y:auto!important}.builder-grid.is-inspector-active .builder-right-panel>div>div:first-child{border-bottom:1px solid var(--border-light)!important;background:0 0!important;padding-top:12px!important;padding-bottom:8px!important}.builder-grid:not(.is-inspector-active) .builder-right-panel{display:none!important}}@media (max-width:1024px){.dashboard-sidebar{z-index:200;width:240px;height:100vh;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-100%)}.dashboard-sidebar.sidebar-open{transform:translate(0)}.dashboard-sidebar>aside{width:100%!important;height:100%!important;position:relative!important}.dashboard-main{margin-left:0!important;overflow-x:hidden!important}.mobile-topbar{display:flex!important}.desktop-topbar,.mobile-topbar .support-pill-btn{display:none!important}.sidebar-support-mobile{display:flex!important}.page{padding:var(--space-8) var(--space-4)}.dashboard-onboarding-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-hero{gap:var(--space-6);flex-direction:column!important;align-items:flex-start!important}.dashboard-status-grid{grid-template-columns:1fr!important}.dashboard-shortcuts-grid{grid-template-columns:repeat(2,1fr)!important}.fields-layout{grid-template-columns:1fr!important}.grid-4{grid-template-columns:repeat(2,1fr)}.dashboard-content-wrapper{padding:0 var(--space-4) var(--space-4)!important}.card:has(.data-table){overflow-x:auto}.builder-grid{grid-template-columns:1fr!important;gap:0!important;min-height:auto!important}.builder-mobile-toggles{display:flex!important}.builder-panel-backdrop{display:block!important}.builder-left-panel{z-index:300;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.16,1,.3,1);top:0;left:0;transform:translate(-100%);border:none!important;border-right:1px solid var(--border-light)!important;border-radius:0!important;width:300px!important;height:100vh!important;position:fixed!important}.builder-left-panel.panel-open{transform:translate(0)}.builder-right-panel{z-index:300;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.16,1,.3,1);top:0;right:0;transform:translate(100%);border:none!important;border-left:1px solid var(--border-light)!important;border-radius:0!important;width:320px!important;height:100vh!important;padding-top:16px!important;position:fixed!important;overflow-y:auto!important}.builder-right-panel.panel-open{transform:translate(0)}.builder-grid+.row-between,.page>.row-between:first-child{flex-wrap:wrap}.builder-grid.is-inspector-active .builder-right-panel{z-index:310!important;width:300px!important;height:calc(100vh - 48px)!important;box-shadow:none!important;background:var(--bg-surface)!important;border-left:none!important;border-right:none!important;padding-top:0!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;top:48px!important;left:0!important;right:auto!important;transform:translate(-100%)!important}.builder-grid.is-inspector-active .builder-left-panel.panel-open~.builder-right-panel{transform:translate(0)!important}}@media (max-width:768px){.page{padding:var(--space-6) var(--space-3)}.dashboard-onboarding-grid{grid-template-columns:1fr!important}.dashboard-hero{padding:var(--space-6)!important}.dashboard-shortcuts-grid{grid-template-columns:1fr!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.row-between{align-items:flex-start!important;gap:var(--space-3)!important;flex-direction:column!important}.btn-lg,.btn-xl{width:100%}.card{padding:var(--space-4)}.card-lg{padding:var(--space-5)}h1,.type-sample-h1{font-size:var(--text-2xl)}h2,.type-sample-h2{font-size:var(--text-xl)}h3,.type-sample-h3{font-size:var(--text-lg)}.nav{flex-wrap:wrap;width:100%}}@media (max-width:480px){.page{padding:var(--space-4) var(--space-2)}.dashboard-hero h1{font-size:var(--text-xl)!important}.support-pill-btn{display:none!important}}@media (max-width:1500px){.builder-tab-label{display:none}}