:root{--color-canvas:#fff;--color-surface:#f6f6f7;--color-surface-raised:#fff;--color-border:#d4d4d8;--color-border-subtle:#e4e4e7;--color-text:#18181b;--color-text-muted:#71717a;--color-text-inverse:#fff;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-info:#2563eb;--color-info-bg:#dbeafe;--color-warning:#d97706;--color-warning-bg:#fef3c7;--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-focus:0 0 0 3px #2563eb66;--max-width:72rem;--header-height:3.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-canvas);margin:0}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-4);margin-inline:auto}@media (width>=640px){.container{padding-inline:var(--space-6)}}@media (width>=1024px){.container{padding-inline:var(--space-8)}}.layout{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-surface-raised);height:var(--header-height)}.site-header .container{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{font-weight:600;font-size:var(--text-lg);color:var(--color-text);text-decoration:none}.brand:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.site-nav{align-items:center;gap:var(--space-4);display:flex}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.nav-link:hover{color:var(--color-text)}.nav-link:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.nav-link--button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.inline-form{display:inline}.site-main{padding-block:var(--space-8);flex:auto}.site-footer{border-top:1px solid var(--color-border-subtle);padding-block:var(--space-6);background-color:var(--color-surface)}.text-muted{color:var(--color-text-muted);font-size:var(--text-sm)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);color:var(--color-text);margin-block-start:var(--space-4);margin-block-end:var(--space-2);font-weight:600}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-block-start:var(--space-2);margin-block-end:var(--space-2)}a{color:var(--color-primary);text-underline-offset:2px}a:hover{color:var(--color-primary-hover)}a:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;font-family:inherit;font-weight:500;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--sm{padding-block:var(--space-1);padding-inline:var(--space-3);font-size:var(--text-sm)}.btn--md{padding-block:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-base)}.btn--lg{padding-block:var(--space-3);padding-inline:var(--space-5);font-size:var(--text-lg)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.btn--secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover{background-color:var(--color-border-subtle)}.btn--danger{background-color:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn--danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.form-field{gap:var(--space-1);flex-direction:column;margin-block-end:var(--space-4);display:flex}.form-field__label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.required{color:var(--color-danger);margin-inline-start:var(--space-1)}.form-field__input{width:100%;padding-block:var(--space-2);padding-inline:var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s;display:block}.form-field__input::placeholder{color:var(--color-text-muted)}.form-field__input:hover{border-color:var(--color-text-muted)}.form-field__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.form-field__input--error{border-color:var(--color-danger)}.form-field__input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #dc262666}.validation-errors{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:#fef2f2;border:1px solid #fecaca;margin:0;list-style:none}.validation-errors__item{font-size:var(--text-sm);color:var(--color-danger)}.status-message{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-md);border:1px solid #0000;margin-block-end:var(--space-4);display:flex}.status-message--info{background-color:var(--color-info-bg);color:#1e3a8a;border-color:#bfdbfe}.status-message--success{background-color:var(--color-success-bg);color:#14532d;border-color:#bbf7d0}.status-message--warning{background-color:var(--color-warning-bg);color:#78350f;border-color:#fde68a}.status-message--error{color:#7f1d1d;background-color:#fef2f2;border-color:#fecaca}.status-message__text{font-size:var(--text-sm);line-height:var(--leading-normal)}.status-message__dismiss{font-size:var(--text-xl);cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;line-height:1}.status-message__dismiss:hover{opacity:1}.empty-state{text-align:center;padding-block:var(--space-12);padding-inline:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{color:var(--color-text-muted);margin-block-end:var(--space-4)}.empty-state__title{font-size:var(--text-xl);margin-block:0;font-weight:600}.empty-state__description{font-size:var(--text-base);color:var(--color-text-muted);max-width:40ch;margin-block:var(--space-2)}.empty-state__action{margin-block-start:var(--space-4)}.placeholder-region{align-items:center;gap:var(--space-3);display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{padding-block:var(--space-1);padding-inline:var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);align-items:center;font-weight:500;line-height:1;display:inline-flex}.badge--primary{background-color:var(--color-info-bg);color:#1e3a8a;border-color:#bfdbfe}.badge--success{background-color:var(--color-success-bg);color:#14532d;border-color:#bbf7d0}.badge--warning{background-color:var(--color-warning-bg);color:#78350f;border-color:#fde68a}.badge--danger{color:#7f1d1d;background-color:#fef2f2;border-color:#fecaca}.style-preview__section{border-bottom:1px solid var(--color-border-subtle);margin-block-end:var(--space-10);padding-block-end:var(--space-8)}.style-preview__section:last-child{border-bottom:none}.style-preview__group{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.style-preview__form{max-width:32rem}textarea.form-field__input{resize:vertical;min-height:6rem}