.ds-surface{font-family:var(--ds-font-family-body);font-size:var(--ds-font-size-body);color:var(--ds-color-text-primary);line-height:var(--ds-font-line-body)}.ds-card{background:var(--ds-color-surface-primary);border:var(--ds-size-border) solid var(--ds-color-border-primary);border-radius:var(--ds-radius-card);padding:var(--ds-space-lg);min-width:0}.ds-stack{display:flex;min-width:0}.ds-vertical{flex-direction:column;align-items:stretch}.ds-horizontal{flex-direction:row;align-items:center;flex-wrap:wrap}.ds-gap-sm{gap:var(--ds-space-sm)}.ds-gap-md{gap:var(--ds-space-md)}.ds-gap-lg{gap:var(--ds-space-lg)}.ds-type{margin:0;overflow-wrap:anywhere}.ds-type-heading{font-size:var(--ds-font-size-heading);font-weight:var(--ds-font-weight-strong);line-height:1.35;letter-spacing:-.02em}.ds-type-body{font-size:var(--ds-font-size-body);color:var(--ds-color-text-secondary)}.ds-type-caption{font-size:var(--ds-font-size-small);color:var(--ds-color-text-secondary)}.ds-button{border:var(--ds-size-border) solid transparent;border-radius:var(--ds-radius-control);min-height:var(--ds-size-control);padding:var(--ds-space-sm) var(--ds-space-md);font:inherit;font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-strong);cursor:pointer;transition:background .15s}.ds-button-primary{color:var(--ds-color-text-inverse);background:var(--ds-color-action-standard)}.ds-button-primary:hover{background:var(--ds-color-action-hover)}.ds-button-secondary{color:var(--ds-color-action-standard);border-color:var(--ds-color-action-standard);background:var(--ds-color-surface-primary)}.ds-button-tertiary,.ds-button-quiet{color:var(--ds-color-action-standard);background:transparent}.ds-button-secondary:hover,.ds-button-tertiary:hover,.ds-button-quiet:hover{background:var(--ds-color-surface-info)}.ds-button:focus-visible{outline:var(--ds-size-focus) solid var(--ds-color-action-standard);outline-offset:var(--ds-size-focus)}.ds-field input:focus,.ds-field input:focus-visible{box-shadow:0 0 0 1px var(--ds-color-border-input-active)!important;border:1px solid!important;border-color:var(--ds-color-border-input-active)!important;outline-offset:0;outline:transparent 0}.ds-button:disabled{opacity:.5;cursor:not-allowed}.ds-badge{display:inline-flex;align-self:flex-start;width:-moz-fit-content;width:fit-content;border-radius:var(--ds-radius-control);padding:var(--ds-space-xs) var(--ds-space-sm);font-size:var(--ds-font-size-small);font-weight:600}.ds-tone-info{color:var(--ds-color-text-info);background:var(--ds-color-surface-info)}.ds-tone-positive{color:var(--ds-color-text-positive);background:var(--ds-color-surface-positive)}.ds-tone-attention{color:var(--ds-color-text-attention);background:var(--ds-color-surface-attention)}.ds-alert{padding:var(--ds-space-md);border-radius:var(--ds-radius-control);font-size:var(--ds-font-size-body)}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-sm);width:325px;max-width:100%}.ds-field label{color:var(--ds-color-text-primary);font-weight:600}.ds-field input{font:inherit;min-width:0;min-height:var(--ds-size-control);border:var(--ds-size-border) solid var(--ds-color-border-input);border-radius:var(--ds-radius-control);padding:var(--ds-space-sm);background:var(--ds-color-surface-primary)!important;color:var(--ds-color-text-primary)!important}.ds-field input::-moz-placeholder{color:var(--ds-color-text-secondary)}.ds-field input::placeholder{color:var(--ds-color-text-secondary)}.ds-nav{background:var(--ds-color-nav-background);color:var(--ds-color-nav-text);padding:var(--ds-space-lg) 0 var(--ds-space-md);display:flex;flex-direction:column;width:210px;flex-shrink:0}.ds-wordmark{padding:0 var(--ds-space-md) var(--ds-space-lg);min-height:30px;display:flex;align-items:center}.ds-wordmark svg{display:block;width:100%;max-width:152px;height:30px}.ds-nav-section{display:flex;flex-direction:column}.ds-nav-caption{margin:0;font-size:12px;font-weight:700;line-height:16px;padding:16px 16px 8px;text-transform:uppercase}.ds-nav-item{min-height:44px;width:100%;text-align:left;padding:12px 16px;display:flex;align-items:center;gap:10px;color:inherit;font-family:var(--ds-font-family-body);font-size:14px;font-weight:500;line-height:20px;background:transparent;border-left:3px solid transparent}.ds-nav-icon{width:20px;height:20px;flex:0 0 20px}.ds-nav-item.ds-nav-active{color:var(--ds-color-nav-text-primary);background:var(--ds-color-nav-selected);border-left-color:var(--ds-color-nav-accent)}.ds-nav-collapse{margin-top:auto;border-top:1px solid #ffffff26!important}.ds-nav-foot{display:flex;gap:var(--ds-space-sm);align-items:center;padding:var(--ds-space-md) var(--ds-space-md) 0;font-size:11px}.ds-nav-foot small{display:block;font-size:9px;opacity:.6}.ds-avatar{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;width:28px;height:28px}.ds-preview-blocked{border:1px dashed var(--ds-color-border-input);padding:var(--ds-space-lg);border-radius:var(--ds-radius-card);background:var(--ds-color-surface-attention)}.ds-preview-blocked p{margin-top:var(--ds-space-sm)}@font-face{font-family:Avenir Next;src:url(/fonts/avenir-next-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(/fonts/avenir-next-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(/fonts/avenir-next-demi-bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(/fonts/avenir-next-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ink: #202c29;--muted: #64716b;--line: #dce2dc;--paper: #f6f7f3;--green: #245b42;--green-light: #e9f1e8;--white: #fff;--warn: #86561d}*{box-sizing:border-box}.demo-app{font-family:Avenir Next,Avenir,Arial,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh;font-size:14px}.demo-app button,.demo-app select,.demo-app textarea,.demo-app input{font-family:inherit}.demo-app button,.demo-app a,.demo-app select{touch-action:manipulation}.demo-app button{cursor:pointer}.demo-app button:disabled{cursor:not-allowed;opacity:.5}.demo-app h1,.demo-app h2,.demo-app h3,.demo-app p{margin:0}.demo-app a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-100px;left:16px;padding:12px 20px;background:#fff;z-index:100}.skip-link:focus{top:12px}.app-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff}.app-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{height:39px;width:39px;border-radius:7px;background:var(--ink);color:#fff!important;font-size:30px;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:0;padding-right:0}.app-brand>div{display:flex;flex-direction:column;gap:4px}.app-brand strong{font-size:16px;letter-spacing:-.4px}.app-brand>div>span{font-size:8px;font-weight:600;letter-spacing:1.4px;color:var(--muted)}.app-header nav{display:flex;align-items:center;gap:24px;height:100%}.app-header nav a{font-size:12px;font-weight:500;display:flex;align-items:center;height:100%;position:relative;color:var(--muted);gap:5px}.app-header nav a[aria-current]{color:var(--ink);font-weight:600}.app-header nav a[aria-current]:after{position:absolute;content:"";height:2px;background:var(--green);bottom:0;left:0;right:0}.app-header nav a>span{font-size:9px;background:var(--green-light);padding:1px 5px;border-radius:4px}.header-meta{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;white-space:nowrap}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#568566}.system-bar{min-height:53px;display:flex;justify-content:space-between;align-items:center;padding:10px 38px;border-bottom:1px solid var(--line);background:#fcfdf9;font-size:11px;gap:12px}.system-bar>div{display:flex;align-items:center;gap:12px;color:var(--muted)}.system-bar strong{color:var(--ink);font-size:12px}.system-glyph{font-size:20px;color:var(--green)}.system-separator{color:#c2c9c1}.system-bar label{display:flex;gap:12px;align-items:center;color:var(--muted)}.system-bar select{border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:7px 30px 7px 10px;font-size:11px;max-width:100%}.app-main{max-width:1560px;margin:auto;padding:44px 38px 34px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:7px;color:var(--green);margin-bottom:12px!important}.page-heading h1{font-size:38px;font-weight:500;letter-spacing:-1.7px;line-height:1.2}.page-description{color:var(--muted);font-size:13px;margin-top:12px!important;max-width:760px;line-height:1.7}.heading-note{display:flex;gap:12px;align-items:center;min-width:210px;padding-right:25px}.heading-note strong,.heading-note span{display:block}.heading-note strong{font-size:11px;font-weight:600}.heading-note div>span{font-size:10px;color:var(--muted);margin-top:4px}.branch-icon{font-size:28px;color:var(--green)}.workbench-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.agent-column,.preview-column{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;min-width:0}.panel-heading{display:flex;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.agent-symbol{width:32px;height:32px;border-radius:7px;background:var(--green-light);color:var(--green);display:grid;place-items:center;font-size:18px}.panel-heading h2{font-size:13px;font-weight:600}.panel-heading p{font-size:10px;color:var(--muted);margin-top:3px}.label-tag{margin-left:auto;font-size:10px;color:#7d877e;border:1px solid var(--line);border-radius:4px;padding:2px 5px}.composer{padding:20px}.segmented{display:flex;align-items:center;background:#f1f3ef;border:1px solid #e4e8e1;padding:3px;border-radius:6px;gap:3px}.segmented button{flex:1;padding:7px 10px;border-radius:4px;font-size:10px;white-space:nowrap;color:var(--muted)}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #1b342818;color:var(--ink);font-weight:600}.mode-control{margin-bottom:21px}.composer>label,.live-config label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.composer textarea{width:100%;resize:vertical;min-height:133px;font-size:12px;line-height:1.85;border:1px solid #ccd6ca;border-radius:6px;padding:13px;background:#fbfcf9!important;color:var(--ink)!important}.composer textarea[readonly]{cursor:default}.prompt-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.prompt-examples button{font-size:9px;border:1px solid var(--line);border-radius:5px;padding:5px 7px;color:var(--muted)}.prompt-examples button.selected{color:var(--green);background:var(--green-light);border-color:#c3d7c1}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ccd6cc;border-radius:6px;padding:10px 16px;background:#fff;font-size:11px;font-weight:600;min-height:38px;white-space:nowrap}.button:hover{background:#f2f5ef}.button-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button-dark:hover{background:#344a40}.button-green{background:var(--green-light);color:var(--green);border-color:#c2d4c0}.button-green:hover{background:#dae8d8}.button-small{padding:7px 10px;min-height:32px;font-size:10px}.generate-button{width:100%;justify-content:space-between;margin-top:18px;font-size:12px;padding:12px 14px}.generate-button>span:last-child{font-size:17px;line-height:1}.composer-note{font-size:9px;color:var(--muted);text-align:center;margin-top:9px!important;line-height:1.6}.live-config{margin-top:15px}.live-config input{width:100%;padding:8px;border:1px solid var(--line);border-radius:4px}.live-config p{font-size:10px;color:var(--muted);line-height:1.6;margin-top:6px}.pipeline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf8;padding:13px 18px;gap:6px}.pipeline>span{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.pipeline i{width:17px;height:17px;border:1px solid #d8e0d4;display:grid;place-items:center;border-radius:50%;font-size:7px;font-style:normal}.pipeline i.complete{background:var(--green-light);color:var(--green);border-color:#b8cdb6}.pipeline b{font-size:9px;font-weight:400;color:#a8b3a5;margin-left:4px}.tab-bar{display:flex;align-items:stretch;gap:20px;min-height:47px;padding:0 20px}.tab-bar button{position:relative;text-transform:capitalize;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.tab-bar button[aria-pressed=true]{color:var(--ink);font-weight:600}.tab-bar button[aria-pressed=true]:after{content:"";position:absolute;height:2px;background:var(--green);bottom:0;left:0;right:0}.inspector{border-top:1px solid var(--line)}.inspector>.tab-bar{border-bottom:1px solid var(--line)}.count{font-size:8px;line-height:1;padding:3px 4px;border-radius:3px}.good{color:var(--green);background:var(--green-light)}.warn{color:var(--warn);background:#faf0dc}.context-panel,.check-list,.activity-panel{padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.pill{display:inline-flex;align-items:center;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:500;letter-spacing:0;white-space:nowrap;background:#f0f2ee;color:#617064;border:1px solid #e2e7e0;line-height:1.2}.pill-good{background:#edf5eb;color:#356246;border-color:#d6e6d0}.pill-warn{background:#fdf4e5;color:#875b22;border-color:#efdfc3}.context-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0}.context-numbers>div{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding-left:17px}.context-numbers>div:first-child{padding-left:0}.context-numbers>div:last-child{border:0}.context-numbers strong{font-size:25px;font-weight:500;line-height:1}.context-numbers span{font-size:9px;color:var(--muted)}.component-chips{display:flex;flex-wrap:wrap;gap:5px}.component-chips code{font-size:9px;color:#53655a;background:#f3f6f1;border:1px solid #e2e8de;border-radius:4px;padding:4px 6px;overflow-wrap:anywhere}.context-meter{height:5px;background:#e9eee5;border-radius:10px;margin-top:20px;overflow:hidden}.context-meter>span{display:block;background:#628564;height:100%;border-radius:10px}.context-caption{font-size:10px;color:var(--muted);margin-top:10px!important;line-height:1.7}.context-caption strong{color:var(--green);font-weight:600}.fine-print{font-size:10px;color:var(--muted);line-height:1.8;margin-top:14px!important}.context-panel>.fine-print{font-size:9px}.demo-app details{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.demo-app summary{font-size:10px;color:var(--muted);cursor:pointer}.inspector-empty{min-height:120px;padding:28px 20px;text-align:center;display:grid;place-items:center}.inspector-empty>span{font-size:26px;color:#7f9980}.inspector-empty strong{font-size:12px;font-weight:500}.inspector-empty p{font-size:11px;line-height:1.8;color:var(--muted)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:62px;gap:10px}.preview-toolbar .tab-bar{min-height:62px}.preview-tools{display:flex;align-items:center;gap:10px;padding-right:18px}.device-control{padding:2px}.device-control button{font-size:20px;line-height:1;padding:4px 8px}.preview-stage{padding:18px;background:#ecf0e9;transition:padding .2s}.browser-chrome{display:flex;align-items:center;justify-content:space-between;height:33px;background:#fff;border:1px solid #d7ded4;border-bottom:0;border-radius:7px 7px 0 0;font-size:9px;color:#8a9288;padding:0 12px}.traffic-lights{display:flex;gap:4px}.traffic-lights i{width:5px;height:5px;border-radius:50%;background:#dbe0d6}.reference{display:flex;border:1px solid #d7ded4;border-radius:7px;overflow:hidden;min-height:640px;background:var(--ds-color-surface-secondary)}.reference-main{min-width:0;flex:1}.reference-top{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--ds-color-border-primary);background:var(--ds-color-surface-primary);font-size:10px;color:var(--ds-color-text-secondary)}.reference-header-actions{display:flex;align-items:center;gap:8px;color:var(--ds-color-text-primary)}.reference-header-icon{width:28px;height:28px;display:grid;place-items:center;position:relative;padding:0;color:inherit;background:transparent;border:0;border-radius:4px}.reference-header-actions svg{width:20px;height:20px}.reference-header-badged{position:relative}.reference-notification-badge{position:absolute;right:1px;top:0;min-width:12px;height:12px;padding:0 3px;display:grid;place-items:center;border:1px solid #fff;border-radius:999px;background:#d52b1e;color:#fff;font-size:7px;line-height:1}.reference-settings-dot{position:absolute;right:2px;top:2px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#d72792}.reference-user{width:22px;height:22px;background:#e7edf0;color:#485760;border-radius:50%;display:grid;place-items:center;font-size:9px}.reference-content{position:relative;min-height:596px;overflow:hidden}.reference-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.reference-content-inner{position:relative;z-index:1;padding:27px 26px 17px;display:flex;flex-direction:column;gap:17px}.reference-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.reference-heading h2{font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.3}.reference-heading .ds-badge{font-size:9px;padding:3px 6px}.reference-intro{font-size:12px;color:var(--ds-color-text-secondary);margin-top:-7px!important}.empty-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px;border:1px dashed #aebfa9;border-radius:8px;background:#f2f7ef;color:#567552}.empty-slot>span:first-child{font-size:24px}.empty-slot strong{font-size:11px;font-weight:500}.empty-slot p{font-size:10px;color:#71846b;margin-top:3px}.empty-slot>span:last-child{margin-left:auto;font-size:17px}.conversion-steps{display:grid;grid-template-columns:minmax(70px,1fr) 24px minmax(70px,1fr) 24px minmax(70px,1fr);align-items:center;gap:8px;color:var(--ds-color-text-primary)}.conversion-step{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:10px;font-weight:600}.conversion-step-illustration{display:block;width:60px;height:60px}.conversion-chevron{width:24px;height:24px;color:var(--ds-color-text-secondary)}.reference-disclaimer{font-size:8px;color:var(--ds-color-text-secondary);text-align:center;margin-top:2px!important}.generated-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:var(--green);margin-bottom:9px}.generated-label>span:first-child{font-size:13px}.generated-label-line{height:1px;flex:1;background:#c5d8be}.mobile-stage .browser-chrome,.mobile-stage .reference{max-width:390px;margin:0 auto}.reference-compact .ds-nav{display:none}.reference-compact .reference-content-inner{padding:24px 16px}.reference-compact .reference-heading h2{font-size:22px}.reference-compact{min-height:700px}.review-bar{padding:15px 19px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.review-bar>div:first-child{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.review-actions{display:flex;gap:7px}.status-dot{height:5px;width:5px;border-radius:50%;background:#a9b4a4}.status-good{background:#53814e}.workbench-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;color:var(--muted)}.workbench-footnote span{font-size:8px;letter-spacing:1px;white-space:nowrap}.workbench-footnote p{font-size:10px}.app-footer{border-top:1px solid var(--line);padding:20px 38px;color:var(--muted)}.app-footer>span{font-size:8px;letter-spacing:1px;white-space:nowrap}.app-footer b{font-size:13px;color:var(--green);margin-left:6px}.app-footer p{font-size:9px}.code-block{background:#1e2b27;color:#d7e6d8;padding:22px;border-radius:6px;overflow:auto;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;max-width:100%;margin:0;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.source-stage{padding:22px;min-height:675px;background:#fafcf7}.source-stage>.code-block{min-height:540px;max-height:800px}.source-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:11px;color:var(--muted)}.context-panel .code-block{margin-top:10px;max-height:300px;font-size:9px;padding:14px}.check-summary{display:flex;align-items:center;gap:10px;margin-bottom:21px;flex-wrap:wrap}.check-summary>strong{font-size:27px;font-weight:500;letter-spacing:-1px}.check-summary>span:not(.pill){font-size:10px;line-height:1.6;color:var(--muted)}.check-summary small,.check-summary .pill{font-size:8px}.check-row{display:flex;gap:10px;padding:10px 0;border-top:1px solid #edf0e8}.check-row>span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:2px;font-size:10px}.check-pass{background:#e7f0e3;color:#52734b}.check-fail{background:#fff0d9;color:#8b5c1c}.check-row strong{font-size:10px;font-weight:600}.check-row p{font-size:9px;line-height:1.7;color:var(--muted);margin-top:4px}.check-list>.fine-print{font-size:9px}.issue-list{font-size:10px;color:#875325;padding:10px 12px 10px 23px;background:#fcf5e8;line-height:1.8;border-radius:4px}.contrast-pairs{display:grid;gap:7px;margin-top:12px;font-size:9px;color:var(--muted)}.contrast-pairs span{display:flex;justify-content:space-between}.activity-panel h3{font-size:15px;line-height:1.6;margin-top:14px}.activity-panel dl{margin-top:15px;font-size:10px}.activity-panel dl>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 0}.activity-panel dt{color:var(--muted)}.activity-panel dd{text-align:right}.migration-banner{background:#fff5df;padding:13px 20px;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:10px;color:#765322;border-bottom:1px solid #eadab8;flex-wrap:wrap}.migration-banner button{font-weight:600;text-decoration:underline;min-height:30px}.error-message{margin-top:13px;background:#fff1e9;border:1px solid #efcbb5;color:#93461c;border-radius:5px;padding:11px;font-size:11px;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;background:#253e30;color:#fff;padding:13px 22px;border-radius:8px;box-shadow:0 5px 30px #12362422;font-size:12px;max-width:calc(100% - 32px);width:-moz-max-content;width:max-content;line-height:1.6}.registry-layout{display:grid;grid-template-columns:185px 1fr;gap:22px}.registry-nav{display:flex;flex-direction:column;gap:5px}.registry-nav button{display:flex;justify-content:space-between;padding:13px 15px;border-radius:6px;font-size:12px;color:var(--muted);border:1px solid transparent}.registry-nav button[aria-pressed=true]{background:#e8eee3;color:var(--green);border-color:#d5dfcf}.registry-nav button>span:last-child{font-size:12px;opacity:.5}.registry-detail{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;min-width:0}.registry-heading{display:flex;justify-content:space-between;gap:20px;padding:23px 27px;border-bottom:1px solid var(--line);align-items:center}.registry-heading h2{font-size:21px;font-weight:500}.registry-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}.component-stage{min-height:185px;display:flex;align-items:center;justify-content:center;background-color:#f6f8f2;background-image:radial-gradient(#c7d5be 1px,transparent 1px);background-size:17px 17px;padding:32px}.component-stage>.ds-card{width:450px;max-width:100%}.component-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 26px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.registry-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:27px}.registry-info>div{min-width:0}.registry-info h3{font-size:12px;font-weight:600;margin-bottom:13px}.registry-info .code-block{font-size:10px;max-height:330px}.registry-info .plain-list{margin-bottom:20px}.plain-list{padding-left:17px;margin:0;font-size:12px;line-height:1.9;color:var(--muted);list-style:disc}.plain-list li+li{margin-top:7px}.token-section{margin-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-heading h2{font-size:22px;font-weight:500;letter-spacing:-.6px}.section-heading p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin-top:7px}.search-field{display:flex;flex-direction:column;gap:6px;min-width:215px;font-size:10px;color:var(--muted)}.search-field input{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:10px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;line-height:1.6}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;background:#f1f5ee;color:var(--muted);font-weight:500;padding:13px 19px;white-space:nowrap}.data-table td{padding:14px 19px;border-top:1px solid #e7ece2;vertical-align:top}.data-table td:first-child{font-weight:500}.data-table code{font-size:10px;overflow-wrap:anywhere}.data-table small{display:block;font-size:9px;line-height:1.7;color:var(--muted);margin-top:6px;max-width:380px}.token-value{display:flex;align-items:center;gap:10px;max-width:400px}.swatch{height:20px;width:20px;border-radius:4px;border:1px solid #00000016;flex-shrink:0}.version-demo-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;background:#eaf0e4;border:1px solid #d8e2d0;border-radius:8px;padding:23px 28px;margin-bottom:30px}.version-demo-intro h2{font-size:16px;font-weight:500}.version-demo-intro p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:7px}.version-comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px}.version-comparison>section{padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.version-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.version-title>span:first-child{font-size:28px;color:#b0bda7;font-weight:400}.version-title h2{font-size:17px;font-weight:500}.version-title p{font-size:10px;color:var(--muted);margin-top:4px}.version-title .pill{margin-left:auto}.version-preview{background:#f0f3ed;border-radius:7px;padding:22px;margin-bottom:19px}.two-column-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.content-card{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fff}.content-card h2{font-size:22px;font-weight:500;letter-spacing:-.6px;margin-bottom:20px}.content-card>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;margin-top:13px}.token-diff{display:flex;flex-direction:column}.token-diff>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;flex-wrap:wrap}.token-diff code{font-size:10px}.token-diff s{color:var(--muted);margin-right:5px}.token-diff strong{font-weight:500}.migration-code{display:flex;gap:12px;align-items:center;padding:22px;background:#f1f5ed;border-radius:6px;flex-wrap:wrap}.migration-code code{font-size:12px}.migration-code>span{color:#889d7c}.architecture-map{background:#263c2e;border-radius:10px;color:#e0eddc;padding:28px 36px 22px}.architecture-caption{display:flex;justify-content:space-between;color:#a4b99c;font-size:9px;letter-spacing:1.2px}.architecture-caption>span:last-child{letter-spacing:0}.architecture-stages{display:grid;grid-template-columns:repeat(4,1fr);padding:37px 0 30px}.architecture-stages>div{position:relative;padding-left:25px;border-left:1px solid #55704c}.architecture-stages>div:first-child{padding-left:0;border:0}.stage-number{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #77916d;border-radius:50%;font-size:9px;color:#b7cdac;margin-bottom:15px}.architecture-stages h2{font-size:26px;letter-spacing:-1px;font-weight:400;margin-bottom:16px}.architecture-stages strong{font-size:12px;font-weight:500}.architecture-stages p{font-size:10px;color:#a3b89b;margin-top:6px}.architecture-feedback{padding-top:19px;border-top:1px solid #4a6243;font-size:11px;color:#b1c6a7;display:flex;align-items:center;gap:13px}.architecture-feedback>span{font-size:20px}.lineage-callout{display:grid;grid-template-columns:.9fr 1.7fr auto;gap:28px;align-items:center;margin:0 0 28px;padding:18px 20px;border:1px solid var(--line);background:#f6f8f4}.lineage-callout>div{display:grid;gap:6px}.lineage-callout strong{font-size:13px;font-weight:500}.lineage-callout p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.lineage-callout a{white-space:nowrap;color:var(--ink);font-size:10px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.lineage-callout a:hover{opacity:.65}.architecture-narrative{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:48px 0}.architecture-narrative h2{font-size:30px;letter-spacing:-1px;font-weight:500;line-height:1.3}.architecture-narrative>p{font-size:14px;line-height:1.9;color:var(--muted);padding-top:22px}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.decision-card{border-top:1px solid #bcc9b5;padding-top:19px}.decision-card>span{font-size:10px;color:#789368}.decision-card h3{font-size:16px;font-weight:500;margin:18px 0 10px}.decision-card p{font-size:12px;color:var(--muted);line-height:1.9}.scope-section{margin-top:45px}.scope-section h2{font-size:26px;font-weight:500;letter-spacing:-.6px;margin-bottom:23px}.scope-section td:first-child{min-width:135px}.scope-section td:nth-child(2){width:37%}.architecture-end{margin-top:45px;border-top:1px solid var(--line);padding:32px 0 10px;display:flex;gap:80px}.architecture-end>span{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:8px}.architecture-end p{font-size:25px;line-height:1.6;letter-spacing:-.7px;font-weight:400}.architecture-end strong{font-weight:500;color:var(--green)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px}.metric-card{border:1px solid var(--line);background:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column;gap:14px}.metric-card>span{font-size:11px;color:var(--muted)}.metric-card strong{font-size:35px;letter-spacing:-1px;font-weight:500}.metric-card p{font-size:10px;line-height:1.7;color:var(--muted)}.large-empty{border:1px dashed #c3d0b9;border-radius:8px;padding:42px 25px;text-align:center;background:#fafcf7}.large-empty>span{font-size:30px;color:#819973}.large-empty h3{font-size:19px;letter-spacing:-.4px;font-weight:500;margin:0 0 8px}.large-empty p{font-size:12px;color:var(--muted)}.package-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.package-layout nav{display:flex;flex-direction:column;gap:5px}.package-layout nav button{display:flex;gap:10px;align-items:center;text-align:left;font:10px ui-monospace,monospace;padding:15px 12px;border:1px solid transparent;border-radius:5px}.package-layout nav button>span{font-size:16px;color:#819474}.package-layout nav button[aria-pressed=true]{background:#e8eee2;border-color:#d6e0ce}.package-preview{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.package-toolbar{display:flex;justify-content:space-between;gap:20px;padding:23px;align-items:center}.package-toolbar h2{font-family:ui-monospace,monospace;font-size:14px}.package-toolbar p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:7px}.package-toolbar>div:last-child{display:flex;gap:8px}.package-preview>.code-block{border-radius:0;max-height:650px;min-height:470px}@media(min-width:1600px){.app-header,.system-bar{padding-left:max(38px,calc((100vw - 1484px)/2));padding-right:max(38px,calc((100vw - 1484px)/2))}.workbench-grid{grid-template-columns:360px minmax(0,1fr)}.reference-content-inner{padding:32px}}@media(max-width:1200px){.header-meta{display:none}.app-header{gap:20px;padding:0 25px}.app-header nav{gap:19px}.system-bar{padding:10px 25px}.app-main{padding:35px 25px}.workbench-grid{grid-template-columns:310px minmax(0,1fr);gap:17px}.heading-note{display:none}.ds-nav{width:142px}.reference-content-inner{padding:23px 17px}.reference-heading h2{font-size:19px}.preview-stage{padding:13px}.registry-info{gap:20px}.workbench-footnote>span:last-child{display:none}.decision-grid{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:34px}.conversion-steps{gap:8px}.app-footer{padding:24px 25px}}@media(max-width:980px){.app-header{height:auto;min-height:86px;flex-wrap:wrap;padding-top:18px;gap:10px}.app-header nav{height:44px;gap:24px;overflow:auto;width:100%}.app-header nav a{flex-shrink:0}.app-brand{margin-bottom:5px}.workbench-grid{grid-template-columns:290px minmax(0,1fr)}.reference .ds-nav{display:none}.reference-heading h2{font-size:20px}.preview-toolbar .tab-bar{padding:0 13px;gap:13px}.preview-tools{padding-right:10px;gap:6px}.device-control button{padding:4px 5px}.reference-content-inner{padding:23px 17px}.reference-top{padding:0 17px}.workbench-footnote{align-items:flex-start;flex-direction:column;gap:7px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.registry-info{grid-template-columns:1fr}.registry-layout{grid-template-columns:140px 1fr}.version-comparison{gap:18px}.version-comparison>section{padding:18px}.version-preview{padding:13px}.version-title{flex-wrap:wrap}.version-title .pill{margin-left:0}.lineage-callout{display:grid;grid-template-columns:.9fr 1.7fr auto;gap:28px;align-items:center;margin:0 0 28px;padding:18px 20px;border:1px solid var(--line);background:#f6f8f4}.lineage-callout>div{display:grid;gap:6px}.lineage-callout strong{font-size:13px;font-weight:500}.lineage-callout p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.lineage-callout a{white-space:nowrap;color:var(--ink);font-size:10px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.lineage-callout a:hover{opacity:.65}.architecture-narrative{gap:30px}.package-layout{grid-template-columns:190px minmax(0,1fr)}.package-toolbar{flex-wrap:wrap}.token-diff>div{flex-direction:column}.app-footer>span:last-child{display:none}}@media(max-width:720px){.app-main{padding:28px 16px}.app-header{padding-left:16px;padding-right:16px}.app-header nav{gap:23px}.system-bar{padding:10px 16px;flex-wrap:wrap;gap:9px}.system-bar>div{font-size:10px;gap:8px}.system-bar label{width:100%;justify-content:space-between;font-size:10px}.system-bar select{padding:6px 23px 6px 9px}.page-heading{margin-bottom:25px;align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1{font-size:32px;letter-spacing:-1.3px}.page-description{font-size:12px;margin-top:10px!important}.eyebrow{font-size:8px;letter-spacing:1.4px}.workbench-grid{grid-template-columns:1fr;gap:20px}.panel-heading{padding:16px 20px}.composer textarea{min-height:115px}.inspector .context-panel,.inspector .check-list{padding:20px}.preview-stage{padding:10px}.reference-content-inner{padding:22px 17px}.reference{min-height:unset}.reference-disclaimer{font-size:8px}.review-bar{padding:15px;align-items:flex-start}.review-actions{flex-wrap:wrap}.app-footer{padding:22px 16px;flex-direction:column;align-items:flex-start;gap:9px}.registry-layout{grid-template-columns:1fr;gap:16px}.registry-nav{flex-direction:row;overflow:auto;gap:6px}.registry-nav button{font-size:11px;padding:10px 13px;flex-shrink:0;gap:10px}.registry-heading{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}.registry-info{padding:20px}.section-heading{flex-direction:column;align-items:stretch}.token-section{margin-top:30px}.table-scroll .data-table{min-width:600px}.section-heading h2{font-size:22px}.version-demo-intro{flex-direction:column;align-items:flex-start;padding:22px}.version-comparison,.two-column-content{grid-template-columns:1fr;gap:18px}.content-card{padding:24px}.version-title .pill{margin-left:auto}.architecture-map{padding:23px}.architecture-caption>span:last-child{display:none}.architecture-stages{grid-template-columns:1fr 1fr;gap:25px;padding:25px 0}.architecture-stages>div{padding:0;border:0}.architecture-stages h2{font-size:24px;margin-bottom:10px}.architecture-stages strong{font-size:11px}.architecture-stages p{font-size:9px}.architecture-feedback{font-size:10px;line-height:1.7}.lineage-callout{display:grid;grid-template-columns:.9fr 1.7fr auto;gap:28px;align-items:center;margin:0 0 28px;padding:18px 20px;border:1px solid var(--line);background:#f6f8f4}.lineage-callout>div{display:grid;gap:6px}.lineage-callout strong{font-size:13px;font-weight:500}.lineage-callout p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.lineage-callout a{white-space:nowrap;color:var(--ink);font-size:10px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.lineage-callout a:hover{opacity:.65}.architecture-narrative{grid-template-columns:1fr;gap:10px;padding:32px 0}.architecture-narrative>p{padding:0;font-size:12px}.architecture-narrative h2{font-size:27px}.decision-grid{gap:25px 18px}.decision-card h3{font-size:15px}.decision-card p{font-size:11px}.architecture-end{gap:20px;flex-direction:column}.architecture-end p{font-size:20px}.metrics-grid{gap:12px}.metric-card{padding:18px;gap:10px}.metric-card>span{font-size:10px}.metric-card strong{font-size:27px}.metric-card p{font-size:9px}.package-layout{grid-template-columns:1fr}.package-layout nav{flex-direction:row;overflow:auto}.package-layout nav button{flex-shrink:0}.package-toolbar{padding:18px}.package-preview>.code-block{font-size:10px;padding:18px}.toast{font-size:11px;bottom:16px}.source-stage{padding:16px;min-height:450px}.source-stage>.code-block{min-height:350px}.preview-toolbar,.preview-toolbar .tab-bar{min-height:56px}.large-empty{padding:40px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:560px){.conversion-steps{grid-template-columns:minmax(56px,1fr) 16px minmax(56px,1fr) 16px minmax(56px,1fr);gap:4px}.conversion-step-illustration{width:48px;height:48px}.conversion-chevron{width:16px;height:16px}}.system-section+.system-section{margin-top:42px}.system-section-heading{margin-bottom:16px}.system-section-heading>span{font-size:10px;color:var(--muted)}.asset-groups,.token-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.asset-group,.token-group{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.asset-group-navigation,.token-group-color{grid-column:1 / -1}.asset-group-heading,.token-group-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);background:#f7f9f5}.asset-group-heading h3,.token-group-heading h3{font-size:12px;font-weight:600}.asset-group-heading span,.token-group-heading span{font-size:9px;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.asset-group-navigation .asset-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.asset-group-illustrations .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-card{background:#fff;min-width:0;padding:12px;display:grid;gap:9px;align-content:start}.asset-preview{height:66px;border-radius:6px;background:#f5f7f3;display:grid;place-items:center;color:#393a3d;overflow:hidden}.asset-preview-dark{background:#055393;color:#fff}.asset-preview-dark svg:not([width="90%"]){max-width:28px;max-height:28px}.asset-preview-background{height:66px;background:#fff}.asset-preview-background svg{width:100%;height:100%}.asset-card-copy{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.asset-card-copy strong{font-size:10px;font-weight:500;line-height:1.35;min-width:0}.asset-card-copy span{color:var(--muted);font-size:8px;white-space:nowrap}.token-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line)}.token-group-color .token-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.token-item{background:#fff;min-width:0;padding:10px 12px;display:flex;align-items:center;gap:9px;min-height:52px}.token-swatch{width:24px;height:24px;border-radius:5px;border:1px solid #00000018;flex:0 0 auto}.token-item-copy{display:grid;gap:3px;min-width:0}.token-item-copy code{font-size:9px;overflow-wrap:anywhere;color:var(--text)}.token-item-copy span{color:var(--muted);font-size:9px;line-height:1.35;overflow-wrap:anywhere}@media(max-width:1080px){.asset-group-navigation .asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.token-group-color .token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.asset-groups,.token-groups{grid-template-columns:1fr}.asset-group-navigation,.token-group-color{grid-column:auto}.asset-group-navigation .asset-grid,.asset-grid,.asset-group-illustrations .asset-grid,.token-group-color .token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.asset-group-navigation .asset-grid,.asset-grid,.asset-group-illustrations .asset-grid,.token-group-color .token-grid{grid-template-columns:1fr}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(64 152 215 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(64 152 215 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{background-color:#fff;color:#102a43}input::-moz-placeholder,textarea::-moz-placeholder{color:#486581;opacity:1}input::placeholder,textarea::placeholder{color:#486581;opacity:1}option{background-color:#fff;color:#102a43}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-base{bottom:1rem}.left-1\/2{left:50%}.right-base{right:1rem}.top-10{top:2.5rem}.z-10{z-index:10}.z-20{z-index:20}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.mb-2xs{margin-bottom:.25rem}.mb-3xs{margin-bottom:.125rem}.mb-base{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xs{margin-bottom:.5rem}.ml-3xs{margin-left:.125rem}.ml-auto{margin-left:auto}.mt-2xl{margin-top:3rem}.mt-2xs{margin-top:.25rem}.mt-3xs{margin-top:.125rem}.mt-base{margin-top:1rem}.mt-px{margin-top:1px}.mt-xs{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-28{height:7rem}.h-2xl{height:3rem}.h-3xl{height:4rem}.h-3xs{height:.125rem}.h-8{height:2rem}.h-base{height:1rem}.h-lg{height:1.5rem}.h-sm{height:.75rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[240px\]{max-height:240px}.max-h-\[420px\]{max-height:420px}.max-h-\[600px\]{max-height:600px}.min-h-32{min-height:8rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-2xl{width:3rem}.w-40{width:10rem}.w-44{width:11rem}.w-56{width:14rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.w-lg{width:1.5rem}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-\[980px\]{min-width:980px}.max-w-\[1180px\]{max-width:1180px}.max-w-\[45ch\]{max-width:45ch}.max-w-\[68ch\]{max-width:68ch}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[2\.5rem_3\.5rem\]{grid-template-columns:2.5rem 3.5rem}.grid-cols-\[4rem_4rem_6rem_5rem_1fr\]{grid-template-columns:4rem 4rem 6rem 5rem 1fr}.grid-cols-\[repeat\(auto-fill\,minmax\(270px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(128px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1,.gap-2xs{gap:.25rem}.gap-3xs{gap:.125rem}.gap-base{gap:1rem}.gap-lg{gap:1.5rem}.gap-sm{gap:.75rem}.gap-xs{gap:.5rem}.gap-x-sm{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-xs{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-3xs{row-gap:.125rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-atila-blue-700{--tw-border-opacity: 1;border-color:rgb(24 98 175 / var(--tw-border-opacity, 1))}.border-atila-blue-800{--tw-border-opacity: 1;border-color:rgb(25 79 135 / var(--tw-border-opacity, 1))}.border-blue-grey-100{--tw-border-opacity: 1;border-color:rgb(240 244 248 / var(--tw-border-opacity, 1))}.border-blue-grey-1000{--tw-border-opacity: 1;border-color:rgb(16 42 67 / var(--tw-border-opacity, 1))}.border-blue-grey-200{--tw-border-opacity: 1;border-color:rgb(217 226 236 / var(--tw-border-opacity, 1))}.border-blue-grey-300{--tw-border-opacity: 1;border-color:rgb(188 204 220 / var(--tw-border-opacity, 1))}.border-blue-grey-400{--tw-border-opacity: 1;border-color:rgb(159 179 200 / var(--tw-border-opacity, 1))}.border-blue-grey-500{--tw-border-opacity: 1;border-color:rgb(130 154 177 / var(--tw-border-opacity, 1))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(47 129 50 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(214 69 69 / var(--tw-border-opacity, 1))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(166 27 27 / var(--tw-border-opacity, 1))}.border-yellow-800{--tw-border-opacity: 1;border-color:rgb(162 124 26 / var(--tw-border-opacity, 1))}.bg-atila-blue-100{--tw-bg-opacity: 1;background-color:rgb(220 235 251 / var(--tw-bg-opacity, 1))}.bg-atila-blue-800{--tw-bg-opacity: 1;background-color:rgb(25 79 135 / var(--tw-bg-opacity, 1))}.bg-blue-grey-100{--tw-bg-opacity: 1;background-color:rgb(240 244 248 / var(--tw-bg-opacity, 1))}.bg-blue-grey-1000{--tw-bg-opacity: 1;background-color:rgb(16 42 67 / var(--tw-bg-opacity, 1))}.bg-blue-grey-400{--tw-bg-opacity: 1;background-color:rgb(159 179 200 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(255 238 238 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(247 208 112 / var(--tw-bg-opacity, 1))}.p-2xs{padding:.25rem}.p-3xs{padding:.125rem}.p-base{padding:1rem}.p-lg{padding:1.5rem}.p-sm{padding:.75rem}.p-xs{padding:.5rem}.px-2xs{padding-left:.25rem;padding-right:.25rem}.px-3xs{padding-left:.125rem;padding-right:.125rem}.px-base{padding-left:1rem;padding-right:1rem}.px-sm{padding-left:.75rem;padding-right:.75rem}.px-xs{padding-left:.5rem;padding-right:.5rem}.py-2xs{padding-top:.25rem;padding-bottom:.25rem}.py-3xs{padding-top:.125rem;padding-bottom:.125rem}.py-xs{padding-top:.5rem;padding-bottom:.5rem}.pb-base{padding-bottom:1rem}.pt-2xs{padding-top:.25rem}.pt-base{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:1.33}.text-3xl{font-size:1.875rem;line-height:1.27}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5}.text-lg{font-size:1.125rem;line-height:1.44}.text-sm{font-size:.875rem;line-height:1.57}.text-xs{font-size:.75rem;line-height:1.67}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.75}.tracking-widest{letter-spacing:.1em}.text-atila-blue-1000{--tw-text-opacity: 1;color:rgb(0 53 107 / var(--tw-text-opacity, 1))}.text-atila-blue-800{--tw-text-opacity: 1;color:rgb(25 79 135 / var(--tw-text-opacity, 1))}.text-blue-grey-1000{--tw-text-opacity: 1;color:rgb(16 42 67 / var(--tw-text-opacity, 1))}.text-blue-grey-500{--tw-text-opacity: 1;color:rgb(130 154 177 / var(--tw-text-opacity, 1))}.text-blue-grey-600{--tw-text-opacity: 1;color:rgb(98 125 152 / var(--tw-text-opacity, 1))}.text-blue-grey-700{--tw-text-opacity: 1;color:rgb(72 101 129 / var(--tw-text-opacity, 1))}.text-blue-grey-900{--tw-text-opacity: 1;color:rgb(36 59 83 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(47 129 50 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(166 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(120 10 10 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(124 94 16 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.accent-atila-blue-800{accent-color:#194F87}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light}body{margin:0;-webkit-font-smoothing:antialiased}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.last\:pb-0:last-child{padding-bottom:0}.hover\:z-10:hover{z-index:10}.hover\:scale-y-110:hover{--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-atila-blue-600:hover{--tw-border-opacity: 1;border-color:rgb(38 113 192 / var(--tw-border-opacity, 1))}.hover\:border-atila-blue-800:hover{--tw-border-opacity: 1;border-color:rgb(25 79 135 / var(--tw-border-opacity, 1))}.hover\:bg-atila-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 235 251 / var(--tw-bg-opacity, 1))}.hover\:bg-atila-blue-900:hover{--tw-bg-opacity: 1;background-color:rgb(8 73 140 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-grey-100:hover{--tw-bg-opacity: 1;background-color:rgb(240 244 248 / var(--tw-bg-opacity, 1))}.hover\:text-atila-blue-800:hover{--tw-text-opacity: 1;color:rgb(25 79 135 / var(--tw-text-opacity, 1))}.hover\:text-blue-grey-800:hover{--tw-text-opacity: 1;color:rgb(51 78 104 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(166 27 27 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-atila-blue-800:focus-visible{outline-color:#194f87}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-90{opacity:.9}@media(min-width:640px){.sm\:block{display:block}.sm\:w-64{width:16rem}.sm\:w-\[200px\]{width:200px}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[repeat\(auto-fit\,minmax\(200px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-lg{padding:1.5rem}}@media(min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-base{top:1rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[380px_1fr\]{grid-template-columns:380px 1fr}.lg\:grid-cols-\[minmax\(0\,1fr\)_400px\]{grid-template-columns:minmax(0,1fr) 400px}.lg\:self-start{align-self:flex-start}}