:root{--paper:#fff;--surface:#f7f9fc;--surface-strong:#eef3ff;--ink:#101a37;--muted:#5e6880;--line:#dce2ec;--line-strong:#c6d0df;--blue:#1557ff;--blue-dark:#0d3fca;--blue-soft:#eaf0ff;--cyan-soft:#ecfbff;--danger:#bd233d;--danger-soft:#fff0f2;--success:#11705c;--shadow:0 14px 34px #101a3714;--radius:12px;--shell:1180px;color:var(--ink);background:var(--paper);font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:3px}svg{display:block}.shell{width:min(var(--shell), calc(100% - 48px));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:.5rem;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.header-inner{align-items:center;gap:2.4rem;min-height:72px;display:flex}.brand{color:var(--ink);letter-spacing:-.05em;flex:none;font-size:1.35rem;font-weight:850;text-decoration:none}.main-nav{gap:1.55rem;margin:0;padding:0;list-style:none;display:flex}.main-nav a,.lab-link{color:#2d3650;font-weight:700;text-decoration:none}.main-nav a[aria-current=page]{color:var(--blue);position:relative}.main-nav a[aria-current=page]:after{background:var(--blue);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1.25rem;left:0;right:0}.lab-link{color:var(--blue);margin-left:auto}.home-hero{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fff 35%,#f6f8ff 100%);padding:5rem 0 3.5rem}.hero-grid{grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:end;gap:3rem;display:grid}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;max-width:14ch;margin-bottom:1rem;font-size:clamp(2.45rem,5vw,4.7rem);line-height:1.12}.hero-title-object{white-space:nowrap}h2{letter-spacing:-.045em;margin-bottom:.7rem;font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.26}h3{margin-bottom:.35rem;font-size:1rem}.hero-copy p,.lead{max-width:46rem;color:var(--muted);font-size:1.08rem}.eyebrow{color:var(--blue);letter-spacing:.08em;margin-bottom:.5rem;font-size:.78rem;font-weight:800}.search-box{border:1.5px solid var(--line-strong);border-radius:var(--radius);min-height:64px;box-shadow:var(--shadow);background:#fff;align-items:center;padding:0 .9rem 0 1.2rem;display:flex;position:relative}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.search-box svg{width:23px;color:var(--muted)}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:.8rem 1rem;font-size:1.05rem;font-weight:700}.search-box button{color:#fff;background:#697287;border:0;border-radius:50%;width:30px;height:30px;font-size:1.2rem;line-height:1}.search-section,.comparison-preview,.home-links,.page-intro,.decision-section,.table-section,.recommendation-band,.experiment-grid,.score-section,.article-index,.article-reading{padding-top:3.25rem;padding-bottom:3.25rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.3rem;display:flex}.section-heading>p{color:var(--muted);margin:0;font-size:.9rem}.search-layout{grid-template-columns:210px minmax(0,1fr);gap:2rem;display:grid}.topic-rail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:.35rem;padding:1.15rem;display:grid}.topic-rail h3{font-size:.9rem}.topic-rail a{color:var(--muted);border-radius:.5rem;padding:.55rem .65rem;font-size:.9rem;text-decoration:none}.topic-rail a:hover{color:var(--blue);background:var(--blue-soft)}.result-list{gap:.85rem;display:grid}.result-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:1rem;min-height:104px;padding:1rem 1.3rem;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.result-card:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-1px)}.result-card--best{border:1.5px solid var(--blue);background:linear-gradient(90deg, #fff 0%, var(--blue-soft) 100%)}.result-card--draft{background:#f8f9fc}.result-card--draft .result-icon{background:#7b8494}.result-card--draft .result-arrow{color:#7b8494}.result-icon{color:#fff;background:var(--blue);border-radius:.65rem;place-items:center;width:42px;height:42px;font-size:1.55rem;font-weight:800;display:grid}.result-card:not(.result-card--best) .result-icon{background:#5f687a}.result-card strong,.result-card span span{display:block}.result-card strong{margin-bottom:.2rem;font-size:1.06rem}.result-card span span{color:var(--muted);font-size:.9rem}.result-card .result-status{color:#5d6676;margin-top:.38rem;font-size:.78rem}.result-arrow{color:var(--blue);font-size:1.4rem}.no-results{color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:1rem}.home-links{border-top:1px solid var(--line);grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:3rem;display:grid}.link-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.link-grid a{border:1px solid var(--line);border-radius:var(--radius);gap:.45rem;min-height:150px;padding:1.25rem;text-decoration:none;display:grid}.link-grid a:hover{border-color:var(--blue);background:var(--blue-soft)}.link-grid strong{color:var(--blue)}.link-grid span{color:var(--muted);font-size:.9rem}.comparison-preview{border-top:1px solid var(--line)}.comparison-preview__matrix{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.comparison-preview__item{align-content:start;gap:.65rem;min-height:300px;padding:1.35rem;display:grid}.comparison-preview__item+.comparison-preview__item{border-left:1px solid var(--line)}.comparison-preview__item>p{color:var(--blue);letter-spacing:.08em;margin:0;font-size:.78rem;font-weight:850}.comparison-preview__item h3{margin:0;font-size:1.25rem}.comparison-preview__item>span{color:var(--muted);font-size:.9rem}.comparison-preview__item dl{gap:.5rem;margin:.2rem 0 .35rem;display:grid}.comparison-preview__item dl div{grid-template-columns:42px minmax(0,1fr);gap:.45rem;display:grid}.comparison-preview__item dt{color:var(--muted);font-size:.78rem;font-weight:800}.comparison-preview__item dd{margin:0;font-size:.84rem}.comparison-preview__item a{color:var(--blue);align-self:end;font-size:.9rem;font-weight:800}.search-results{padding-top:2.25rem;padding-bottom:1rem}.component-library{padding-top:3.25rem;padding-bottom:4rem;scroll-margin-top:100px}.component-library .section-heading{align-items:start;max-width:700px}.component-library .section-heading p,.comparison-rail-section .section-heading p{color:var(--muted);margin:0;font-size:.98rem}.component-library__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.component-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;color:var(--ink);background:#fff;grid-template-rows:176px minmax(0,1fr) auto;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.component-card:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px)}.component-card__preview{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;padding:1.25rem;display:grid}.component-card__content{padding:1.15rem 1.15rem .3rem}.component-card__content h3{margin:0 0 .45rem;font-size:1.1rem;line-height:1.35}.component-card__content h3 span{color:var(--muted);font-weight:700}.component-card__content p{color:var(--muted);margin:0;font-size:.9rem}.component-card__arrow{width:38px;height:38px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;margin:.7rem 1rem 1rem auto;display:grid}.component-card__arrow svg{width:19px}.card-button-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.card-button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.82rem;font-weight:800;display:inline-flex}.card-button--primary{border-color:var(--blue);background:var(--blue);color:#fff}.card-link-preview{color:var(--blue);text-underline-offset:.25em;align-items:center;gap:.35rem;font-size:1rem;font-weight:850;text-decoration:underline 2px;display:inline-flex}.card-link-preview svg{width:19px}.card-field-preview{color:var(--ink);align-content:center;gap:.4rem;font-size:.82rem;font-weight:800;display:grid}.card-select-value,.card-input-value{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);background:#fff;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.55rem .65rem;font-size:.88rem;font-weight:700;display:flex}.card-select-value{color:var(--ink)}.card-select-value svg,.card-input-value svg{width:17px;height:17px;color:var(--ink);flex:none}.card-option-preview{background:var(--blue-soft);color:var(--blue);border-radius:.4rem;padding:.42rem .65rem;font-size:.82rem}.card-textarea-value{min-height:72px;color:var(--muted);border:1px solid var(--line-strong);background:#fff;border-radius:.45rem;padding:.55rem .65rem;font-size:.78rem;line-height:1.45}.card-input-value em{color:var(--blue);margin-left:auto;font-size:.72rem;font-style:normal}.card-choice-preview{color:#33405b;gap:.55rem;font-size:.82rem;display:grid}.card-choice-preview>span:not(.card-choice-preview__label){align-items:center;gap:.5rem;display:flex}.card-choice-preview__label{color:var(--ink);font-size:.78rem;font-weight:850}.card-check,.card-radio{color:#fff;border:1.5px solid var(--line-strong);background:#fff;place-items:center;width:16px;height:16px;font-size:.66rem;font-style:normal;display:inline-grid}.card-check{border-radius:.22rem}.card-radio{border-radius:50%}.card-check.is-checked{border-color:var(--blue);background:var(--blue)}.card-radio.is-checked{border:4px solid var(--blue)}.card-switch-preview{color:var(--ink);grid-template-columns:1fr auto;align-items:center;gap:.6rem .75rem;font-size:.86rem;font-weight:800;display:grid}.card-switch-preview small{color:var(--success);grid-column:1/-1;font-size:.76rem;font-weight:750}.card-switch{background:#a8b1c1;border-radius:999px;width:44px;height:25px;padding:3px;display:block}.card-switch.is-on{background:var(--success)}.card-switch b{background:#fff;border-radius:50%;width:19px;height:19px;margin-left:auto;display:block;box-shadow:0 1px 2px #101a3733}.card-toggle-preview{justify-items:start;gap:.7rem;display:grid}.card-toggle-preview__button{color:var(--blue-dark);background:var(--blue-soft);border:1px solid #a8c0ff;border-radius:.45rem;align-items:center;gap:.45rem;padding:.45rem .65rem;font-weight:900;display:inline-flex}.card-toggle-preview__button small{font-weight:750}.card-toggle-preview p{color:var(--muted);margin:0;font-size:.84rem}.card-segment-preview{border:1px solid var(--line-strong);text-align:center;background:#fff;border-radius:.6rem;grid-template-columns:repeat(3,1fr);padding:.3rem;font-size:.78rem;font-weight:800;display:grid}.card-segment-preview span{color:var(--muted);border-radius:.4rem;padding:.45rem .25rem}.card-segment-preview .is-selected{color:var(--blue-dark);background:var(--blue-soft)}.card-listbox-preview{gap:.25rem;display:grid}.card-listbox-preview>span{color:var(--ink);margin-bottom:.15rem;font-size:.78rem;font-weight:850}.card-listbox-preview b{color:#45516a;border-radius:.3rem;padding:.25rem .45rem;font-size:.76rem;font-weight:650}.card-listbox-preview .is-selected{color:var(--blue-dark);background:var(--blue-soft)}.card-tags{border:1px solid var(--line-strong);background:#fff;border-radius:.45rem;flex-wrap:wrap;gap:.35rem;padding:.45rem;display:flex}.card-tags b{color:var(--blue-dark);background:var(--blue-soft);border-radius:.3rem;padding:.2rem .35rem;font-size:.67rem}.comparison-rail-section{border-top:1px solid var(--line);background:var(--surface);padding:3.5rem 0 4.5rem}.comparison-rail{gap:.85rem;display:grid}.comparison-rail__item{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.75rem;grid-template-columns:minmax(190px,.72fr) minmax(0,1.45fr) minmax(0,1.6fr) 28px;align-items:center;gap:1.25rem;padding:1.35rem 1.45rem;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.comparison-rail__item:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translate(2px)}.comparison-rail__components{color:var(--blue);letter-spacing:.025em;font-size:.77rem;font-weight:850;line-height:1.5}.comparison-rail__item strong{font-size:1.1rem;line-height:1.35}.comparison-rail__item>span:not(.comparison-rail__components){color:var(--muted);font-size:.9rem}.comparison-rail__item svg{width:22px;color:var(--blue)}.comparison-directory{padding-top:3.25rem;padding-bottom:4.5rem}.component-sample{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;gap:.75rem;max-width:520px;padding:1.25rem;display:grid}.component-sample label{color:var(--ink);font-weight:800}.component-sample select,.component-sample input{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:.5rem;padding:.55rem .7rem}.component-sample__suggestion{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:.45rem;padding:.55rem .7rem;font-size:.9rem}.field-demo{gap:.55rem;max-width:620px;display:grid}.field-demo>label{color:var(--ink);font-weight:800}.field-demo>input,.field-demo>textarea,.field-demo>select,.field-demo__password-wrap input,.field-demo__search-wrap input{width:100%;min-height:44px;color:var(--ink);border:1.5px solid var(--line-strong);background:#fff;border-radius:.55rem;padding:.6rem .75rem}.field-demo>textarea{resize:vertical;min-height:126px}.field-demo>textarea[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.field-demo__password-wrap,.field-demo__search-wrap{align-items:stretch;display:flex;position:relative}.field-demo__password-wrap input,.field-demo__search-wrap input{padding-right:6.5rem}.field-demo__inline-button{color:var(--blue-dark);background:var(--blue-soft);border:0;border-radius:.4rem;padding:0 .65rem;font-size:.8rem;font-weight:800;position:absolute;top:.35rem;bottom:.35rem;right:.35rem}.demo-result-list{gap:.35rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.demo-result-list li{color:#40506b;border:1px solid var(--line);background:var(--surface);border-radius:.45rem;padding:.55rem .7rem;font-size:.88rem}.choice-demo{border:0;gap:.65rem;max-width:620px;padding:0;display:grid}.choice-demo legend{color:var(--ink);font-weight:850}.choice-demo__group{border-top:1px solid var(--line);gap:.5rem;padding:.85rem 0 0;display:grid}.choice-demo__option{color:#2c3851;align-items:center;gap:.65rem;min-height:34px;font-weight:700;display:flex}.choice-demo__option input{width:18px;height:18px;accent-color:var(--blue)}.choice-demo__option--all{background:var(--blue-soft);border:1px solid #cddaff;border-radius:.55rem;padding:.7rem .8rem}.switch-demo{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1.25rem;max-width:620px;padding:1rem 1.1rem;display:grid}.switch-demo h3{margin:0 0 .2rem}.switch-demo p{color:var(--muted);margin:0;font-size:.88rem}.switch-demo__status{grid-column:1/-1}.switch-demo__control{width:52px;height:30px;display:block;position:relative}.switch-demo__control input{opacity:0;width:1px;height:1px;position:absolute}.switch-demo__control>span:not(.sr-only){background:#9ea9ba;border-radius:999px;width:100%;height:100%;padding:4px;transition:background .18s;display:block}.switch-demo__control>span:not(.sr-only):after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;display:block;box-shadow:0 1px 3px #101a3747}.switch-demo__control input:checked+span{background:var(--success)}.switch-demo__control input:checked+span:after{transform:translate(22px)}.switch-demo__control input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:3px}.toggle-demo{justify-items:start;gap:.85rem;max-width:620px;display:grid}.toggle-demo__button{color:#293652;border:1px solid var(--line-strong);background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;min-height:42px;padding:.5rem .8rem;font-weight:900;display:inline-flex}.toggle-demo__button[aria-pressed=true]{color:var(--blue-dark);border-color:var(--blue);background:var(--blue-soft)}.toggle-demo__button span{font-weight:750}.toggle-demo p{color:var(--muted);margin:0}.toggle-demo p.is-bold{color:var(--ink);font-weight:850}.segment-demo{gap:.75rem;max-width:620px;display:grid}.segment-demo__control{border:1px solid var(--line-strong);background:var(--surface);border-radius:.65rem;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.3rem;display:grid}.segment-demo__control button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:.45rem;font-weight:800}.segment-demo__control button[aria-pressed=true]{color:var(--blue-dark);background:#fff;box-shadow:0 1px 3px #101a371f}.native-listbox{min-height:142px!important;padding:.35rem!important}.native-listbox option{padding:.45rem .55rem}.link-demo{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;gap:1rem;max-width:620px;padding:1.35rem;display:grid}.link-demo p{color:var(--muted);margin:0}.link-demo a{width:max-content;color:var(--blue);text-underline-offset:.22em;font-weight:850;text-decoration-thickness:2px}.page-intro{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fff 40%,#f7f9ff 100%);padding-bottom:2.5rem}.page-intro h1{max-width:17ch;margin-bottom:1rem;font-size:clamp(2.25rem,4vw,4rem)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:.55rem;margin-bottom:2rem;font-size:.85rem;display:flex}.breadcrumbs a{color:inherit}.title-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:start;gap:3rem;display:grid}.alias-line{color:var(--muted)}.quick-answer{border-left:3px solid var(--blue);background:var(--blue-soft);padding:1.35rem}.quick-answer h2{margin-bottom:.75rem;font-size:1.08rem}.quick-answer p{margin-bottom:.7rem;font-size:.92rem}.quick-answer p:last-child{margin-bottom:0}.content-grid{grid-template-columns:180px minmax(0,1fr);gap:3rem;padding-top:2.8rem;padding-bottom:4.5rem;display:grid}.page-toc{align-content:start;gap:.35rem;height:max-content;display:grid;position:sticky;top:100px}.page-toc a{color:var(--muted);border-left:2px solid #0000;padding:.4rem .7rem;font-size:.9rem;text-decoration:none}.page-toc a:hover{color:var(--blue);border-left-color:var(--blue);background:var(--blue-soft)}.article-content{min-width:0}.article-content>section{border-top:1px solid var(--line);padding:3.25rem 0}.article-content>section:first-child{border-top:0;padding-top:0}.article-content pre,.experiment-card pre{color:#dfe8ff;border-radius:var(--radius);white-space:pre-wrap;background:#15203d;padding:1.2rem;font-size:.87rem;line-height:1.65;overflow-x:auto}.copy-button,.reset-button,.primary-link{color:#fff;border:1px solid var(--blue);background:var(--blue);border-radius:.6rem;justify-content:center;align-items:center;min-height:42px;padding:.6rem .95rem;font-weight:800;text-decoration:none;display:inline-flex}.copy-button:hover,.reset-button:hover,.primary-link:hover{background:var(--blue-dark)}.link-cluster{flex-wrap:wrap;align-items:center;gap:.85rem 1.1rem;margin-top:1.25rem;display:flex}.text-link{color:var(--blue);text-underline-offset:.18em;font-weight:800;text-decoration-thickness:2px}.copy-status{min-height:1.4rem;color:var(--success);margin:.5rem 0 0;font-size:.9rem}.related-link{color:var(--blue);margin-top:1.5rem;font-weight:800}.checklist{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.checklist li{padding-left:2rem;position:relative}.checklist li:before{border:1.5px solid var(--blue);content:"";border-radius:.25rem;width:1.1rem;height:1.1rem;position:absolute;top:.35rem;left:0}.checklist li:after{border-bottom:2px solid var(--blue);border-left:2px solid var(--blue);content:"";width:.55rem;height:.25rem;position:absolute;top:.55rem;left:.25rem;transform:rotate(-45deg)}.demo-canvas{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.4rem}.demo-canvas--compact{box-shadow:none;padding:.9rem}.demo-canvas--compact .demo-heading{margin-bottom:.75rem}.demo-canvas--compact .demo-heading .eyebrow,.demo-canvas--compact .reset-button{display:none}.demo-canvas--compact h2{font-size:1rem}.demo-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.3rem;display:flex}.demo-heading h2{margin-bottom:0;font-size:1.25rem}.demo-heading .eyebrow{margin-bottom:.2rem}.reset-button{min-height:36px;color:var(--blue);background:#fff;padding:.45rem .7rem}.demo-layout{grid-template-columns:minmax(0,1fr) 168px;gap:1.5rem;display:grid}.demo-control label{margin-bottom:.25rem;font-weight:800;display:block}.field-help,.field-status{color:var(--muted);margin:0 0 .55rem;font-size:.85rem}.field-status{min-height:1.45rem;margin-top:.65rem;margin-bottom:0}.combobox-wrap{background:#fff;border:1.5px solid #8ba8ff;border-radius:.65rem;align-items:center;display:flex;position:relative}.combobox-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.combobox-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:.7rem .35rem .7rem .8rem}.trigger-button{width:42px;height:42px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.trigger-button svg{width:20px}.option-list{z-index:10;border:1px solid var(--line-strong);width:100%;max-height:200px;box-shadow:var(--shadow);background:#fff;border-radius:.65rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;overflow:auto}.option-list li{cursor:pointer;border-radius:.4rem;padding:.55rem .7rem}.option-list li:hover,.option-list li.is-active{color:var(--blue);background:var(--blue-soft)}.option-list .state-option{color:var(--muted);cursor:default}.option-list .state-option--error{color:var(--danger);background:var(--danger-soft)}.keyboard-hint{color:var(--muted);margin:.9rem 0 0;font-size:.77rem}kbd{min-width:1.35rem;color:var(--ink);border:1px solid var(--line-strong);background:var(--surface);text-align:center;border-bottom-width:2px;border-radius:.25rem;padding:.05rem .28rem;font-family:inherit;font-size:.72rem;display:inline-block}.state-panel{border:0;border-left:1px solid var(--line);align-content:start;gap:.45rem;margin:0;padding:0 0 0 1.2rem;display:grid}.state-panel legend{margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:800}.state-panel button{color:#44506a;border:1px solid var(--line);text-align:left;background:#fff;border-radius:.45rem;padding:.48rem .55rem;font-size:.84rem}.state-panel button[aria-pressed=true]{color:#fff;border-color:var(--blue);background:var(--blue)}.anatomy-grid,.state-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.anatomy-grid article,.state-grid article{border:1px solid var(--line);background:var(--surface);border-radius:.7rem;padding:1rem}.anatomy-grid span{width:1.6rem;height:1.6rem;color:var(--blue);background:#fff;border-radius:50%;place-items:center;margin-bottom:.55rem;font-size:.82rem;font-weight:850;display:grid}.anatomy-grid p,.state-grid p{color:var(--muted);margin:0;font-size:.86rem}.component-detail-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.component-detail-grid article{border:1px solid var(--line);background:var(--surface);border-radius:.7rem;padding:1rem}.component-detail-grid p{color:var(--muted);margin:0;font-size:.9rem}.component-identity{max-width:780px}.component-identity .lead{max-width:58rem}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.decision-grid article{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;padding:1.1rem 1.15rem}.decision-grid article:first-child{border-top:3px solid var(--blue)}.decision-grid article:last-child{border-top:3px solid #7f8ba2}.decision-grid h3{margin:0 0 .7rem;font-size:1rem}.decision-grid ul{color:var(--muted);gap:.5rem;margin:0;padding-left:1.1rem;font-size:.9rem;display:grid}.reading-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.reading-path-grid article{border:1px solid var(--line);background:var(--surface);border-radius:.7rem;padding:1rem}.reading-path-grid h3{margin:0 0 .45rem;font-size:1rem}.reading-path-grid p{color:var(--muted);margin:0;font-size:.9rem}.demo-guide{border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 .6rem .6rem 0;margin:1.15rem 0 1.25rem;padding:1rem 1.15rem}.demo-guide .eyebrow{margin-bottom:.7rem}.demo-guide__list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.demo-guide__list li{border-bottom:1px solid color-mix(in srgb, var(--blue) 18%, var(--line));padding:0 0 .85rem}.demo-guide__list li:last-child{border-bottom:0;padding-bottom:0}.demo-guide__list h3{color:var(--ink);margin:0 0 .35rem;font-size:.95rem}.demo-guide__list p{color:var(--muted);margin:.25rem 0 0;font-size:.88rem}.demo-guide__list strong{color:var(--ink)}.related-comparison{border:1px solid var(--line);border-radius:var(--radius);background:var(--blue-soft);justify-content:space-between;align-items:center;gap:1.25rem;margin-top:2.4rem;padding:1.35rem 1.45rem;display:flex}.related-comparison .eyebrow{margin-bottom:.4rem}.related-comparison h2{margin-bottom:.45rem;font-size:1.35rem}.related-comparison p:not(.eyebrow){max-width:48rem;color:var(--muted);margin:0}.related-comparison .primary-link{flex:none}.autocomplete-demo__wrap{position:relative}.autocomplete-demo .option-list{top:calc(100% + .4rem)}.decision-section{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--surface);padding:clamp(2rem,3vw,3.25rem) clamp(1.5rem,3vw,3rem)}.decision-tree{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);counter-reset:decision;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.decision-tree--four{grid-template-columns:repeat(4,1fr)}.decision-tree li{counter-increment:decision;background:#fff;min-height:160px;padding:1.25rem}.decision-tree strong{margin-bottom:.7rem;font-size:1.05rem;display:block}.decision-tree strong:before{color:#fff;background:var(--blue);content:counter(decision);border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;margin-right:.55rem;font-size:.8rem;display:inline-grid}.decision-tree span{color:var(--muted);font-size:.9rem}.table-section{padding-bottom:1rem}.table-note{color:var(--muted);margin:0;font-size:.9rem}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:720px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.9rem 1rem;font-size:.9rem}thead th{color:var(--ink);background:#f3f6fb}.table-component-link{color:var(--ink);text-decoration-color:var(--blue);text-underline-offset:.22em;font-weight:850}.table-component-link span{color:var(--muted);margin-top:.2rem;font-size:.8rem;font-weight:700;display:block}tbody th{background:var(--surface);width:140px}.table-wrap:has(#combobox) thead th:nth-child(4),.table-wrap:has(#combobox) tbody td:nth-child(4){background:var(--blue-soft)}.recommendation-band{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto;align-items:end;gap:2rem;padding-bottom:4.2rem;display:grid}.recommendation-band p{color:var(--muted);margin:0}.experiment-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;display:grid}.experiment-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.2rem}.experiment-card--p0{border-top:4px solid #8a93a7}.experiment-card--p1{border-top:4px solid #4c7cf0}.experiment-card--p2{border-top:4px solid var(--blue)}.experiment-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.experiment-card__header p{margin:0;font-weight:850}.experiment-card__header strong{color:var(--blue);font-size:1.35rem}.experiment-card pre{min-height:132px;margin:1rem 0;font-size:.8rem}.p0-output,.p1-output{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;gap:.35rem;min-height:205px;padding:.9rem;display:grid}.p0-output input,.p1-output input{border:1px solid var(--line-strong);background:#fff;border-radius:.35rem;padding:.55rem}.p0-output button{text-align:left;background:#fff;border:0;padding:.45rem}.p1-output ul{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.p1-output li{background:#fff;padding:.4rem}.experiment-card .demo-canvas{min-height:205px;padding:.75rem}.experiment-card ul{color:var(--muted);gap:.4rem;margin:1rem 0 0;padding-left:1.15rem;font-size:.84rem;display:grid}.score-section{padding-bottom:4rem}.article-reading{max-width:820px}.article-reading>section{border-top:1px solid var(--line);padding:1.6rem 0}.article-reading>section:first-of-type{margin-top:2rem}.article-note{border-left:3px solid var(--blue);background:var(--blue-soft);color:var(--muted);padding:.85rem 1rem}.score-bars{gap:.7rem;max-width:680px;margin:1.5rem 0;display:grid}.score-bars div{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.score-bars span{font-weight:800}.score-bars b{width:var(--score);color:#fff;background:var(--blue);text-align:right;border-radius:.35rem;min-width:52px;padding:.42rem .65rem;font-size:.85rem;display:block;position:relative}.article-index{gap:.9rem;padding-bottom:4rem;display:grid}.article-index article{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:grid}.article-index p,.article-index h2,.article-index span{margin:0}.article-index p{color:var(--blue);font-weight:850}.article-index h2{font-size:1.1rem}.article-index span{color:var(--muted);font-size:.85rem}.article-index a{color:var(--blue);font-size:.9rem;font-weight:800}.site-footer{color:var(--muted);border-top:1px solid var(--line);background:var(--surface);padding:1.5rem 0;font-size:.85rem}.site-footer p{margin:0}.button-demo{border:1px solid var(--line);background:var(--surface-muted);border-radius:.9rem;padding:1.4rem}.button-demo__example{border:1px solid var(--line);background:#fff;border-radius:.8rem;padding:1.2rem}.button-demo__example+.button-demo__example{margin-top:1rem}.button-demo__example-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.button-demo__example-heading h3{color:var(--ink);margin:.1rem 0 0;font-size:1.15rem}.button-demo__example-heading .eyebrow{margin-bottom:.25rem}.button-demo__description{max-width:58rem;color:var(--muted);margin:.55rem 0 0;font-size:.9rem}.button-demo__control-panel{border:1px solid var(--line);background:var(--surface-muted);border-radius:.7rem;gap:.65rem;min-width:0;margin-bottom:1rem;padding:.85rem 1rem;display:grid}.button-demo__control-title{color:var(--ink);margin:0;font-size:.9rem;font-weight:850}.button-demo__control-options{flex-wrap:wrap;gap:.45rem;display:flex}.button-demo__control-button{border:1px solid var(--line-strong);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;font:inherit;border-radius:.45rem;padding:.42rem .65rem;font-size:.82rem;font-weight:800}.button-demo__control-button:hover{border-color:var(--blue);color:var(--blue)}.button-demo__control-button[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}.button-demo__layout{grid-template-columns:minmax(0,1fr);display:grid}.button-demo__surface{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;padding:1.25rem}.button-demo__surface-heading{margin-bottom:1.25rem}.button-demo__surface-heading h4{margin:0;font-size:1.1rem}.button-demo__kicker{color:var(--muted);margin:0 0 .15rem;font-size:.8rem;font-weight:800}.button-demo__context{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.button-demo__context div{border:1px solid var(--line);background:var(--surface-muted);border-radius:.55rem;padding:.7rem .75rem}.button-demo__context dt{color:var(--muted);font-size:.78rem;font-weight:800}.button-demo__context dd{color:var(--ink);margin:.18rem 0 0;font-weight:850}.button-demo button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.button-demo__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1.4rem;display:flex}.secondary-button,.primary-button,.danger-button,.icon-button{border:1px solid var(--line-strong);min-height:42px;font:inherit;cursor:pointer;border-radius:.55rem;font-weight:800}.secondary-button{color:var(--ink);background:#fff;padding:.6rem .9rem}.secondary-button:hover{border-color:var(--blue);color:var(--blue)}.primary-button{border-color:var(--blue);background:var(--blue);color:#fff;padding:.6rem .95rem}.primary-button:hover:not(:disabled){background:var(--blue-strong)}.primary-button:disabled{color:#798292;cursor:not-allowed;background:#e6eaf1;border-color:#d6dce7}.danger-button{border-color:var(--danger);background:var(--danger);color:#fff;padding:.6rem .95rem}.danger-button:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, #000)}.danger-button:disabled{cursor:not-allowed;background:#d9a9b3;border-color:#d9a9b3}.icon-button{width:42px;color:var(--ink);background:#fff;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.icon-button:hover{border-color:var(--blue);color:var(--blue)}.button-demo__danger-note{color:var(--danger);border-left:3px solid var(--danger);background:var(--danger-soft);border-radius:0 .45rem .45rem 0;margin:.9rem 0 0;padding:.7rem .85rem;font-size:.84rem;font-weight:800}.button-demo__danger-note[hidden]{display:none}.button-demo__danger-title{color:var(--danger);font-size:.84rem;font-weight:850}.button-demo__danger-confirmation{border:1px solid var(--danger);background:#fff;border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:.8rem;padding:1rem;display:grid}.button-demo__danger-confirmation[hidden]{display:none}.button-demo__danger-confirmation p{margin:0}.button-demo__danger-confirmation p+p{color:var(--muted);margin-top:.25rem;font-size:.84rem}.button-demo__danger-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.button-demo__example--scenario[data-scenario=danger] .button-demo__control-panel--scenario{border-color:color-mix(in srgb, var(--danger) 38%, var(--line));background:var(--danger-soft)}.button-demo__example--scenario[data-scenario=danger] .button-demo__control-panel--scenario .button-demo__control-button[aria-pressed=true]{border-color:var(--danger);background:var(--danger)}.button-demo__status{min-height:1.5rem;color:var(--muted);margin:.8rem 0 0;font-size:.88rem}.button-demo__example[data-state=error] .button-demo__status{color:var(--danger);font-weight:800}.button-note{border-left:4px solid var(--blue);background:var(--blue-soft);color:var(--ink);border-radius:0 .5rem .5rem 0;margin:1rem 0 0;padding:.9rem 1rem}.decision-tree--two{grid-template-columns:repeat(2,minmax(0,1fr))}.numeric-field-demo{max-width:560px}.numeric-field-demo__input-wrap{background:#fff;border:1.5px solid #8ba8ff;border-radius:.65rem;align-items:stretch;display:flex;overflow:hidden}.numeric-field-demo__input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.numeric-field-demo__input-wrap span{color:var(--muted);border-right:1px solid var(--line);background:var(--surface);place-items:center;padding:0 .8rem;font-size:.9rem;font-weight:800;display:grid}.numeric-field-demo__input-wrap input{min-width:0;font:inherit;border:0;outline:0;flex:1;padding:.72rem .8rem;font-weight:800}.numeric-field-demo__label-row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.numeric-field-demo__label-row label,.numeric-field-demo>label{font-weight:850}.numeric-field-demo__label-row output{color:var(--blue);font-weight:850}.spinbutton-demo,.stepper-demo__control{background:#fff;border:1.5px solid #8ba8ff;border-radius:.65rem;grid-template-columns:44px minmax(84px,1fr) 44px;width:min(100%,260px);display:grid;overflow:hidden}.spinbutton-demo button,.stepper-demo__control button{min-height:44px;color:var(--blue);background:var(--blue-soft);font:inherit;cursor:pointer;border:0;place-items:center;font-size:1.25rem;font-weight:850;display:grid}.spinbutton-demo button:hover:not(:disabled),.stepper-demo__control button:hover:not(:disabled){color:#fff;background:var(--blue)}.spinbutton-demo button:disabled,.stepper-demo__control button:disabled{color:#9aa5b7;cursor:not-allowed;background:#eef1f6}.spinbutton-demo input{border:0;border-right:1px solid var(--line);border-left:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;text-align:center;outline:0;padding:.6rem;font-weight:850}.numeric-slider{width:100%;accent-color:var(--blue);cursor:pointer}.numeric-slider__limits{color:var(--muted);justify-content:space-between;margin-top:-.2rem;font-size:.78rem;display:flex}.range-slider-demo{height:34px;margin-top:.15rem;position:relative}.range-slider-demo__track{background:#e0e6f1;border-radius:999px;height:6px;position:absolute;top:14px;left:0;right:0}.range-slider-demo__track i{border-radius:inherit;background:var(--blue);display:block;position:absolute;top:0;bottom:0}.range-slider-demo input{z-index:2;appearance:none;pointer-events:none;background:0 0;width:100%;height:34px;margin:0;padding:0;position:absolute;top:0}.range-slider-demo input::-webkit-slider-thumb{appearance:none;background:var(--blue);pointer-events:auto;cursor:grab;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0f204647}.range-slider-demo input::-moz-range-thumb{background:var(--blue);pointer-events:auto;cursor:grab;border:3px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #0f204647}.range-slider-demo input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--focus);outline-offset:2px}.rating-demo__label,.stepper-demo__label{color:var(--ink);margin:0 0 .25rem;font-weight:850}.rating-demo__buttons{gap:.2rem;display:flex}.rating-demo__buttons button{color:#b6c0d3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.45rem;width:44px;height:44px;padding:0;font-size:1.65rem;line-height:1}.rating-demo__buttons button:hover,.rating-demo__buttons button:focus-visible{border-color:var(--blue);color:#f0b429;outline:0}.rating-demo__buttons button[aria-pressed=true]{color:#f0b429}.rating-demo__footer{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.55rem;display:flex}.rating-demo__footer .field-status{margin:0}.stepper-demo__control{grid-template-columns:46px 76px 46px}.stepper-demo__control output{color:var(--ink);border-right:1px solid var(--line);border-left:1px solid var(--line);place-items:center;font-size:1.1rem;font-weight:850;display:grid}.card-number-input-value{color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:.45rem;padding:.6rem .7rem;font-weight:850;display:block}.card-field-preview small,.card-spin-preview small,.card-slider-preview small,.card-rating-preview small{color:var(--muted);font-size:.72rem}.card-spin-preview,.card-slider-preview,.card-rating-preview{align-content:center;gap:.45rem;display:grid}.card-spin-preview>span,.card-slider-preview>span,.card-rating-preview>span{color:var(--ink);font-size:.78rem;font-weight:850}.card-spin-preview>div{border:1px solid var(--line-strong);text-align:center;background:#fff;border-radius:.45rem;grid-template-columns:32px 1fr 32px;display:grid;overflow:hidden}.card-spin-preview b{min-height:30px;color:var(--blue);background:var(--blue-soft);place-items:center;display:grid}.card-spin-preview strong{color:var(--ink);place-items:center;font-size:.9rem;display:grid}.card-slider-preview>span,.card-slider-preview>small{justify-content:space-between;display:flex}.card-slider-preview>span strong{color:var(--blue);font-size:.76rem}.card-slider-preview>i{background:linear-gradient(to right, var(--blue) 65%, #dbe2ee 65%);border-radius:999px;height:6px;display:block;position:relative}.card-slider-preview>i b{background:var(--blue);border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;left:65%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0f20463d}.card-slider-preview>i.is-range{background:linear-gradient(to right, #dbe2ee 15%, var(--blue) 15%, var(--blue) 40%, #dbe2ee 40%)}.card-slider-preview>i.is-range b:first-child{left:15%}.card-slider-preview>i.is-range b:last-child{left:40%}.card-rating-preview strong{color:#f0b429;letter-spacing:.08em;font-size:1.1rem}.card-rating-preview strong i{color:#b6c0d3;font-style:normal}.card-date-preview,.card-range-date-preview,.card-calendar-preview{align-content:center;gap:.45rem;display:grid}.card-date-preview>span,.card-range-date-preview>span,.card-calendar-preview>span{color:var(--ink);font-size:.78rem;font-weight:850}.card-date-preview strong,.card-range-date-preview strong{color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.4rem;padding:.62rem .7rem;font-size:.88rem;display:flex}.card-date-preview strong b{color:var(--blue);font-size:1rem}.card-date-preview small,.card-range-date-preview small,.card-calendar-preview small{color:var(--muted);font-size:.72rem}.card-range-date-preview strong{color:var(--blue);justify-content:center}.card-range-date-preview strong i{color:var(--muted);font-style:normal}.card-calendar-preview>div{grid-template-columns:repeat(7,1fr);gap:.24rem;display:grid}.card-calendar-preview i{aspect-ratio:1;background:#dfe6f3;border-radius:50%;display:block}.card-calendar-preview i.is-event{background:#8ba8ff}.card-calendar-preview i.is-today{outline:2px solid var(--blue);outline-offset:1px;background:#fff}.date-field-demo{max-width:560px}.date-field-demo input[type=text],.date-field-demo input[type=time]{width:100%;color:var(--ink);font:inherit;background:#fff;border:1.5px solid #8ba8ff;border-radius:.65rem;padding:.72rem .8rem;font-weight:800}.date-field-demo input:focus{border-color:var(--blue);outline:3px solid var(--blue-soft);outline-offset:1px}.date-field-demo input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.date-picker-demo,.date-range-demo,.calendar-demo{border:1px solid var(--line);background:var(--surface-muted);border-radius:.85rem;max-width:640px;padding:1rem}.date-picker-demo>label{color:var(--ink);margin-bottom:.3rem;font-weight:850;display:block}.date-picker-demo .field-help,.date-range-demo .field-help{margin:0 0 .75rem}.date-picker-demo__field{background:#fff;border:1.5px solid #8ba8ff;border-radius:.65rem;grid-template-columns:minmax(0,1fr) 44px;display:grid;overflow:hidden}.date-picker-demo__field button{min-height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.65rem .8rem;font-weight:800}.date-picker-demo__field span{color:var(--blue);border-left:1px solid var(--line);place-items:center;font-weight:850;display:grid}.date-picker-demo__field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.date-picker-demo__panel{border:1px solid var(--line);background:#fff;border-radius:.7rem;margin-top:.75rem;padding:.85rem;box-shadow:0 12px 28px #0f20461a}.date-picker-demo__month,.calendar-demo__header,.date-range-demo__heading{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.date-picker-demo__month{margin-bottom:.7rem}.date-picker-demo__month strong,.calendar-demo__header strong{color:var(--ink)}.date-picker-demo__month span{color:var(--muted);font-size:.8rem}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.32rem;display:grid}.calendar-weekdays{color:var(--muted);text-align:center;margin-bottom:.32rem;font-size:.75rem;font-weight:800}.calendar-grid button{min-height:38px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:.5rem;place-items:center;padding:.25rem;font-size:.82rem;font-weight:800;display:grid;position:relative}.calendar-grid button:hover:not(:disabled),.calendar-grid button:focus-visible{color:var(--blue);border-color:var(--blue);outline:0}.calendar-grid button:disabled{color:#a6afbf;cursor:not-allowed;background:#f0f3f8;text-decoration:line-through}.date-picker-demo .calendar-grid button[aria-pressed=true]{color:#fff;border-color:var(--blue);background:var(--blue)}.date-demo__footer{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.8rem;display:flex}.date-demo__footer .field-status{margin:0}.calendar-demo{background:#fff}.calendar-demo__header{margin-bottom:.9rem}.calendar-grid--events button{border-color:var(--line);min-height:52px}.calendar-grid--events button i{background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;bottom:.38rem}.date-range-demo{background:#fff}.date-range-demo__label{color:var(--ink);margin:0 0 .3rem;font-weight:850}.date-range-demo__summary{border:1px solid var(--line);background:var(--surface-muted);border-radius:.7rem;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:.55rem;margin:.9rem 0;padding:.75rem;display:grid}.date-range-demo__summary span{gap:.2rem;display:grid}.date-range-demo__summary b{color:var(--muted);font-size:.72rem}.date-range-demo__summary strong{color:var(--ink);font-size:.9rem}.date-range-demo__summary>i{color:var(--blue);text-align:center;font-style:normal;font-weight:850}.calendar-grid--range{border:1px solid var(--line);background:var(--surface-muted);border-radius:.7rem;padding:.2rem}.calendar-grid--range button{background:0 0;min-height:42px}.calendar-grid--range button.is-range-start,.calendar-grid--range button.is-range-end{color:#fff;border-color:var(--blue);background:var(--blue)}.calendar-grid--range button.is-in-range{color:var(--blue);background:var(--blue-soft);border-color:#0000;border-radius:0}.file-input-demo,.dropzone-demo,.upload-queue-demo,.upload-progress-demo,.file-preview-demo{border:1px solid var(--line);background:#fff;border-radius:.85rem;max-width:680px;padding:1rem}.file-input-demo>label{color:var(--ink);margin-bottom:.3rem;font-weight:850;display:block}.file-input-demo input[type=file]{width:100%;color:var(--muted);background:var(--surface-muted);font:inherit;border:1.5px solid #8ba8ff;border-radius:.65rem;padding:.55rem;font-size:.85rem}.file-input-demo input[type=file]::file-selector-button{color:var(--blue);font:inherit;cursor:pointer;background:#fff;border:1px solid #8ba8ff;border-radius:.42rem;margin-right:.7rem;padding:.5rem .7rem;font-weight:850}.file-demo__footer{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.75rem;display:flex}.file-demo__footer .field-status{margin:0}.file-selection-summary{border:1px solid var(--line);background:var(--surface-muted);border-radius:.6rem;gap:.22rem;margin-top:.75rem;padding:.75rem;display:grid}.file-selection-summary span{color:var(--ink);font-weight:850}.file-selection-summary small{color:var(--muted)}.dropzone-demo__target{min-height:220px;color:var(--muted);background:var(--surface-muted);cursor:pointer;text-align:center;border:2px dashed #9bb6ff;border-radius:.85rem;place-content:center;justify-items:center;gap:.5rem;padding:1.25rem;transition:border-color .16s,background .16s;display:grid}.dropzone-demo__target:hover,.dropzone-demo__target:focus-within,.dropzone-demo__target.is-dragging{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.dropzone-demo__target svg{width:38px;height:38px;color:var(--blue)}.dropzone-demo__target strong{color:var(--ink);font-size:1rem}.dropzone-demo__target span{font-size:.86rem}.dropzone-demo__target small{font-size:.78rem}.upload-queue-demo{background:var(--surface-muted)}.upload-queue-demo__header{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;display:flex}.upload-queue-demo__label,.file-preview-demo__label{color:var(--ink);margin:0 0 .25rem;font-weight:850}.upload-queue-demo__header .field-help{margin:0}.upload-queue-demo__header>strong{color:var(--blue);background:var(--blue-soft);white-space:nowrap;border-radius:999px;padding:.42rem .6rem;font-size:.78rem}.upload-queue-demo__list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.upload-queue-demo__list li{border:1px solid var(--line);background:#fff;border-radius:.7rem;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;display:grid}.upload-queue-demo__list li[data-queue-state=failed]{border-color:color-mix(in srgb, var(--danger) 38%, var(--line));background:#fffafb}.upload-queue-demo__list li[data-queue-state=cancelled]{opacity:.7}.upload-queue-demo__list strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;display:block;overflow:hidden}.upload-queue-demo__list small{color:var(--muted);font-size:.78rem}.file-type-icon{color:#b33150;background:#fff0f3;border-radius:.55rem;place-items:center;width:42px;height:42px;font-size:.65rem;font-weight:900;display:grid}.file-type-icon--xlsx{color:#1d7a52;background:#e8f6ef}.file-type-icon--image{color:#7157b7;background:#f0edff}.file-type-icon--video{color:#1a6b9c;background:#e8f4fb}.upload-progress-bar{background:#dbe2ee;border-radius:999px;height:6px;margin-top:.45rem;display:block;overflow:hidden}.upload-progress-bar b,.card-queue-preview i,.card-progress-preview>i{width:var(--progress);border-radius:inherit;background:var(--blue);height:100%;display:block}.upload-queue-demo__actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.upload-queue-demo__actions .field-demo__inline-button{min-height:34px;padding:.35rem .5rem;font-size:.75rem;position:static}.upload-progress-demo__file{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.upload-progress-demo__file strong{color:var(--ink);display:block}.upload-progress-demo__file small{color:var(--muted);font-size:.8rem}.upload-progress-demo__file output{color:var(--blue);font-weight:900}.upload-progress-demo progress{width:100%;height:12px;accent-color:var(--blue);background:#dbe2ee;border:0;border-radius:999px;margin:1rem 0 .45rem;overflow:hidden}.upload-progress-demo progress::-webkit-progress-bar{background:#dbe2ee}.upload-progress-demo progress::-webkit-progress-value{background:var(--blue)}.upload-progress-demo progress::-moz-progress-bar{background:var(--blue)}.upload-progress-demo__metrics{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}.upload-progress-demo__actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.upload-progress-demo__actions .primary-button,.upload-progress-demo__actions .secondary-button{min-height:38px;padding:.45rem .7rem;font-size:.84rem}.file-preview-demo{background:var(--surface-muted)}.file-preview-demo__toolbar{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.file-preview-demo__toolbar>div{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.file-preview-demo__card{border:1px solid var(--line);background:#fff;border-radius:.7rem;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:1rem;padding:.9rem;display:grid}.file-preview-demo__document{color:#b33150;background:linear-gradient(135deg,#fff 0 76%,#fff0f3 76%);border:1px solid #f0c6d0;border-radius:.45rem;align-content:space-between;min-height:126px;padding:.85rem;display:grid}.file-preview-demo__document b{color:var(--ink);font-size:1.15rem;line-height:1.25}.file-preview-demo__document span{letter-spacing:.08em;font-size:.65rem;font-weight:850}.file-preview-demo__document.is-spreadsheet{color:#1d7a52;background:repeating-linear-gradient(0deg,#fff,#fff 21px,#e8f6ef 22px),repeating-linear-gradient(90deg,#0000,#0000 37px,#e8f6ef 38px);border-color:#bee4d0}.file-preview-demo__card>div:last-child>p:first-child{color:var(--ink);margin:0 0 .3rem;font-weight:850}.file-preview-demo__card>div:last-child>small{color:var(--muted)}.file-preview-demo__card .field-status{margin-bottom:0}.card-file-preview,.card-dropzone-preview,.card-queue-preview,.card-progress-preview{align-content:center;gap:.45rem;display:grid}.card-file-preview>span,.card-queue-preview>span,.card-progress-preview>span{color:var(--ink);font-size:.78rem;font-weight:850}.card-file-preview>strong{color:var(--blue);text-align:center;background:#fff;border:1px solid #8ba8ff;border-radius:.45rem;padding:.58rem .65rem;font-size:.8rem}.card-file-preview small,.card-dropzone-preview small,.card-queue-preview small,.card-progress-preview small{color:var(--muted);font-size:.72rem}.card-file-preview--selected{grid-template-columns:38px minmax(0,1fr);column-gap:.5rem}.card-file-preview--selected b{color:#b33150;background:#fff0f3;border-radius:.4rem;grid-row:span 2;place-items:center;width:38px;height:38px;font-size:.6rem;display:grid}.card-dropzone-preview{min-height:98px;color:var(--muted);background:var(--surface-muted);text-align:center;border:2px dashed #9bb6ff;border-radius:.55rem;place-content:center;justify-items:center}.card-dropzone-preview strong{color:var(--blue);font-size:1.3rem}.card-dropzone-preview span{color:var(--ink);font-size:.78rem;font-weight:850}.card-queue-preview>div{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:.5rem;display:grid}.card-queue-preview b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.card-queue-preview em{color:var(--muted);font-size:.68rem;font-style:normal}.card-queue-preview i,.card-progress-preview>i{background:#dbe2ee;border-radius:999px;height:6px;overflow:hidden}.card-queue-preview i:before,.card-progress-preview>i:before{width:var(--progress);border-radius:inherit;background:var(--blue);content:"";height:100%;display:block}.card-queue-preview i,.card-progress-preview>i{width:100%}.card-progress-preview{grid-template-columns:minmax(0,1fr) auto}.card-progress-preview>i,.card-progress-preview>small{grid-column:1/-1}.card-progress-preview>strong{color:var(--blue);font-size:.88rem}.form-structure-demo{border:1px solid var(--line);background:#fff;border-radius:.85rem;gap:.6rem;max-width:680px;padding:1rem;display:grid}.form-structure-demo>label,.form-structure-demo legend{color:var(--ink);font-weight:850}.form-structure-demo input{width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border:1.5px solid #8ba8ff;border-radius:.65rem;outline:0;padding:.7rem .8rem}.form-structure-demo input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.form-structure-demo input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.form-structure-demo input[aria-invalid=false]{border-color:var(--success)}.form-structure-demo .field-help,.form-structure-demo .field-status{margin:0}.form-structure-demo__notice{color:var(--muted);border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 .45rem .45rem 0;margin:0;padding:.65rem .75rem;font-size:.86rem}.form-structure-demo__notice span{color:var(--danger);font-weight:900}.form-required-text{color:var(--danger);white-space:nowrap;font-size:.78rem;font-weight:850}.form-error-message{color:var(--danger);margin:-.1rem 0 0;font-size:.84rem;font-weight:800}.form-error-message[hidden],.validation-summary[hidden]{display:none}.form-structure-demo--group{padding-top:.8rem}.form-structure-demo--group legend{padding:0 .2rem}.form-structure-demo--group .choice-demo__option{margin:0}.form-structure-demo--group .choice-demo__option input{width:18px;height:18px;accent-color:var(--blue);box-shadow:none;border:0;border-radius:0;padding:0}.form-structure-demo--form{gap:.45rem}.form-structure-demo--form>label:not(:first-child){margin-top:.55rem}.form-structure-demo__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.65rem;display:flex}.form-structure-demo__actions .field-status{flex:230px}.validation-summary{color:#7d162a;border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));background:var(--danger-soft);border-radius:.65rem;gap:.55rem;margin-bottom:.35rem;padding:.85rem .95rem;display:grid}.validation-summary strong{font-size:.92rem}.validation-summary ul{gap:.35rem;margin:0;padding-left:1.15rem;display:grid}.validation-summary a{color:inherit;font-size:.85rem;font-weight:800}.card-form-structure-preview,.card-group-preview,.card-summary-preview{align-content:center;gap:.4rem;display:grid}.card-form-structure-preview label,.card-group-preview>strong{color:var(--ink);font-size:.78rem;font-weight:850}.card-form-input{min-height:34px;color:var(--muted);border:1px solid var(--line-strong);background:#fff;border-radius:.45rem;padding:.45rem .55rem;font-size:.78rem;display:block}.card-form-input--error{color:#7d162a;border-color:color-mix(in srgb, var(--danger) 55%, var(--line));background:var(--danger-soft)}.card-form-input--success{color:#0f5c4d;border-color:color-mix(in srgb, var(--success) 55%, var(--line));background:#e8f6ef}.card-form-structure-preview small,.card-group-preview small{color:var(--muted);font-size:.7rem}.card-form-error{font-weight:800;color:var(--danger)!important}.card-form-success{font-weight:800;color:var(--success)!important}.card-required{color:#8c1d30;background:var(--danger-soft);border-radius:999px;padding:.08rem .35rem;font-size:.66rem;display:inline-block}.card-group-preview>span{color:var(--ink);align-items:center;gap:.38rem;font-size:.76rem;display:flex}.card-summary-preview{color:#7d162a;border:1px solid color-mix(in srgb, var(--danger) 45%, var(--line));background:var(--danger-soft);border-radius:.55rem;padding:.75rem}.card-summary-preview strong{font-size:.78rem}.card-summary-preview span{text-underline-offset:.2em;font-size:.71rem;text-decoration:underline}.advanced-input-demo{border:1px solid var(--line);background:#fff;border-radius:.85rem;gap:.7rem;max-width:680px;padding:1rem;display:grid}.advanced-input-demo>label,.advanced-input-demo__label,.advanced-input-demo__heading label,.markdown-editor-demo__heading label{color:var(--ink);margin:0;font-weight:850}.advanced-input-demo .field-help,.advanced-input-demo .field-status{margin:0}.advanced-input-demo__heading,.advanced-input-demo__footer{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.advanced-input-demo__heading>div{gap:.3rem;display:grid}.advanced-input-demo__footer{flex-wrap:wrap;align-items:center;margin-top:.15rem}.advanced-input-demo__footer .field-status{flex:220px}.advanced-input-demo .field-demo__inline-button{min-height:36px;padding:.45rem .65rem;position:static}.otp-demo__cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;display:grid}.otp-demo__cells input{aspect-ratio:1;width:100%;min-width:0;color:var(--ink);font:900 1.3rem/1 var(--font-sans);text-align:center;background:#fff;border:1.5px solid #8ba8ff;border-radius:.65rem;padding:0}.otp-demo__cells input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:0}.tag-input-demo__control{background:var(--surface-muted);border:1.5px solid #8ba8ff;border-radius:.7rem;flex-wrap:wrap;gap:.55rem;padding:.6rem;display:flex}.tag-input-demo__control:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.tag-input-demo__tags{flex-wrap:wrap;gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.tag-input-demo__tags li{color:#1747aa;background:var(--blue-soft);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .38rem .3rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.tag-input-demo__tags button{width:20px;height:20px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.tag-input-demo__tags button:hover,.tag-input-demo__tags button:focus-visible{background:#c8d7ff;outline:0}.tag-input-demo__control input{min-width:0;color:var(--ink);border:1px solid var(--line-strong);font:inherit;background:#fff;border-radius:.5rem;flex:190px;padding:.55rem .65rem}.tag-input-demo__control input:focus{border-color:var(--blue);outline:0}.tag-input-demo__control .secondary-button{min-height:38px;padding:.45rem .7rem}.color-picker-demo__control{border:1px solid var(--line);background:var(--surface-muted);border-radius:.7rem;grid-template-columns:48px 58px minmax(0,1fr);align-items:center;gap:.75rem;padding:.75rem;display:grid}.color-picker-demo__control input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:.6rem;width:48px;height:48px;padding:3px}.color-picker-demo__control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-demo__control input[type=color]::-webkit-color-swatch{border:0;border-radius:.4rem}.color-picker-demo__swatch{border:1px solid var(--line-strong);background:#2563eb;border-radius:.7rem;width:58px;height:58px;box-shadow:inset 0 0 0 4px #fff}.color-picker-demo__control>div{gap:.25rem;display:grid}.color-picker-demo__control input[type=text]{width:100%;min-width:0;color:var(--ink);font:800 .9rem/1 var(--font-sans);letter-spacing:.03em;background:#fff;border:1.5px solid #8ba8ff;border-radius:.5rem;padding:.6rem .7rem}.color-picker-demo__control input[aria-invalid=true]{color:#7d162a;border-color:var(--danger);background:var(--danger-soft)}.color-picker-demo__control small{color:var(--muted);font-size:.75rem}.rich-editor-demo{gap:.55rem}.rich-editor-demo__toolbar{border:1px solid var(--line);background:var(--surface-muted);border-radius:.65rem .65rem 0 0;flex-wrap:wrap;gap:.4rem;padding:.5rem;display:flex}.rich-editor-demo__toolbar button{min-height:34px;color:var(--ink);border:1px solid var(--line-strong);font:800 .78rem/1 var(--font-sans);cursor:pointer;background:#fff;border-radius:.42rem;align-items:center;gap:.35rem;padding:.35rem .55rem;display:inline-flex}.rich-editor-demo__toolbar button[aria-pressed=true]{color:#fff;border-color:var(--blue);background:var(--blue)}.rich-editor-demo__toolbar button:hover,.rich-editor-demo__toolbar button:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:0}.rich-editor-demo__surface{min-height:180px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:0 0 .65rem .65rem;padding:.95rem;line-height:1.65}.rich-editor-demo__surface:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:0}.rich-editor-demo__surface p:first-child{margin-top:0}.rich-editor-demo__surface p:last-child{margin-bottom:0}.markdown-editor-demo{max-width:860px}.markdown-editor-demo__heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.markdown-editor-demo__heading>div{gap:.3rem;display:grid}.markdown-editor-demo__workspace{border:1px solid var(--line-strong);background:#fff;border-radius:.7rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.markdown-editor-demo textarea{resize:vertical;min-width:0;min-height:230px;color:var(--ink);border:0;border-right:1px solid var(--line);background:#fbfcff;outline:0;padding:.9rem;font:.82rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.markdown-editor-demo textarea:focus{box-shadow:inset 0 0 0 3px var(--blue-soft)}.markdown-editor-demo__preview{background:#fff;min-width:0;padding:.9rem}.markdown-editor-demo__preview>p{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .7rem;font-size:.74rem;font-weight:850}.markdown-editor-demo__preview h1,.markdown-editor-demo__preview h2{color:var(--ink);margin:.2rem 0 .65rem;font-size:1.1rem}.markdown-editor-demo__preview p{color:var(--muted);margin:0 0 .7rem;font-size:.87rem;line-height:1.6}.markdown-editor-demo__preview ul{color:var(--muted);gap:.3rem;margin:0;padding-left:1.2rem;font-size:.87rem;display:grid}.card-otp-preview,.card-tag-preview,.card-editor-preview,.card-markdown-preview{align-content:center;gap:.45rem;display:grid}.card-otp-preview>span,.card-tag-preview>span{color:var(--ink);font-size:.78rem;font-weight:850}.card-otp-preview>div{grid-template-columns:repeat(6,1fr);gap:.25rem;display:grid}.card-otp-preview b{aspect-ratio:1;color:var(--ink);background:#fff;border:1px solid #8ba8ff;border-radius:.32rem;place-items:center;font-size:.76rem;display:grid}.card-otp-preview small,.card-tag-preview small{color:var(--muted);font-size:.7rem}.card-tag-preview>div{flex-wrap:wrap;gap:.3rem;display:flex}.card-tag-preview b{color:#1747aa;background:var(--blue-soft);border-radius:999px;padding:.28rem .42rem;font-size:.69rem}.card-tag-preview i{font-style:normal}.card-color-preview{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.card-color-preview__swatch{border:1px solid var(--line-strong);background:#2563eb;border-radius:.6rem;width:58px;height:58px;box-shadow:inset 0 0 0 4px #fff}.card-color-preview>div{gap:.2rem;display:grid}.card-color-preview b{color:var(--ink);font-size:.8rem}.card-color-preview strong{color:var(--blue);font:850 .78rem/1 var(--font-sans);letter-spacing:.04em}.card-color-preview small{color:var(--muted);font-size:.7rem}.card-editor-preview{border:1px solid var(--line);background:#fff;border-radius:.55rem;padding:.65rem}.card-editor-preview>div{border-bottom:1px solid var(--line);gap:.25rem;padding-bottom:.35rem;display:flex}.card-editor-preview>div b{width:21px;height:21px;color:var(--ink);border:1px solid var(--line-strong);border-radius:.25rem;place-items:center;font-size:.66rem;display:grid}.card-editor-preview>strong{color:var(--ink);font-size:.78rem}.card-editor-preview>span{color:var(--muted);font-size:.72rem}.card-markdown-preview{border:1px solid var(--line);background:#fff;border-radius:.55rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.card-markdown-preview code{color:#33415c;background:#f7f9fd;padding:.6rem;font:.65rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.card-markdown-preview>div{align-content:center;gap:.25rem;padding:.6rem;display:grid}.card-markdown-preview b{color:var(--ink);font-size:.74rem}.card-markdown-preview span{color:var(--muted);font-size:.69rem}@media (width<=640px){.rating-demo__footer{flex-direction:column;align-items:flex-start}.rating-demo__buttons button{width:40px;height:40px}.date-picker-demo,.date-range-demo,.calendar-demo{padding:.85rem}.date-demo__footer,.date-range-demo__heading{flex-direction:column;align-items:flex-start}.calendar-demo__header{gap:.35rem}.calendar-demo__header .field-demo__inline-button{padding:.4rem;font-size:.75rem}.calendar-grid{gap:.2rem}.calendar-grid button{min-height:34px;font-size:.75rem}.calendar-grid--events button{min-height:44px}.date-range-demo__summary{grid-template-columns:1fr 20px 1fr;gap:.3rem;padding:.6rem}.date-range-demo__summary strong{font-size:.78rem}.file-demo__footer,.upload-queue-demo__header,.file-preview-demo__toolbar{flex-direction:column;align-items:flex-start}.upload-queue-demo__header>strong{white-space:normal}.upload-queue-demo__list li{grid-template-columns:38px minmax(0,1fr)}.upload-queue-demo__actions{grid-column:1/-1;justify-content:flex-start}.file-preview-demo__toolbar>div{justify-content:flex-start}.file-preview-demo__card{grid-template-columns:1fr}.file-preview-demo__document{min-height:100px}.form-structure-demo__actions,.advanced-input-demo__heading,.advanced-input-demo__footer,.markdown-editor-demo__heading{flex-direction:column;align-items:flex-start}.otp-demo__cells{gap:.35rem}.otp-demo__cells input{font-size:1.05rem}.tag-input-demo__control .secondary-button{width:100%}.markdown-editor-demo__workspace{grid-template-columns:1fr}.markdown-editor-demo textarea{border-right:0;border-bottom:1px solid var(--line);min-height:190px}}@media (width<=960px){.header-inner{gap:1.25rem}.main-nav{gap:.8rem;font-size:.9rem}.hero-grid,.home-links,.title-grid,.recommendation-band,.comparison-preview__matrix,.component-detail-grid{grid-template-columns:1fr}.comparison-preview__item{min-height:0}.comparison-preview__item+.comparison-preview__item{border-top:1px solid var(--line);border-left:0}.search-layout{grid-template-columns:1fr}.topic-rail{grid-template-columns:repeat(3,1fr)}.topic-rail h3{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.page-toc{border-bottom:1px solid var(--line);flex-wrap:wrap;padding-bottom:1rem;display:flex;position:static}.page-toc a{border:1px solid var(--line);border-radius:.4rem}.anatomy-grid,.state-grid,.reading-path-grid,.decision-tree--four{grid-template-columns:repeat(2,1fr)}.experiment-grid{grid-template-columns:1fr}.experiment-card pre{min-height:auto}.button-demo__layout{grid-template-columns:1fr}.component-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-rail__item{grid-template-columns:minmax(150px,.65fr) minmax(0,1.2fr) minmax(0,1.3fr) 24px;gap:.9rem}.related-comparison{align-items:flex-start}}@media (width<=640px){.shell{width:min(100% - 32px, var(--shell))}.site-header{position:static}.header-inner{min-height:unset;flex-wrap:wrap;gap:.7rem 1rem;padding:.85rem 0}.brand{font-size:1.15rem}.main-nav{order:3;width:100%;padding-bottom:.25rem;overflow-x:auto}.main-nav a[aria-current=page]:after{display:none}.lab-link{margin-left:auto;font-size:.85rem}.home-hero{padding:3rem 0 2.3rem}h1,.page-intro h1{font-size:2.45rem}.hero-grid{gap:1.5rem}.search-section,.comparison-preview,.home-links,.page-intro,.decision-section,.table-section,.recommendation-band,.experiment-grid,.score-section,.article-index,.article-reading{padding-top:2.2rem;padding-bottom:2.2rem}.section-heading{display:block}.section-heading>p{margin-top:.5rem}.topic-rail{grid-template-columns:1fr}.topic-rail h3{grid-column:auto}.result-card{grid-template-columns:36px minmax(0,1fr);padding:1rem}.result-icon{width:36px;height:36px;font-size:1.2rem}.result-arrow{display:none}.link-grid{grid-template-columns:1fr}.title-grid{gap:1.4rem}.content-grid{gap:1.6rem;padding-top:1.7rem}.demo-layout{grid-template-columns:1fr}.state-panel{border-top:1px solid var(--line);border-left:0;grid-template-columns:repeat(2,1fr);padding:1rem 0 0}.state-panel legend{grid-column:1/-1}.button-demo__actions{justify-content:stretch}.secondary-button,.primary-button,.danger-button{flex:1}.button-demo__example{padding:1rem}.button-demo__example-heading{flex-direction:column}.button-demo__context{grid-template-columns:1fr}.button-demo__danger-confirmation{grid-template-columns:1fr;align-items:stretch}.button-demo__danger-actions{justify-content:stretch}.keyboard-hint{line-height:2.1}.anatomy-grid,.state-grid,.decision-grid,.reading-path-grid,.decision-tree{grid-template-columns:1fr}.decision-section{border-radius:.9rem;padding:1.75rem 1.25rem}.recommendation-band{gap:1rem}.article-index article{grid-template-columns:1fr;gap:.45rem}.search-results,.component-library,.comparison-rail-section,.comparison-directory{padding-top:2.2rem;padding-bottom:2.2rem}.component-library__grid{grid-template-columns:1fr}.component-card{grid-template-rows:160px minmax(0,1fr) auto}.related-comparison{flex-direction:column;align-items:stretch;padding:1.15rem}.related-comparison .primary-link{text-align:center}.comparison-rail__item{grid-template-columns:minmax(0,1fr) 24px;gap:.55rem 1rem;padding:1.15rem}.comparison-rail__components,.comparison-rail__item>span:not(.comparison-rail__components){grid-column:1}.comparison-rail__item strong{grid-area:2/1}.comparison-rail__item>span:not(.comparison-rail__components){grid-row:3}.comparison-rail__item svg{grid-area:1/2/span 3;align-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.card-header-preview{border:1px solid var(--line-strong);color:#36405a;background:#fff;border-radius:.55rem;align-items:center;gap:.6rem;min-height:50px;padding:.7rem;font-size:.72rem;font-weight:750;display:flex}.card-header-preview strong{color:var(--ink);letter-spacing:-.04em;margin-right:auto;font-size:.9rem}.card-header-preview i{width:25px;height:25px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;font-size:.65rem;font-style:normal;display:grid}.card-navbar-preview{border:1px solid var(--line-strong);color:var(--muted);background:#fff;border-radius:.55rem;justify-content:space-around;gap:.25rem;padding:.45rem;font-size:.77rem;font-weight:750;display:flex}.card-navbar-preview span,.card-navbar-preview b{padding:.42rem .48rem}.card-navbar-preview b{color:var(--blue);border-bottom:2px solid var(--blue)}.card-sidebar-preview{border:1px solid var(--line-strong);color:#44506a;background:#fff;border-radius:.55rem;gap:.24rem;width:132px;padding:.65rem;font-size:.72rem;display:grid}.card-sidebar-preview small{color:var(--muted);letter-spacing:.06em;margin-top:.2rem;font-size:.59rem;font-weight:850}.card-sidebar-preview span,.card-sidebar-preview b{border-radius:.28rem;padding:.28rem .4rem}.card-sidebar-preview b{color:var(--blue);background:var(--blue-soft)}.card-menu-preview{border:1px solid var(--line-strong);width:146px;color:var(--ink);background:#fff;border-radius:.55rem;gap:.15rem;padding:.45rem;font-size:.72rem;display:grid;box-shadow:0 8px 18px #101a3712}.card-menu-preview b{color:var(--blue);justify-content:space-between;padding:.35rem .4rem;display:flex}.card-menu-preview b i{font-style:normal}.card-menu-preview span{padding:.3rem .4rem}.card-bottom-nav-preview{border:1px solid var(--line-strong);width:min(100%,248px);color:var(--muted);text-align:center;background:#fff;border-radius:.65rem;justify-content:space-between;align-items:end;padding:.6rem .7rem .45rem;display:flex}.card-bottom-nav-preview span,.card-bottom-nav-preview b{gap:.12rem;min-width:34px;font-size:.9rem;font-weight:800;display:grid}.card-bottom-nav-preview small{font-size:.55rem;font-weight:750}.card-bottom-nav-preview b{color:var(--blue)}.card-current-preview{border:1px solid var(--line-strong);width:100%;color:var(--muted);background:#fff;border-radius:.55rem;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.65rem;font-size:.75rem;font-weight:750;display:flex}.card-current-preview span,.card-current-preview b{padding:.35rem .45rem}.card-current-preview b{color:var(--blue);border-bottom:2px solid var(--blue)}.card-current-preview small{width:100%;color:var(--blue);font:700 .63rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.navigation-demo{overflow:hidden}.navigation-demo__viewport{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #101a3712}.navigation-demo__header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:.7rem;min-height:58px;padding:.65rem .85rem;display:flex}.navigation-demo__brand{color:var(--ink);letter-spacing:-.045em;margin-right:.7rem;font-size:1rem}.navigation-demo__header button{min-height:34px;color:var(--ink);background:0 0;border:0;border-radius:.4rem;font-size:.78rem;font-weight:800}.navigation-demo__header button:hover{background:var(--blue-soft);color:var(--blue)}.navigation-demo__mobile-menu{place-items:center;width:34px;padding:0;display:none;font-size:1.1rem!important}.navigation-demo__navbar{align-items:center;gap:.15rem;display:flex}.navigation-demo__navbar a{color:#44506a;border-radius:.35rem;padding:.42rem .58rem;font-size:.78rem;font-weight:750;text-decoration:none}.navigation-demo__navbar a:hover,.navigation-demo__navbar a[aria-current=page]{color:var(--blue);background:var(--blue-soft)}.navigation-demo__menu-wrap{position:relative}.navigation-demo__menu{z-index:4;border:1px solid var(--line-strong);min-width:142px;box-shadow:var(--shadow);background:#fff;border-radius:.55rem;gap:.12rem;margin:0;padding:.4rem;list-style:none;display:grid;position:absolute;top:calc(100% + .4rem);right:0}.navigation-demo__menu a{color:#35415b;border-radius:.32rem;padding:.45rem .5rem;font-size:.78rem;font-weight:700;text-decoration:none;display:block}.navigation-demo__menu a:hover,.navigation-demo__menu a:focus-visible{background:var(--blue-soft);color:var(--blue)}.navigation-demo__account{place-items:center;width:32px;height:32px;margin-left:auto;display:grid;color:var(--blue)!important;background:var(--blue-soft)!important;border-radius:50%!important;font-size:.68rem!important}.navigation-demo__body{grid-template-columns:188px minmax(0,1fr);min-height:330px;display:grid}.navigation-demo__sidebar{border-right:1px solid var(--line);background:#fbfcff;flex-direction:column;transition:width .18s;display:flex}.navigation-demo__sidebar-head{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;gap:.25rem;padding:.5rem .65rem .4rem;font-size:.7rem;font-weight:800;display:flex}.navigation-demo__sidebar-head button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:.35rem;place-items:center;padding:0;font-size:1.2rem;display:grid}.navigation-demo__sidebar-head button:hover{color:var(--blue);background:var(--blue-soft)}.navigation-demo__sidebar nav{gap:.15rem;padding:.15rem .5rem 1rem;display:grid}.navigation-demo__sidebar nav p{color:var(--muted);letter-spacing:.06em;margin:.65rem .35rem .2rem;font-size:.6rem;font-weight:850}.navigation-demo__sidebar nav a{color:#3d4962;border-radius:.38rem;align-items:center;gap:.55rem;min-height:34px;padding:.4rem .5rem;font-size:.76rem;font-weight:700;text-decoration:none;display:flex}.navigation-demo__sidebar nav a>span:first-child{color:#6c768d;place-items:center;width:16px;display:inline-grid}.navigation-demo__sidebar nav a:hover,.navigation-demo__sidebar nav a[aria-current=page]{color:var(--blue);background:var(--blue-soft)}.navigation-demo__sidebar nav a[aria-current=page]>span:first-child{color:var(--blue)}.navigation-demo__sidebar.is-collapsed{width:58px}.navigation-demo__sidebar.is-collapsed .navigation-demo__sidebar-head{justify-content:space-between;padding-inline:.25rem}.navigation-demo__sidebar.is-collapsed .navigation-demo__sidebar-head button{border:1px solid var(--line);background:#fff;width:26px;height:26px;font-size:1rem;display:grid}.navigation-demo__sidebar.is-collapsed nav{padding-inline:.45rem}.navigation-demo__sidebar.is-collapsed nav p,.navigation-demo__sidebar.is-collapsed nav a>span:last-child{display:none}.navigation-demo__sidebar.is-collapsed nav a{justify-content:center;padding-inline:.25rem}.navigation-demo__main{background:#fff;padding:2rem clamp(1.1rem,4vw,3rem)}.navigation-demo__crumb{color:var(--muted);margin-bottom:.55rem;font-size:.72rem;font-weight:750}.navigation-demo__main h3{color:var(--ink);letter-spacing:-.05em;margin:0 0 .35rem;font-size:1.5rem}.navigation-demo__main>p:not(.navigation-demo__crumb):not(.field-status){max-width:34rem;color:var(--muted);margin-bottom:1.25rem;font-size:.85rem}.navigation-demo__content-row{border:1px solid var(--line);color:#3d4962;background:#fff;border-bottom:0;justify-content:space-between;align-items:center;max-width:410px;min-height:44px;padding:.6rem .75rem;font-size:.78rem;display:flex}.navigation-demo__content-row:first-of-type{border-radius:.5rem .5rem 0 0}.navigation-demo__content-row:nth-of-type(2){border-bottom:1px solid var(--line);border-radius:0 0 .5rem .5rem}.navigation-demo__content-row b{color:var(--blue);font-size:.7rem}.navigation-demo__main .field-status{max-width:440px;margin:1rem 0 0;font-size:.72rem}.navigation-demo__drawer{z-index:6;border-right:1px solid var(--line-strong);background:#fff;width:min(272px,88%);padding:.85rem;position:absolute;top:59px;bottom:0;left:0;box-shadow:12px 0 26px #101a3724}.navigation-demo__drawer>div{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:.2rem .25rem .85rem;display:flex}.navigation-demo__drawer button{background:0 0;border:0;border-radius:.35rem;place-items:center;width:32px;height:32px;font-size:1.35rem;display:grid}.navigation-demo__drawer nav{gap:.25rem;padding-top:.75rem;display:grid}.navigation-demo__drawer a{color:#3d4962;border-radius:.38rem;padding:.6rem .65rem;font-size:.85rem;font-weight:750;text-decoration:none}.navigation-demo__drawer a[aria-current=page],.navigation-demo__drawer a:hover{color:var(--blue);background:var(--blue-soft)}.navigation-demo__bottom-nav{display:none}@media (width<=720px){.navigation-demo__header{min-height:56px;padding-inline:.6rem}.navigation-demo__mobile-menu{display:grid}.navigation-demo__brand{margin-right:auto;font-size:.95rem}.navigation-demo__navbar,.navigation-demo__menu-wrap{display:none}.navigation-demo__account{margin-left:0}.navigation-demo__body{min-height:360px;display:block}.navigation-demo__sidebar{display:none}.navigation-demo__main{min-height:360px;padding:1.5rem 1rem 5.8rem}.navigation-demo__main h3{font-size:1.35rem}.navigation-demo__content-row{max-width:none}.navigation-demo__bottom-nav{min-height:66px;padding:.35rem .25rem max(.35rem, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.navigation-demo__bottom-nav a,.navigation-demo__bottom-nav button{min-height:48px;color:var(--muted);background:0 0;border:0;place-items:center;gap:.08rem;padding:.25rem;font-size:1rem;font-weight:850;text-decoration:none;display:grid}.navigation-demo__bottom-nav small{color:inherit;font-size:.63rem;font-weight:750}.navigation-demo__bottom-nav a[aria-current=page],.navigation-demo__bottom-nav a:hover,.navigation-demo__bottom-nav button:hover{color:var(--blue)}.navigation-demo__bottom-nav a[aria-current=page]:before{background:var(--blue);content:"";border-radius:0 0 3px 3px;width:30px;height:3px;position:absolute;top:0}}.card-information-preview{color:#56647c;border:1px solid var(--line-strong);background:#f8faff;border-radius:.58rem;align-content:center;gap:.42rem;width:min(100%,242px);min-height:126px;padding:.76rem;font-size:.65rem;display:grid;overflow:hidden}.card-information-preview--tooltip{grid-template-columns:max-content 26px;place-content:center start;align-items:center}.card-information-preview--tooltip>span{color:#40506d;font-weight:800}.card-information-preview--tooltip>b{width:22px;height:22px;color:var(--blue-dark);background:#fff;border:1px solid #9ebff4;border-radius:50%;place-items:center;font-size:.78rem;display:grid}.card-information-preview--tooltip>i{color:#40506d;background:#fff;border:1px solid #c7d9f7;border-radius:.38rem;grid-column:1/-1;padding:.42rem .5rem;font-style:normal;line-height:1.35}.card-information-preview--popover{background:#fff;align-content:center;justify-items:start;box-shadow:0 8px 18px #101a3714}.card-information-preview--popover>span{color:var(--blue);font-size:.62rem;font-weight:850}.card-information-preview--popover>strong{color:var(--ink);font-size:.74rem}.card-information-preview--popover>b{color:#fff;background:var(--blue);border-radius:.3rem;padding:.36rem .48rem;font-size:.61rem}.card-information-preview--hover{background:#fff;align-content:center;gap:.58rem;box-shadow:0 8px 18px #101a3714}.card-information-preview--hover>div{align-items:center;gap:.46rem;display:flex}.card-information-preview--hover>div>b{color:#fff;background:#6b99ef;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.card-information-preview--hover>div>span{gap:.1rem;display:grid}.card-information-preview--hover strong{color:var(--ink);font-size:.71rem}.card-information-preview--hover i{color:#68758d;font-size:.6rem;font-style:normal}.card-information-preview--hover p{color:#53617a;border-top:1px solid var(--line);margin:0;padding-top:.48rem;font-size:.61rem}.information-overlay-demo{min-width:0;position:relative}.information-overlay-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.information-overlay-demo__context{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:.85rem;display:flex}.information-overlay-demo__context>div{gap:.2rem;min-width:0;display:grid}.information-overlay-demo__context p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.information-overlay-demo__context strong{color:var(--ink);font-size:.97rem;line-height:1.38}.information-overlay-demo__context>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.information-overlay-demo__workspace{gap:.8rem;min-width:0;display:grid}.information-overlay-demo__status-card,.information-overlay-demo__notification-card,.information-overlay-demo__member-card{border:1px solid var(--line);background:#fbfcff;border-radius:.62rem}.information-overlay-demo__workspace--tooltip{grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);align-items:center}.information-overlay-demo__status-card{gap:.78rem;padding:1rem;display:grid}.information-overlay-demo__status-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.information-overlay-demo__status-head span{color:#48566f;font-size:.78rem;font-weight:850}.information-overlay-demo__status-head strong{color:#20613f;background:#effaf2;border:1px solid #b9e3c8;border-radius:999px;padding:.25rem .44rem;font-size:.67rem}.information-overlay-demo__status-card>p{color:#637089;margin:0;font-size:.76rem;line-height:1.55}.information-overlay-demo__tooltip-row{border-top:1px solid var(--line);color:#53617b;align-items:center;gap:.5rem;padding-top:.65rem;font-size:.72rem;font-weight:800;display:flex;position:relative}.information-overlay-demo__hint-trigger{width:26px;height:26px;color:var(--blue-dark);font:850 .8rem/1 var(--font-sans);cursor:pointer;background:#fff;border:1px solid #9fbff2;border-radius:50%;place-items:center;padding:0;display:grid}.information-overlay-demo__hint-trigger:hover{border-color:var(--blue);background:var(--blue-soft)}.information-overlay-demo__tooltip{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#253350;border-radius:.42rem;width:min(300px,100vw - 3rem);padding:.62rem .7rem;font-size:.7rem;font-weight:650;line-height:1.55;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + .58rem);left:0;transform:translateY(3px);box-shadow:0 10px 20px #101a3733}.information-overlay-demo__tooltip:after{content:"";background:#253350;width:10px;height:10px;position:absolute;bottom:-5px;left:26px;transform:rotate(45deg)}.information-overlay-demo__tooltip.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.information-overlay-demo__note{color:#637089;margin:0;font-size:.73rem;line-height:1.62}.information-overlay-demo__workspace--popover{grid-template-columns:minmax(0,1fr) minmax(220px,.82fr);align-items:center}.information-overlay-demo__notification-card{justify-items:start;gap:.56rem;padding:1rem;display:grid}.information-overlay-demo__notification-card>p{color:var(--blue);margin:0;font-size:.68rem;font-weight:850}.information-overlay-demo__notification-card>strong{color:var(--ink);font-size:.96rem}.information-overlay-demo__notification-card>span{color:#62708a;font-size:.75rem;line-height:1.55}.information-overlay-demo__primary,.information-overlay-demo__secondary{min-height:36px;font:800 .74rem/1.25 var(--font-sans);cursor:pointer;border-radius:.4rem}.information-overlay-demo__primary{color:#fff;border:1px solid var(--blue);background:var(--blue);padding:.55rem .72rem}.information-overlay-demo__primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.information-overlay-demo__secondary{color:#46536b;border:1px solid var(--line-strong);background:#fff;padding:.55rem .72rem}.information-overlay-demo__secondary:hover{color:var(--blue-dark);background:var(--blue-soft);border-color:#9bc0ff}.information-overlay-demo__popover{width:min(360px,100vw - 2rem);color:var(--ink);background:#fff;border:1px solid #b7c9e7;border-radius:.7rem;padding:1rem;box-shadow:0 18px 46px #101a373d}.information-overlay-demo__popover:popover-open{gap:.65rem;display:grid}.information-overlay-demo__popover>p{color:var(--blue);margin:0;font-size:.68rem;font-weight:850}.information-overlay-demo__popover h3{margin:0;font-size:1rem;line-height:1.35}.information-overlay-demo__popover ul{color:#5a6780;gap:.4rem;margin:0;padding-left:1.1rem;font-size:.75rem;line-height:1.5;display:grid}.information-overlay-demo__popover .information-overlay-demo__secondary{justify-self:start}.information-overlay-demo__workspace--hover-card{grid-template-columns:minmax(0,.84fr) minmax(260px,1.16fr);align-items:center}.information-overlay-demo__member-card{align-items:center;gap:.72rem;padding:1rem;display:flex}.information-overlay-demo__avatar{color:#fff;background:#6b99ef;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:.92rem;font-weight:850;display:grid}.information-overlay-demo__member-card>div{gap:.15rem;min-width:0;display:grid}.information-overlay-demo__member-card p{color:#68758d;margin:0;font-size:.66rem;font-weight:800}.information-overlay-demo__member-card a{width:max-content;max-width:100%;color:var(--blue-dark);text-underline-offset:3px;font-size:.9rem;font-weight:850;text-decoration:underline 1.5px}.information-overlay-demo__member-card>div>span{color:#5d6b84;font-size:.72rem;line-height:1.45}.information-overlay-demo__hover-card{color:#516079;opacity:.45;background:#fff;border:1px solid #b8cbe9;border-radius:.65rem;gap:.68rem;padding:.88rem;transition:opacity .14s,transform .14s;display:grid;transform:translateY(3px);box-shadow:0 12px 26px #101a371f}.information-overlay-demo__hover-card.is-open{opacity:1;transform:translateY(0)}.information-overlay-demo__hover-card-head{align-items:center;gap:.62rem;display:flex}.information-overlay-demo__hover-card-head>div{gap:.12rem;display:grid}.information-overlay-demo__hover-card-head strong{color:var(--ink);font-size:.82rem}.information-overlay-demo__hover-card-head span{color:#68758d;font-size:.68rem}.information-overlay-demo__hover-card p{color:#59677f;margin:0;font-size:.73rem;line-height:1.55}.information-overlay-demo__hover-card small{color:#68758d;border-top:1px solid var(--line);padding-top:.58rem;font-size:.66rem;line-height:1.48}.information-overlay-demo button:focus-visible,.information-overlay-demo a:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.information-overlay-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.71rem;line-height:1.55}@media (width<=720px){.information-overlay-demo__app{padding:.8rem}.information-overlay-demo__context{flex-direction:column;align-items:stretch}.information-overlay-demo__context>span{white-space:normal}.information-overlay-demo__workspace--tooltip,.information-overlay-demo__workspace--popover,.information-overlay-demo__workspace--hover-card{grid-template-columns:1fr}.information-overlay-demo__tooltip{width:min(300px,100vw - 2.4rem);left:auto;right:0}.information-overlay-demo__tooltip:after{left:auto;right:20px}}.card-message-preview{border:1px solid var(--line-strong);color:#56647c;background:#fff;border-radius:.58rem;align-content:center;gap:.44rem;width:min(100%,242px);min-height:126px;padding:.76rem;font-size:.65rem;display:grid}.card-message-preview>div{align-items:center;gap:.42rem;display:flex}.card-message-preview svg{flex:none;width:17px;height:17px}.card-message-preview strong{color:var(--ink);font-size:.72rem}.card-message-preview span{color:#59677f;font-size:.64rem;line-height:1.45}.card-message-preview--alert{background:#fffaf0;border-color:#efc68e}.card-message-preview--alert svg{color:#a86512}.card-message-preview--banner{border-color:#b8cde9;border-left:4px solid var(--blue);background:#f6faff}.card-message-preview--banner svg{color:var(--blue)}.card-message-preview--callout{background:#fbfdff;border-color:#c6d7f0}.card-message-preview--callout svg{color:#4f79bc}.message-placement-demo{min-width:0}.message-placement-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.message-placement-demo__context{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:.85rem;display:flex}.message-placement-demo__context>div{gap:.2rem;min-width:0;display:grid}.message-placement-demo__context p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.message-placement-demo__context strong{color:var(--ink);font-size:.97rem;line-height:1.38}.message-placement-demo__context>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.message-placement-demo__workspace{gap:.82rem;min-width:0;display:grid}.message-placement-demo__setting-card,.message-placement-demo__role-card{border:1px solid var(--line);background:#fbfcff;border-radius:.64rem;gap:.74rem;padding:1rem;display:grid}.message-placement-demo__setting-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.message-placement-demo__setting-head>div{gap:.16rem;display:grid}.message-placement-demo__setting-head p,.message-placement-demo__role-card>p{color:var(--blue);margin:0;font-size:.68rem;font-weight:850}.message-placement-demo__setting-head strong,.message-placement-demo__role-card>strong{color:var(--ink);font-size:.96rem}.message-placement-demo__setting-head>span{color:#94600e;white-space:nowrap;background:#fff8e8;border:1px solid #edcd91;border-radius:999px;padding:.24rem .42rem;font-size:.65rem;font-weight:850}.message-placement-demo__setting-card>p,.message-placement-demo__role-card>span{color:#63708a;margin:0;font-size:.75rem;line-height:1.58}.message-placement-demo__workspace--alert{grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);align-items:center}.message-placement-demo__primary,.message-placement-demo__secondary,.message-placement-demo__text-button{min-height:36px;font:800 .74rem/1.25 var(--font-sans);cursor:pointer;border-radius:.4rem}.message-placement-demo__primary{color:#fff;border:1px solid var(--blue);background:var(--blue);justify-self:start;padding:.55rem .72rem}.message-placement-demo__primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.message-placement-demo__secondary{color:#46536b;border:1px solid var(--line-strong);background:#fff;justify-self:start;padding:.55rem .72rem}.message-placement-demo__secondary:hover{color:var(--blue-dark);background:var(--blue-soft);border-color:#9bc0ff}.message-placement-demo__alert{color:#7d4b0a;background:#fff8eb;border:1px solid #efc58c;border-left:4px solid #d9861b;border-radius:.5rem;align-items:flex-start;gap:.62rem;padding:.75rem .8rem;display:flex}.message-placement-demo__alert[hidden],.message-placement-demo__banner[hidden],.message-placement-demo__secondary[hidden]{display:none}.message-placement-demo__alert svg{color:#ae6812;flex:none;width:20px;height:20px}.message-placement-demo__alert>div{gap:.16rem;display:grid}.message-placement-demo__alert strong{font-size:.77rem}.message-placement-demo__alert span{color:#795522;font-size:.72rem;line-height:1.5}.message-placement-demo__note{color:#637089;margin:0;font-size:.73rem;line-height:1.62}.message-placement-demo__workspace--banner{grid-template-columns:minmax(0,1fr)}.message-placement-demo__banner{color:#445875;border:1px solid #bfd3ee;border-left:4px solid var(--blue);background:#f5f9ff;border-radius:.6rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:.7rem;padding:.82rem;display:grid}.message-placement-demo__banner-icon,.message-placement-demo__callout-icon{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.message-placement-demo__banner-icon{color:var(--blue-dark);background:#e5efff}.message-placement-demo__banner-icon svg,.message-placement-demo__callout-icon svg{width:18px;height:18px}.message-placement-demo__banner>div:nth-child(2){gap:.18rem;min-width:0;display:grid}.message-placement-demo__banner p,.message-placement-demo__callout p{color:var(--blue);margin:0;font-size:.66rem;font-weight:850}.message-placement-demo__banner strong{color:var(--ink);font-size:.82rem;line-height:1.4}.message-placement-demo__banner span{color:#5b6c87;font-size:.72rem;line-height:1.52}.message-placement-demo__icon-button{color:#5f6e86;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;place-items:center;width:30px;height:30px;padding:0;display:grid}.message-placement-demo__icon-button:hover{color:var(--ink);border-color:var(--line-strong);background:#fff}.message-placement-demo__icon-button svg{width:16px;height:16px}.message-placement-demo__member-list{border:1px solid var(--line);background:#fff;border-radius:.58rem;display:grid;overflow:hidden}.message-placement-demo__member-list>div{color:#56637b;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,.9fr) max-content;align-items:center;gap:.5rem;min-height:42px;padding:.48rem .66rem;font-size:.73rem;display:grid}.message-placement-demo__member-list>div:last-child{border-bottom:0}.message-placement-demo__member-list span{color:var(--ink);font-weight:800}.message-placement-demo__member-list small{color:#69768d;font-size:.68rem}.message-placement-demo__member-list b{color:#8c5c14;white-space:nowrap;background:#fff9ea;border:1px solid #ecd093;border-radius:999px;padding:.2rem .36rem;font-size:.6rem}.message-placement-demo__workspace--callout{grid-template-columns:minmax(0,.78fr) minmax(260px,1.22fr);align-items:center}.message-placement-demo__role-card>div{border:1px solid var(--line);background:#fff;border-radius:.48rem;gap:.18rem;padding:.64rem;display:grid}.message-placement-demo__role-card>div b{color:var(--blue-dark);font-size:.77rem}.message-placement-demo__role-card>div span{color:#64718a;font-size:.7rem}.message-placement-demo__callout{background:#f8fbff;border:1px solid #c4d5ec;border-radius:.62rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.68rem;padding:.88rem;display:grid}.message-placement-demo__callout-icon{color:#3f70b5;background:#e6f0ff}.message-placement-demo__callout>div:last-child{gap:.22rem;display:grid}.message-placement-demo__callout strong{color:var(--ink);font-size:.83rem}.message-placement-demo__callout span{color:#596a84;font-size:.73rem;line-height:1.57}.message-placement-demo__text-button{min-height:30px;color:var(--blue-dark);background:0 0;border:0;justify-self:start;padding:.32rem 0;font-size:.71rem}.message-placement-demo__text-button:hover{color:var(--blue);text-underline-offset:.22em;text-decoration:underline}.message-placement-demo__text-button:disabled{color:#58717d;cursor:default}.message-placement-demo button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.message-placement-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.71rem;line-height:1.55}.card-feedback-preview{border:1px solid var(--line);background:#fff;border-radius:.58rem;gap:.42rem;width:100%;padding:.78rem;display:grid;box-shadow:0 8px 15px #172a4f0d}.card-feedback-preview>div{align-items:center;gap:.45rem;min-width:0;display:flex}.card-feedback-preview svg{flex:none;width:17px;height:17px}.card-feedback-preview strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.card-feedback-preview>span{color:#68758c;font-size:.65rem}.card-feedback-preview--toast{color:#187351;background:#f3fcf7;border-color:#afddc8 #afddc8 #afddc8 #249367;border-left-style:solid;border-left-width:4px;justify-self:end;width:87%}.card-feedback-preview--snackbar{color:#fff;background:#17233a;border-color:#273551}.card-feedback-preview--snackbar strong,.card-feedback-preview--snackbar>span{color:#fff}.card-feedback-preview--snackbar b{color:#9dc0ff;background:#223655;border-radius:.26rem;margin-left:auto;padding:.24rem .36rem;font-size:.66rem}.card-feedback-preview--notification{background:#fafcff}.card-feedback-preview--notification i{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e7f0ff}.feedback-lifecycle-demo{min-width:0}.feedback-lifecycle-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.feedback-lifecycle-demo__context{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:.85rem;display:flex}.feedback-lifecycle-demo__context>div{gap:.2rem;min-width:0;display:grid}.feedback-lifecycle-demo__context p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.feedback-lifecycle-demo__context strong{color:var(--ink);font-size:.97rem;line-height:1.38}.feedback-lifecycle-demo__context>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.feedback-lifecycle-demo__workspace{gap:.82rem;min-width:0;display:grid}.feedback-lifecycle-demo__primary,.feedback-lifecycle-demo__secondary,.feedback-lifecycle-demo__text-button{min-height:36px;font:800 .74rem/1.25 var(--font-sans);cursor:pointer;border-radius:.4rem}.feedback-lifecycle-demo__primary{color:#fff;border:1px solid var(--blue);background:var(--blue);justify-self:start;padding:.55rem .72rem}.feedback-lifecycle-demo__primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.feedback-lifecycle-demo__secondary{color:#46536b;border:1px solid var(--line-strong);background:#fff;justify-self:end;padding:.48rem .62rem}.feedback-lifecycle-demo__secondary:hover{color:var(--blue-dark);background:var(--blue-soft);border-color:#9bc0ff}.feedback-lifecycle-demo__workspace--toast{min-height:178px;padding:.2rem;position:relative}.feedback-lifecycle-demo__role-setting{border:1px solid var(--line);background:#fbfcff;border-radius:.62rem;justify-content:space-between;align-items:end;gap:.85rem;max-width:590px;padding:1rem;display:flex}.feedback-lifecycle-demo__role-setting>div{gap:.18rem;display:grid}.feedback-lifecycle-demo__role-setting p{color:var(--blue);margin:0;font-size:.68rem;font-weight:850}.feedback-lifecycle-demo__role-setting strong{color:var(--ink);font-size:.88rem}.feedback-lifecycle-demo__role-setting span{color:#68758c;font-size:.73rem}.feedback-lifecycle-demo__toast{color:#226b51;background:#f4fcf8;border:1px solid #b4dfca;border-left:4px solid #209266;border-radius:.58rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.58rem;width:min(100%,330px);padding:.78rem .82rem;display:grid;position:absolute;top:.35rem;right:.2rem;box-shadow:0 12px 24px #15503b24}.feedback-lifecycle-demo__toast[hidden],.feedback-lifecycle-demo__snackbar[hidden],.feedback-lifecycle-demo__draft-list [hidden]{display:none}.feedback-lifecycle-demo__toast svg{width:19px;height:19px}.feedback-lifecycle-demo__toast>div{gap:.12rem;display:grid}.feedback-lifecycle-demo__toast strong{color:#1e694e;font-size:.75rem}.feedback-lifecycle-demo__toast span{color:#477d68;font-size:.68rem;line-height:1.45}.feedback-lifecycle-demo__toast small{color:#5d8474;white-space:nowrap;font-size:.6rem}.feedback-lifecycle-demo__note{color:#637089;margin:0;font-size:.73rem;line-height:1.62}.feedback-lifecycle-demo__draft-list{border:1px solid var(--line);background:#fff;border-radius:.62rem;display:grid;overflow:hidden}.feedback-lifecycle-demo__draft-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.85rem;min-height:58px;padding:.66rem .76rem;display:flex}.feedback-lifecycle-demo__draft-list>div:last-child{border-bottom:0}.feedback-lifecycle-demo__draft-list>div>div{gap:.18rem;min-width:0;display:grid}.feedback-lifecycle-demo__draft-list strong{color:var(--ink);font-size:.8rem}.feedback-lifecycle-demo__draft-list span{color:#66738a;font-size:.68rem}.feedback-lifecycle-demo__saved-label{color:#476480;background:#f4f8fd;border:1px solid #cbd9e9;border-radius:999px;padding:.24rem .42rem;font-size:.64rem;font-weight:800}.feedback-lifecycle-demo__workspace--snackbar{min-height:196px;position:relative}.feedback-lifecycle-demo__snackbar{color:#f6f8ff;background:#17243b;border:1px solid #263756;border-radius:.58rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.72rem .74rem;display:grid;position:absolute;bottom:.55rem;left:.55rem;right:.55rem;box-shadow:0 12px 25px #141d3038}.feedback-lifecycle-demo__snackbar>svg{color:#a6c6ff;width:18px;height:18px}.feedback-lifecycle-demo__snackbar>span{min-width:0;font-size:.75rem;line-height:1.4}.feedback-lifecycle-demo__snackbar>button:not(.feedback-lifecycle-demo__close){color:#a7c8ff;min-height:31px;font:850 .71rem/1.1 var(--font-sans);cursor:pointer;background:#253b5d;border:1px solid #0000;border-radius:.35rem;padding:.35rem .46rem}.feedback-lifecycle-demo__snackbar>button:not(.feedback-lifecycle-demo__close):hover{color:#fff;background:#31538b}.feedback-lifecycle-demo__close{color:#c7d4ed;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;place-items:center;width:30px;height:30px;padding:0;display:grid}.feedback-lifecycle-demo__close:hover{color:#fff;background:#263b5b;border-color:#52647f}.feedback-lifecycle-demo__close svg{width:16px;height:16px}.feedback-lifecycle-demo__notification-panel{border:1px solid var(--line);background:#fff;border-radius:.64rem;display:grid;overflow:hidden}.feedback-lifecycle-demo__notification-head{border-bottom:1px solid var(--line);background:#fbfcff;justify-content:space-between;align-items:center;gap:.75rem;padding:.78rem .84rem;display:flex}.feedback-lifecycle-demo__notification-head>div{gap:.12rem;display:grid}.feedback-lifecycle-demo__notification-head p{color:var(--blue);margin:0;font-size:.66rem;font-weight:850}.feedback-lifecycle-demo__notification-head strong{color:var(--ink);font-size:.85rem}.feedback-lifecycle-demo__notification-head>span{color:#175cb1;white-space:nowrap;background:#eef6ff;border:1px solid #b9d7fc;border-radius:999px;padding:.25rem .42rem;font-size:.64rem;font-weight:850}.feedback-lifecycle-demo__notification-item{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.64rem;padding:.82rem .84rem;display:grid}.feedback-lifecycle-demo__notification-item:last-child{border-bottom:0}.feedback-lifecycle-demo__notification-item>div:last-child{gap:.2rem;min-width:0;display:grid}.feedback-lifecycle-demo__notification-item strong{color:var(--ink);font-size:.78rem;line-height:1.42}.feedback-lifecycle-demo__notification-item span{color:#66738a;font-size:.7rem;line-height:1.48}.feedback-lifecycle-demo__notification-item small{color:#8490a3;font-size:.64rem}.feedback-lifecycle-demo__notification-dot{background:0 0;border-radius:50%;width:8px;height:8px;margin-top:.35rem}.feedback-lifecycle-demo__notification-item.is-unread{background:#f7fbff}.feedback-lifecycle-demo__notification-item.is-unread .feedback-lifecycle-demo__notification-dot{background:var(--blue);box-shadow:0 0 0 3px #e2efff}.feedback-lifecycle-demo__text-button{min-height:28px;color:var(--blue-dark);background:0 0;border:0;justify-self:start;padding:.25rem 0;font-size:.69rem}.feedback-lifecycle-demo__text-button:hover{color:var(--blue);text-underline-offset:.22em;text-decoration:underline}.feedback-lifecycle-demo__text-button:disabled{color:#5e7088;cursor:default}.feedback-lifecycle-demo button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.feedback-lifecycle-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.71rem;line-height:1.55}@media (width<=720px){.message-placement-demo__app{padding:.8rem}.message-placement-demo__context{flex-direction:column;align-items:stretch}.message-placement-demo__context>span{white-space:normal}.message-placement-demo__workspace--alert,.message-placement-demo__workspace--callout{grid-template-columns:1fr}.message-placement-demo__member-list>div{grid-template-columns:minmax(0,1fr) max-content}.message-placement-demo__member-list small{display:none}.feedback-lifecycle-demo__app{padding:.8rem}.feedback-lifecycle-demo__context{flex-direction:column;align-items:stretch}.feedback-lifecycle-demo__context>span{white-space:normal}.feedback-lifecycle-demo__workspace--toast{min-height:214px}.feedback-lifecycle-demo__role-setting{flex-direction:column;align-items:stretch}.feedback-lifecycle-demo__toast{width:auto;inset:auto .2rem .2rem}.feedback-lifecycle-demo__draft-list>div{flex-direction:column;align-items:stretch}.feedback-lifecycle-demo__secondary{justify-self:start}.feedback-lifecycle-demo__workspace--snackbar{min-height:264px}.feedback-lifecycle-demo__snackbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.feedback-lifecycle-demo__close{grid-area:1/3}.feedback-lifecycle-demo__snackbar>button:not(.feedback-lifecycle-demo__close){grid-column:2;justify-self:start}}.card-tabs-preview{border-bottom:1px solid var(--line-strong);width:100%;color:var(--muted);text-align:center;grid-template-columns:repeat(3,1fr);gap:.1rem;padding:.2rem .2rem 0;font-size:.67rem;font-weight:800;display:grid}.card-tabs-preview span,.card-tabs-preview b{color:inherit;font-size:inherit;padding:.42rem .2rem .5rem}.card-tabs-preview b{color:var(--blue);border-bottom:2px solid var(--blue)}.card-tabs-preview small{color:#59657d;text-align:left;grid-column:1/-1;padding:.65rem .15rem .25rem;font-size:.68rem}.card-accordion-preview{border:1px solid var(--line-strong);color:#45516a;background:#fff;border-radius:.55rem;gap:0;width:100%;font-size:.7rem;font-weight:750;display:grid;overflow:hidden}.card-accordion-preview b,.card-accordion-preview span{border-bottom:1px solid var(--line);color:inherit;justify-content:space-between;padding:.48rem .55rem;display:flex}.card-accordion-preview b{color:var(--ink)}.card-accordion-preview i{color:var(--blue);font-style:normal}.card-accordion-preview small{color:var(--muted);border-bottom:1px solid var(--line);padding:.45rem .55rem;font-size:.63rem}.card-accordion-preview span:last-child{border-bottom:0}.card-disclosure-preview{border:1px solid var(--line-strong);width:min(100%,235px);color:var(--blue);background:#fff;border-radius:.55rem;gap:.6rem;padding:.8rem;font-size:.74rem;display:grid}.card-disclosure-preview b{font-size:.77rem}.card-disclosure-preview span{color:#59657d;border-top:1px solid var(--line);padding-top:.55rem;font-size:.68rem}.content-switching-demo{overflow:hidden}.content-switching-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;max-width:900px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.content-switching-demo__context{border-bottom:1px solid var(--line);gap:.25rem;padding-bottom:.8rem;display:grid}.content-switching-demo__context p{color:var(--blue);margin:0;font-size:.71rem;font-weight:850}.content-switching-demo__context strong{color:var(--ink);font-size:.96rem}.switching-tabs,.switching-accordion,.switching-disclosure,.switching-segmented{gap:.85rem;display:grid}.switching-tabs__list{border-bottom:1px solid var(--line-strong);gap:.1rem;display:flex;overflow-x:auto}.switching-tabs__list button{color:#5d6880;min-height:40px;font:800 .8rem/1.2 var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.5rem .85rem}.switching-tabs__list button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.switching-tabs__list button:focus-visible,.switching-accordion button:focus-visible,.switching-disclosure summary:focus-visible,.switching-segmented__control input:focus-visible+label{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.switching-tabs__panel{border:1px solid var(--line);background:#fbfcff;border-radius:.65rem;padding:1rem}.switching-tabs__panel-label,.switching-segmented__head p,.switching-disclosure>div>p{color:var(--blue);margin:0 0 .25rem;font-size:.69rem;font-weight:850}.switching-tabs__panel h3,.switching-tabs__panel p:last-child{margin:0}.switching-tabs__panel h3{color:var(--ink);margin-bottom:.35rem;font-size:1rem}.switching-tabs__panel p:last-child,.switching-disclosure>div>span{color:var(--muted);font-size:.8rem;line-height:1.6}.content-switching-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.74rem}.switching-accordion{border:1px solid var(--line-strong);border-radius:.7rem;overflow:hidden}.switching-accordion>section+section{border-top:1px solid var(--line)}.switching-accordion h3{margin:0}.switching-accordion button{width:100%;min-height:46px;color:var(--ink);font:850 .83rem/1.3 var(--font-sans);text-align:left;cursor:pointer;background:#fff;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.switching-accordion button span{color:var(--blue);font-size:1.1rem;transition:transform .16s}.switching-accordion button[aria-expanded=true]{background:#fbfcff}.switching-accordion button[aria-expanded=true] span{transform:rotate(180deg)}.switching-accordion [data-accordion-panel]{background:#fbfcff;padding:.1rem .8rem .8rem}.switching-accordion [data-accordion-panel] p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.6}.switching-accordion .field-status{border-top:1px solid var(--line);background:#fff;padding:0 .8rem .8rem}.switching-disclosure{border:1px solid var(--line-strong);background:#fff;border-radius:.7rem;padding:1rem}.switching-disclosure>div{gap:.22rem;display:grid}.switching-disclosure>div strong{color:var(--ink);font-size:.96rem}.switching-disclosure details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.switching-disclosure summary{color:var(--blue);cursor:pointer;padding:.78rem 0;font-size:.82rem;font-weight:850}.switching-disclosure details p{color:var(--muted);margin:0;padding:0 0 .8rem;font-size:.79rem;line-height:1.65}.switching-segmented__head{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.switching-segmented__head strong{color:var(--ink);font-size:.94rem}.switching-segmented__head>span{color:var(--blue);white-space:nowrap;font-size:.75rem;font-weight:850}.switching-segmented__control{border:1px solid var(--line-strong);background:#f7f9fd;border-radius:.65rem;grid-template-columns:repeat(3,1fr);gap:.25rem;margin:0;padding:.3rem;display:grid}.switching-segmented__control input{opacity:0;width:1px;height:1px;position:absolute}.switching-segmented__control label{min-height:39px;color:var(--muted);cursor:pointer;border-radius:.45rem;place-items:center;padding:.35rem .5rem;font-size:.79rem;font-weight:850;display:grid}.switching-segmented__control input:checked+label{color:var(--blue-dark);background:#fff;box-shadow:0 1px 3px #101a371f}.switching-segmented__preview{border:1px solid var(--line);background:#fff;border-radius:.65rem;gap:.35rem;padding:.35rem;display:grid}.switching-segmented__preview[data-view=board]{background:#fbfcff;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.45rem;padding:.55rem}.switching-segmented__preview[data-view=calendar]{background:#fbfcff;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.55rem}.switching-segmented__row{color:#42506a;background:#fff;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.78rem;display:flex}.switching-segmented__preview[data-view=list] .switching-segmented__row+.switching-segmented__row{border-top:1px solid var(--line)}.switching-segmented__preview[data-view=board] .switching-segmented__row,.switching-segmented__preview[data-view=calendar] .switching-segmented__row{border:1px solid var(--line);align-content:start;gap:.35rem;min-height:74px;display:grid}.switching-segmented__row strong{color:var(--ink);font-weight:800}.switching-segmented__row span{color:var(--blue);font-size:.7rem;font-weight:800}@media (width<=720px){.content-switching-demo__app{padding:.8rem}.switching-tabs__list{width:100%}.switching-tabs__list button{flex:none}.switching-segmented__head{flex-direction:column}.switching-segmented__preview[data-view=board],.switching-segmented__preview[data-view=calendar]{grid-template-columns:1fr}}.card-breadcrumb-preview{border:1px solid var(--line-strong);color:#4f5c75;background:#fff;border-radius:.55rem;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.7rem;font-size:.72rem;font-weight:750;display:flex}.card-breadcrumb-preview i{color:#8a94a8;font-style:normal}.card-breadcrumb-preview b{color:var(--ink)}.card-pagination-preview{border:1px solid var(--line-strong);width:min(100%,220px);color:var(--muted);background:#fff;border-radius:.55rem;gap:.65rem;padding:.72rem;font-size:.69rem;display:grid}.card-pagination-preview>div{justify-content:flex-end;gap:.35rem;display:flex}.card-pagination-preview i,.card-pagination-preview b{border:1px solid var(--line);width:27px;height:27px;color:var(--ink);border-radius:.35rem;place-items:center;font-style:normal;display:grid}.card-pagination-preview b{color:#fff;border-color:var(--blue);background:var(--blue)}.card-stepper-preview{grid-template-columns:repeat(4,1fr);gap:.2rem;width:100%;display:grid}.card-stepper-preview>span{color:#6e7890;text-align:center;place-items:center;gap:.22rem;font-size:.72rem;font-weight:850;display:grid;position:relative}.card-stepper-preview>span:before{z-index:0;background:var(--line-strong);content:"";width:calc(100% - 2px);height:2px;position:absolute;top:15px;left:calc(15px - 50%)}.card-stepper-preview>span:first-child:before{display:none}.card-stepper-preview>span>b{z-index:1;width:30px;height:30px;color:inherit;border:1px solid var(--line-strong);background:#fff;border-radius:50%;place-items:center;font-size:.78rem;display:grid;position:relative}.card-stepper-preview>span>small{z-index:1;color:inherit;font-size:.57rem;position:relative}.card-stepper-preview .is-complete,.card-stepper-preview .is-current{color:var(--blue)}.card-stepper-preview .is-complete:before,.card-stepper-preview .is-current:before{background:var(--blue)}.card-stepper-preview .is-complete>b,.card-stepper-preview .is-current>b{color:#fff;border-color:var(--blue);background:var(--blue)}.card-progress-indicator-preview{border:1px solid var(--line-strong);width:min(100%,240px);color:var(--ink);background:#fff;border-radius:.55rem;gap:.45rem;padding:.75rem;font-size:.74rem;display:grid}.card-progress-indicator-preview>span{justify-content:space-between;display:flex}.card-progress-indicator-preview b{color:var(--blue)}.card-progress-indicator-preview>i{background:#e6ebf4;border-radius:999px;height:8px;display:block;overflow:hidden}.card-progress-indicator-preview>i>b{background:var(--blue);width:50%;height:100%;display:block}.card-progress-indicator-preview small{color:var(--muted);font-size:.67rem}.card-toc-preview{border:1px solid var(--line-strong);color:#56617a;background:#fff;border-radius:.55rem;gap:.38rem;width:min(100%,200px);padding:.7rem;font-size:.72rem;display:grid}.card-toc-preview strong{color:var(--ink);margin-bottom:.1rem;font-size:.78rem}.card-toc-preview b{color:var(--blue);border-left:2px solid var(--blue);padding-left:.45rem}.card-anchor-preview{border:1px solid var(--line-strong);background:#fff;border-radius:.55rem;gap:.4rem;width:min(100%,210px);padding:.75rem;display:grid}.card-anchor-preview span{color:var(--muted);font-size:.68rem}.card-anchor-preview b{color:var(--blue);font-size:.82rem}.card-anchor-preview small{color:#57627a;font:.63rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.wayfinding-demo{overflow:hidden}.wayfinding-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.wayfinding-demo__breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.42rem;font-size:.76rem;font-weight:750;display:flex}.wayfinding-demo__breadcrumb a{color:#3e4b66;text-decoration:none}.wayfinding-demo__breadcrumb a:hover,.wayfinding-demo__breadcrumb a:focus-visible{color:var(--blue);text-underline-offset:.2em;text-decoration:underline}.wayfinding-demo__breadcrumb [aria-current]{color:var(--ink)}.wayfinding-demo__context{border:1px solid var(--line);background:#f7f9fd;border-radius:.7rem;gap:.35rem;padding:1rem;display:grid}.wayfinding-demo__context p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.wayfinding-demo__context h3{color:var(--ink);margin:0;font-size:1.05rem}.wayfinding-demo__context span{color:var(--muted);font-size:.8rem;line-height:1.55}.wayfinding-demo__flow,.wayfinding-demo__progress-panel,.wayfinding-demo__records,.wayfinding-demo__article-grid{border:1px solid var(--line);background:#fff;border-radius:.7rem}.wayfinding-demo__flow{gap:1rem;padding:1rem;display:grid}.wayfinding-demo__flow-head,.wayfinding-demo__records-head{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.wayfinding-demo__flow-head p,.wayfinding-demo__records-head p,.wayfinding-demo__progress-panel p{color:var(--muted);margin:0 0 .22rem;font-size:.71rem;font-weight:850}.wayfinding-demo__flow-head strong,.wayfinding-demo__records-head strong{color:var(--ink);font-size:.94rem}.wayfinding-demo__flow-head>span,.wayfinding-demo__records-head>span{color:var(--blue);white-space:nowrap;padding-top:.15rem;font-size:.72rem;font-weight:800}.wayfinding-demo__stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.wayfinding-demo__stepper li{color:#707b91;text-align:center;justify-items:center;gap:.34rem;min-width:0;font-size:.68rem;display:grid;position:relative}.wayfinding-demo__stepper li:before{content:"";background:#dce3ee;height:2px;position:absolute;top:15px;left:calc(16px - 50%);right:calc(50% + 16px)}.wayfinding-demo__stepper li:first-child:before{display:none}.wayfinding-demo__stepper li.is-complete:before,.wayfinding-demo__stepper li.is-current:before{background:var(--blue)}.wayfinding-demo__stepper li>span{z-index:1;width:31px;height:31px;color:inherit;background:#fff;border:1px solid #b7c0d0;border-radius:50%;place-items:center;font-weight:900;display:grid;position:relative}.wayfinding-demo__stepper li.is-complete>span,.wayfinding-demo__stepper li.is-current>span{color:#fff;border-color:var(--blue);background:var(--blue)}.wayfinding-demo__stepper strong{max-width:112px;color:inherit;font-size:.72rem;line-height:1.35}.wayfinding-demo__stepper small{color:inherit;font-size:.64rem}.wayfinding-demo__stepper li.is-current strong,.wayfinding-demo__stepper li.is-current small{color:var(--blue)}.wayfinding-demo__step-content{background:#f7f9fd;border-radius:.55rem;justify-content:space-between;align-items:end;gap:1rem;padding:.85rem;display:flex}.wayfinding-demo__step-content p{color:var(--blue);margin:0 0 .25rem;font-size:.69rem;font-weight:850}.wayfinding-demo__step-content h3{color:var(--ink);margin:0 0 .3rem;font-size:1rem}.wayfinding-demo__step-content span{color:var(--muted);font-size:.78rem;line-height:1.55}.wayfinding-demo__step-actions{flex-wrap:wrap;gap:.5rem;display:flex}.wayfinding-demo button{color:#36415a;border:1px solid var(--line-strong);min-height:36px;font:800 .76rem/1 var(--font-sans);cursor:pointer;background:#fff;border-radius:.45rem;padding:.45rem .7rem}.wayfinding-demo button:hover:not(:disabled),.wayfinding-demo button:focus-visible{color:var(--blue);border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:0}.wayfinding-demo button:disabled{opacity:.5;cursor:not-allowed}.wayfinding-demo button.primary-link{color:#fff;border-color:var(--blue);background:var(--blue)}.wayfinding-demo button.primary-link:hover:not(:disabled),.wayfinding-demo button.primary-link:focus-visible{color:#fff;box-shadow:0 0 0 3px var(--blue-soft)}.wayfinding-demo .field-status{color:#5f6a80;margin:0;font-size:.72rem}.wayfinding-demo__progress-panel{background:#fbfcff;grid-template-columns:minmax(145px,.8fr) minmax(160px,1.2fr) auto;align-items:center;gap:.9rem;padding:.9rem 1rem;display:grid}.wayfinding-demo__progress-panel strong{color:var(--ink);font-size:.82rem}.wayfinding-demo__progress-panel progress{width:100%;height:10px;accent-color:var(--blue);background:#e4eaf3;border:0;border-radius:999px;overflow:hidden}.wayfinding-demo__progress-panel progress::-webkit-progress-bar{background:#e4eaf3}.wayfinding-demo__progress-panel progress::-webkit-progress-value{background:var(--blue)}.wayfinding-demo__progress-panel progress::-moz-progress-bar{background:var(--blue)}.wayfinding-demo__progress-panel .field-status{grid-column:1/-1}.wayfinding-demo__records{overflow:hidden}.wayfinding-demo__records-head{padding:.9rem 1rem .6rem}.wayfinding-demo__table-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto}.wayfinding-demo__records table{border-collapse:collapse;width:100%;min-width:480px}.wayfinding-demo__records th,.wayfinding-demo__records td{border-bottom:1px solid var(--line);color:#43506a;text-align:left;padding:.68rem .85rem;font-size:.75rem}.wayfinding-demo__records th{color:var(--ink);background:#f7f9fd;font-weight:850}.wayfinding-demo__records tbody tr:last-child td{border-bottom:0}.wayfinding-demo__pagination{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;padding:.75rem 1rem .2rem;display:flex}.wayfinding-demo__pagination button[aria-current=page]{color:#fff;border-color:var(--blue);background:var(--blue)}.wayfinding-demo__records>.field-status{padding:.15rem 1rem .8rem}.wayfinding-demo__article-grid{grid-template-columns:minmax(154px,.45fr) minmax(0,1.55fr);display:grid;overflow:hidden}.wayfinding-demo__toc{border-right:1px solid var(--line);background:#fbfcff;align-content:start;gap:.28rem;padding:.95rem;display:grid}.wayfinding-demo__toc strong{color:var(--ink);padding-bottom:.35rem;font-size:.78rem}.wayfinding-demo__toc a{color:#59657d;border-left:2px solid #0000;padding:.38rem .45rem;font-size:.74rem;font-weight:750;text-decoration:none}.wayfinding-demo__toc a[aria-current=location],.wayfinding-demo__toc a:hover,.wayfinding-demo__toc a:focus-visible{color:var(--blue);border-left-color:var(--blue);background:var(--blue-soft);outline:0}.wayfinding-demo__anchor-nav{border:1px solid var(--line);background:#fbfcff;border-radius:.7rem;flex-wrap:wrap;gap:.45rem;padding:.75rem;display:flex}.wayfinding-demo__anchor-nav a{color:#59657d;border:1px solid var(--line-strong);border-radius:999px;padding:.45rem .62rem;font-size:.74rem;font-weight:800;text-decoration:none}.wayfinding-demo__anchor-nav a[aria-current=location],.wayfinding-demo__anchor-nav a:hover,.wayfinding-demo__anchor-nav a:focus-visible{color:#fff;border-color:var(--blue);background:var(--blue);outline:0}.wayfinding-demo__article{gap:1rem;padding:1rem;display:grid}.wayfinding-demo__article--anchor{border:1px solid var(--line);background:#fff;border-radius:.7rem}.wayfinding-demo__article section{scroll-margin-top:1rem}.wayfinding-demo__article section:focus{outline:3px solid var(--blue-soft);outline-offset:.3rem}.wayfinding-demo__article h3{color:var(--ink);margin:0 0 .35rem;font-size:.9rem}.wayfinding-demo__article p{color:var(--muted);margin:0;font-size:.77rem;line-height:1.58}@media (width<=720px){.wayfinding-demo__app,.wayfinding-demo__flow,.wayfinding-demo__records-head,.wayfinding-demo__progress-panel{padding:.8rem}.wayfinding-demo__flow-head,.wayfinding-demo__records-head,.wayfinding-demo__step-content{flex-direction:column;align-items:flex-start}.wayfinding-demo__stepper{gap:.1rem}.wayfinding-demo__stepper strong{max-width:68px;font-size:.64rem}.wayfinding-demo__stepper small{display:none}.wayfinding-demo__stepper li:before{top:14px;left:calc(14px - 50%);right:calc(50% + 14px)}.wayfinding-demo__stepper li>span{width:28px;height:28px}.wayfinding-demo__step-actions{width:100%}.wayfinding-demo__step-actions button{flex:1}.wayfinding-demo__progress-panel{grid-template-columns:1fr;gap:.55rem}.wayfinding-demo__progress-panel button{width:100%}.wayfinding-demo__pagination{justify-content:flex-start;padding-inline:.8rem}.wayfinding-demo__article-grid{grid-template-columns:1fr}.wayfinding-demo__toc{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr}.wayfinding-demo__toc strong{grid-column:1/-1}.wayfinding-demo__article{gap:.9rem;padding:.85rem}}.card-command-preview{border:1px solid var(--line-strong);color:#56617a;background:#fff;border-radius:.55rem;gap:.42rem;width:min(100%,210px);padding:.72rem;font-size:.7rem;display:grid}.card-command-preview>b{color:var(--ink);border:1px solid var(--line-strong);border-radius:.4rem;justify-content:space-between;align-items:center;gap:.45rem;padding:.46rem .56rem;font-size:.75rem;display:flex}.card-command-preview>b.is-primary{color:#fff;border-color:var(--blue);background:var(--blue)}.card-command-preview>b i,.card-command-preview>div i{font-style:normal}.card-command-preview>span{color:#4e5b75;padding-left:.52rem}.card-command-preview>span.is-danger{color:var(--danger)}.card-command-preview>small{color:var(--muted);font-size:.66rem}.card-command-preview>div{color:var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:.35rem;display:flex}.card-command-preview>div i{width:24px;height:24px;color:var(--blue);border:1px solid var(--line-strong);border-radius:.35rem;place-items:center;font-size:1rem;display:grid}.card-palette-preview{border:1px solid var(--line-strong);color:#536078;background:#fff;border-radius:.55rem;gap:.42rem;width:min(100%,225px);padding:.7rem;font-size:.69rem;display:grid}.card-palette-preview>b{color:#50607d;border:2px solid #8db6ff;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.45rem;padding:.48rem .55rem;font-size:.72rem;font-weight:750;display:flex}.card-palette-preview>b i{color:#526179;border:1px solid var(--line-strong);border-radius:.25rem;padding:.12rem .25rem;font-size:.58rem;font-style:normal}.card-palette-preview>span{border-radius:.3rem;padding:.22rem .36rem}.card-palette-preview>span:first-of-type{color:var(--blue-dark);background:var(--blue-soft);font-weight:800}.command-demo{overflow:visible}.command-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;position:relative;box-shadow:0 10px 24px #101a3712}.command-demo__context,.command-demo__surface-head,.command-demo__toolbar,.command-demo__task-row,.command-demo__palette-callout,.command-demo__confirm{justify-content:space-between;align-items:flex-start;gap:.85rem;min-width:0;display:flex}.command-demo__context{border-bottom:1px solid var(--line);padding-bottom:.85rem}.command-demo__context>div,.command-demo__surface-head>div,.command-demo__palette-callout>div,.command-demo__task-row>div,.command-demo__confirm>div:first-child{gap:.2rem;min-width:0;display:grid}.command-demo__context p,.command-demo__surface-head p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.command-demo__context strong,.command-demo__surface-head strong{color:var(--ink);font-size:.97rem;line-height:1.38}.command-demo__context>span,.command-demo__surface-head>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.command-demo__surface{border:1px solid var(--line);background:#fbfcff;border-radius:.7rem;gap:.9rem;min-width:0;padding:1rem;display:grid;position:relative}.command-demo__toolbar{align-items:center;min-height:42px;position:relative}.command-demo button{min-height:38px;font:800 .78rem/1.25 var(--font-sans);cursor:pointer;border-radius:.46rem}.command-demo button:focus-visible,.command-demo__task-row:focus-visible,.command-demo__palette-input:focus-within{outline:3px solid color-mix(in srgb, var(--blue) 34%, transparent);outline-offset:2px}.command-demo__trigger{color:#36415a;border:1px solid var(--line-strong);background:#fff;justify-content:center;align-items:center;gap:.42rem;padding:.55rem .72rem;display:inline-flex}.command-demo__trigger:hover,.command-demo__trigger[aria-expanded=true]{color:var(--blue-dark);border-color:var(--blue);background:var(--blue-soft)}.command-demo__trigger--primary{color:#fff;border-color:var(--blue);background:var(--blue)}.command-demo__trigger--primary:hover,.command-demo__trigger--primary[aria-expanded=true]{color:#fff;background:var(--blue-dark)}.command-demo__trigger kbd,.command-demo__surface-head kbd,.command-demo__palette kbd{color:inherit;font:700 .61rem/1 var(--font-sans);opacity:.82;border:1px solid;border-radius:.25rem;padding:.12rem .27rem}.command-demo__hint{min-width:0;color:var(--muted);margin:0;font-size:.72rem;line-height:1.55}.command-demo__menu{z-index:5;border:1px solid var(--line-strong);background:#fff;border-radius:.55rem;min-width:188px;padding:.32rem;display:grid;position:absolute;top:calc(100% + .42rem);left:0;box-shadow:0 12px 28px #101a3729}.command-demo__menu[hidden],.command-demo__confirm[hidden],.command-demo__palette-backdrop[hidden]{display:none}.command-demo__menu button{color:#37445f;text-align:left;background:0 0;border:0;border-radius:.35rem;width:100%;min-height:35px;padding:.45rem .56rem;font-size:.75rem}.command-demo__menu button:hover,.command-demo__menu button:focus-visible{color:var(--blue-dark);background:var(--blue-soft);outline:0}.command-demo__menu button.is-danger{color:var(--danger)}.command-demo__menu button.is-danger:hover,.command-demo__menu button.is-danger:focus-visible{background:#fff0f0}.command-demo__menu hr{background:var(--line);border:0;width:100%;height:1px;margin:.25rem 0}.command-demo__summary{border:1px solid var(--line);background:#fff;border-radius:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.command-demo__summary span{color:var(--muted);gap:.18rem;padding:.72rem;font-size:.7rem;display:grid}.command-demo__summary span+span{border-left:1px solid var(--line)}.command-demo__summary b{color:var(--ink);font-size:1rem}.command-demo .field-status{color:#5f6a80;min-height:1.3rem;margin:0;font-size:.73rem;line-height:1.5}.command-demo__report-list{border:1px solid var(--line);background:#fff;border-radius:.55rem;display:grid;overflow:hidden}.command-demo__report-list>span{gap:.18rem;padding:.72rem .78rem;display:grid}.command-demo__report-list>span+span{border-top:1px solid var(--line)}.command-demo__report-list b{color:var(--ink);font-size:.8rem}.command-demo__report-list small{color:var(--muted);font-size:.69rem}.command-demo__task-row{border:1px solid var(--line-strong);background:#fff;border-radius:.55rem;align-items:center;padding:.85rem;position:relative}.command-demo__task-row>div:first-child{flex:1}.command-demo__task-row strong{color:var(--ink);font-size:.82rem}.command-demo__task-row span{color:var(--muted);font-size:.7rem;line-height:1.45}.command-demo__state{background:var(--blue-soft);white-space:nowrap;border:1px solid #bcd3ff;border-radius:999px;flex:none;padding:.25rem .4rem;font-weight:850;color:var(--blue)!important;font-size:.65rem!important}.command-demo__secondary-trigger{color:#3c4963;border:1px solid var(--line-strong);background:#fff;flex:none;padding:.46rem .62rem}.command-demo__secondary-trigger:hover{color:var(--blue);border-color:var(--blue)}.command-demo__icon-trigger{color:#3c4963;border:1px solid var(--line-strong);background:#fff;flex:none;place-items:center;width:38px;padding:0;display:grid}.command-demo__icon-trigger:hover,.command-demo__icon-trigger[aria-expanded=true]{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.command-demo__icon-trigger span{color:currentColor;font-size:1.25rem;line-height:.6}.command-demo__menu--context,.command-demo__menu--overflow{top:calc(100% - .1rem);left:auto;right:.7rem}.command-demo__confirm{background:#fff6f6;border:1px solid #efb7b7;border-radius:.55rem;align-items:center;padding:.8rem}.command-demo__confirm strong{color:#8f2424;font-size:.8rem}.command-demo__confirm span{color:#855c64;font-size:.7rem;line-height:1.5}.command-demo__confirm>div:last-child{flex-wrap:wrap;flex:none;gap:.45rem;display:flex}.command-demo__confirm button{color:#3d4860;border:1px solid var(--line-strong);background:#fff;padding:.45rem .62rem}.command-demo__confirm button.is-danger-button{color:#fff;border-color:var(--danger);background:var(--danger)}.command-demo__palette-callout{background:#f5f8ff;border:1px solid #cbdcff;border-radius:.6rem;align-items:center;padding:1rem}.command-demo__palette-callout strong{color:var(--ink);font-size:.87rem}.command-demo__palette-callout span{color:var(--muted);font-size:.73rem;line-height:1.55}.command-demo__quick-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.command-demo__quick-list span{color:#55617a;border:1px solid var(--line);background:#fff;border-radius:.45rem;padding:.65rem;font-size:.72rem}.command-demo__palette-backdrop{z-index:50;background:#0f1d4259;place-items:start center;padding:min(14vh,110px) 1rem 1rem;display:grid;position:fixed;inset:0}.command-demo__palette{background:#fff;border:1px solid #b9c8e5;border-radius:.75rem;width:min(100%,580px);max-height:calc(100vh - 2rem);display:grid;overflow:auto;box-shadow:0 20px 48px #0f1d4247}.command-demo__palette-head{color:var(--ink);justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem .85rem .42rem;font-size:.78rem;font-weight:850;display:flex}.command-demo__palette-head button{color:#56617a;border:1px solid var(--line-strong);background:#fff;min-height:30px;padding:.28rem .45rem;font-size:.66rem}.command-demo__palette-input{color:#5372a8;border:2px solid #78a9ff;border-radius:.48rem;align-items:center;gap:.55rem;margin:0 .85rem .5rem;padding:.45rem .58rem;display:flex}.command-demo__palette-input svg{flex:none;width:18px;height:18px}.command-demo__palette-input input{width:100%;min-width:0;color:var(--ink);font:750 .82rem/1.35 var(--font-sans);background:0 0;border:0;outline:0}.command-demo__palette-input input::placeholder{color:#758199}.command-demo__palette-result-count{color:var(--muted);margin:.05rem .85rem .36rem;font-size:.68rem}.command-demo__palette-list{gap:.18rem;padding:0 .5rem .55rem;display:grid}.command-demo__palette-list button{color:#3c4963;text-align:left;background:#fff;border:0;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.8rem;width:100%;min-height:55px;padding:.58rem .65rem;display:flex}.command-demo__palette-list button[aria-selected=true],.command-demo__palette-list button:hover,.command-demo__palette-list button:focus-visible{color:var(--blue-dark);background:var(--blue-soft);outline:0}.command-demo__palette-list button>span{gap:.16rem;min-width:0;display:grid}.command-demo__palette-list b{color:currentColor;font-size:.78rem}.command-demo__palette-list small{color:#67738b;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.command-demo__palette-foot{border-top:1px solid var(--line);color:#647087;flex-wrap:wrap;gap:.7rem;padding:.55rem .85rem;font-size:.65rem;display:flex}@media (width<=720px){.command-demo__app{padding:.8rem}.command-demo__context,.command-demo__surface-head,.command-demo__toolbar,.command-demo__task-row,.command-demo__palette-callout,.command-demo__confirm{flex-direction:column;align-items:stretch}.command-demo__context>span,.command-demo__surface-head>span{white-space:normal}.command-demo__toolbar{gap:.55rem}.command-demo__menu{width:100%;min-width:0;position:static}.command-demo__summary,.command-demo__quick-list{grid-template-columns:1fr}.command-demo__summary span+span{border-top:1px solid var(--line);border-left:0}.command-demo__task-row>div:first-child{width:100%}.command-demo__state{align-self:flex-start}.command-demo__secondary-trigger{width:100%}.command-demo__icon-trigger{align-self:flex-end}.command-demo__confirm>div:last-child{width:100%}.command-demo__confirm>div:last-child button{flex:1}.command-demo__palette-backdrop{align-items:start;padding:1rem .65rem}.command-demo__palette{width:100%}.command-demo__palette-list small{white-space:normal}}.card-hierarchy-preview{color:#4c5972;gap:.38rem;width:min(100%,234px);font-size:.7rem;line-height:1.35;display:grid}.card-hierarchy-preview span,.card-hierarchy-preview strong,.card-hierarchy-preview b{text-overflow:ellipsis;white-space:nowrap;padding:.18rem .35rem;overflow:hidden}.card-hierarchy-preview--tree{border:1px solid var(--line-strong);background:#fff;border-radius:.55rem;padding:.68rem}.card-hierarchy-preview--tree i{color:var(--blue);font-style:normal}.card-hierarchy-preview--tree b{color:var(--blue-dark);outline-offset:-2px;background:var(--blue-soft);border-radius:.28rem;outline:2px solid #8eb9ff}.card-hierarchy-preview--nested{padding-left:.35rem}.card-hierarchy-preview--nested strong{color:var(--ink)}.card-hierarchy-preview--nested b{color:#4e5d77;font-weight:700}.card-treegrid-preview{border:1px solid var(--line-strong);color:#4f5b73;background:#fff;border-radius:.48rem;width:min(100%,245px);font-size:.64rem;display:grid;overflow:hidden}.card-treegrid-preview>div,.card-treegrid-preview>span{grid-template-columns:minmax(0,1.35fr) .8fr .48fr;align-items:center;gap:.25rem;padding:.44rem .48rem;display:grid}.card-treegrid-preview>div{color:var(--ink);background:#f5f8fc;font-size:.61rem}.card-treegrid-preview>span+span{border-top:1px solid var(--line)}.card-treegrid-preview .is-child{background:#fbfdff;padding-left:.82rem}.card-treegrid-preview i{color:var(--blue);font-style:normal}.card-treegrid-preview em{color:var(--blue-dark);font-style:normal}.card-treegrid-preview small{color:var(--muted);text-align:right}.card-expandable-row-preview{border:1px solid var(--line-strong);color:#536078;background:#fff;border-radius:.5rem;width:min(100%,245px);font-size:.68rem;display:grid;overflow:hidden}.card-expandable-row-preview>div{grid-template-columns:minmax(0,1fr) .72fr .62fr;align-items:center;gap:.35rem;padding:.58rem;display:grid}.card-expandable-row-preview>div b{color:var(--ink)}.card-expandable-row-preview>div small{color:var(--blue-dark)}.card-expandable-row-preview>strong{color:var(--blue-dark);border-top:1px solid var(--line);background:var(--blue-soft);padding:.46rem .58rem;font-size:.67rem}.card-expandable-row-preview p{color:var(--muted);margin:0;padding:.42rem .58rem .55rem;font-size:.64rem}.hierarchy-demo{overflow:visible}.hierarchy-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.hierarchy-demo__context,.hierarchy-demo__surface-head{justify-content:space-between;align-items:flex-start;gap:.85rem;min-width:0;display:flex}.hierarchy-demo__context{border-bottom:1px solid var(--line);padding-bottom:.85rem}.hierarchy-demo__context>div,.hierarchy-demo__surface-head>div{gap:.2rem;min-width:0;display:grid}.hierarchy-demo__context p,.hierarchy-demo__surface-head p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.hierarchy-demo__context strong,.hierarchy-demo__surface-head strong{color:var(--ink);font-size:.97rem;line-height:1.38}.hierarchy-demo__context>span,.hierarchy-demo__surface-head>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.hierarchy-demo__surface{border:1px solid var(--line);background:#fbfcff;border-radius:.7rem;gap:.85rem;min-width:0;padding:1rem;display:grid}.hierarchy-demo__hint{color:#66728a;margin:0;font-size:.74rem;line-height:1.6}.hierarchy-demo .field-status{color:#5f6a80;min-height:1.3rem;margin:0;font-size:.73rem;line-height:1.5}.hierarchy-demo button{font:800 .76rem/1.3 var(--font-sans);cursor:pointer}.hierarchy-demo button:focus-visible,.hierarchy-demo__tree-item:focus-visible,.hierarchy-demo__grid-row:focus-visible,.hierarchy-demo__grid-wrap:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 34%, transparent);outline-offset:2px}.hierarchy-demo__tree-panel{border:1px solid var(--line);background:#fff;border-radius:.58rem;overflow:hidden}.hierarchy-demo__tree,.hierarchy-demo__tree ul{gap:.13rem;margin:0;padding:.38rem;list-style:none;display:grid}.hierarchy-demo__tree ul{border-left:1px solid #dce5f3;margin-left:1.05rem;padding:.08rem 0 .08rem .55rem}.hierarchy-demo__tree-item{color:#3f4c65;cursor:default;border-radius:.4rem;outline:0}.hierarchy-demo__tree-item[aria-selected=true]>.hierarchy-demo__tree-row{color:var(--blue-dark);box-shadow:inset 3px 0 0 var(--blue);background:var(--blue-soft);font-weight:850}.hierarchy-demo__tree-row{border-radius:.38rem;grid-template-columns:26px 18px minmax(0,1fr) auto;align-items:center;gap:.35rem;min-height:34px;padding:.35rem .45rem;font-size:.76rem;display:grid}.hierarchy-demo__tree-row small{color:#77839a;white-space:nowrap;font-size:.64rem;font-weight:700}.hierarchy-demo__disclosure{color:#526886;background:0 0;border:0;border-radius:.32rem;place-items:center;width:24px;height:24px;padding:0;display:grid}.hierarchy-demo__disclosure:hover{color:var(--blue-dark);background:#e9f1ff}.hierarchy-demo__disclosure svg{width:15px;height:15px;transition:transform .16s}.hierarchy-demo__tree-item[aria-expanded=false]>.hierarchy-demo__tree-row .hierarchy-demo__disclosure svg{transform:rotate(-90deg)}.hierarchy-demo__disclosure--empty{width:24px;height:24px;display:block}.hierarchy-demo__node-icon{color:#5874a1;font-size:.82rem}.hierarchy-demo__nested-panel{border:1px solid var(--line);background:#fff;border-radius:.58rem;padding:.95rem 1.05rem}.hierarchy-demo__nested-list,.hierarchy-demo__nested-list ul{color:#48556e;gap:.42rem;margin:0;font-size:.78rem;line-height:1.45;display:grid}.hierarchy-demo__nested-list{padding-left:1rem}.hierarchy-demo__nested-list ul{margin-top:.35rem;padding-left:1.15rem}.hierarchy-demo__nested-list li::marker{color:var(--blue)}.hierarchy-demo__nested-list strong{color:var(--ink)}.hierarchy-demo__note{color:#5b6780;background:#f5f8ff;border-left:3px solid #8cb7ff;padding:.7rem .8rem;font-size:.72rem;line-height:1.6}.hierarchy-demo__note strong{color:var(--ink)}.hierarchy-demo__grid-wrap,.hierarchy-demo__table-wrap{border:1px solid var(--line);background:#fff;border-radius:.58rem;max-width:100%;overflow-x:auto}.hierarchy-demo__treegrid{min-width:640px}.hierarchy-demo__grid-row{color:#4d5a73;border-bottom:1px solid var(--line);outline:0;grid-template-columns:minmax(255px,1.55fr) minmax(106px,.75fr) minmax(95px,.62fr) 86px;min-width:640px;font-size:.72rem;display:grid}.hierarchy-demo__grid-row:last-child{border-bottom:0}.hierarchy-demo__grid-row>span{border-right:1px solid var(--line);align-items:center;gap:.35rem;min-height:43px;padding:.5rem .65rem;display:flex}.hierarchy-demo__grid-row>span:last-child{border-right:0}.hierarchy-demo__grid-row--head{color:var(--ink);background:#f5f8fc;font-size:.68rem;font-weight:850}.hierarchy-demo__grid-row[aria-selected=true]{color:var(--blue-dark);background:var(--blue-soft);font-weight:800}.hierarchy-demo__grid-row--child>span:first-child{padding-left:1.62rem}.hierarchy-demo__grid-toggle{color:#526886;background:0 0;border:0;border-radius:.28rem;flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid}.hierarchy-demo__grid-toggle:hover{color:var(--blue-dark);background:#e9f1ff}.hierarchy-demo__grid-toggle svg{width:15px;height:15px;transition:transform .16s}.hierarchy-demo__grid-row[aria-expanded=false] .hierarchy-demo__grid-toggle svg{transform:rotate(-90deg)}.hierarchy-demo__grid-toggle--empty{width:22px;height:22px}.hierarchy-demo__status-dot{background:#1b9b6c;border-radius:50%;width:7px;height:7px}.hierarchy-demo__status-dot.is-planning{background:#5b91ef}.hierarchy-demo__row-table{border-collapse:collapse;color:#4b5871;width:100%;min-width:650px;font-size:.72rem}.hierarchy-demo__row-table caption{color:var(--ink);text-align:left;padding:.62rem .72rem .38rem;font-size:.73rem;font-weight:850}.hierarchy-demo__row-table th,.hierarchy-demo__row-table td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:.62rem .7rem}.hierarchy-demo__row-table thead th{color:var(--ink);background:#f5f8fc;font-size:.67rem}.hierarchy-demo__row-table tbody>tr:not([hidden]):hover>th,.hierarchy-demo__row-table tbody>tr:not([hidden]):hover>td{background:#fbfdff}.hierarchy-demo__state-chip{color:var(--blue-dark);background:var(--blue-soft);white-space:nowrap;border:1px solid #c0d6ff;border-radius:999px;padding:.2rem .38rem;font-size:.64rem;font-weight:850;display:inline-flex}.hierarchy-demo__state-chip.is-neutral{color:#65728a;border-color:var(--line-strong);background:#f7f9fc}.hierarchy-demo__detail-button{color:#3e4b63;border:1px solid var(--line-strong);white-space:nowrap;background:#fff;border-radius:.36rem;min-height:32px;padding:.38rem .52rem}.hierarchy-demo__detail-button:hover,.hierarchy-demo__detail-button[aria-expanded=true]{color:var(--blue-dark);border-color:var(--blue);background:var(--blue-soft)}.hierarchy-demo__detail-panel{background:#f5f9ff;border:1px solid #c7dcff;border-radius:.48rem;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:1rem;margin:-.05rem;padding:.82rem;display:grid}.hierarchy-demo__detail-panel>div{gap:.25rem;display:grid}.hierarchy-demo__detail-panel span{color:var(--blue);font-size:.63rem;font-weight:850}.hierarchy-demo__detail-panel strong{color:var(--ink);font-size:.78rem}.hierarchy-demo__detail-panel p{color:#61708b;margin:0;font-size:.7rem;line-height:1.55}.hierarchy-demo__detail-panel ul{color:#53617a;gap:.28rem;margin:0;padding-left:1rem;font-size:.69rem;display:grid}.hierarchy-demo__detail-panel li::marker{color:var(--blue)}.hierarchy-demo__muted{color:#8a95a8;font-size:.67rem}@media (width<=720px){.hierarchy-demo__app{padding:.8rem}.hierarchy-demo__context,.hierarchy-demo__surface-head{flex-direction:column;align-items:stretch}.hierarchy-demo__context>span,.hierarchy-demo__surface-head>span{white-space:normal}.hierarchy-demo__surface{padding:.82rem}.hierarchy-demo__tree ul{margin-left:.6rem;padding-left:.35rem}.hierarchy-demo__tree-row{grid-template-columns:24px 17px minmax(0,1fr);gap:.27rem}.hierarchy-demo__tree-row small{grid-column:3}.hierarchy-demo__nested-panel{padding:.82rem .85rem}.hierarchy-demo__detail-panel{grid-template-columns:1fr;gap:.65rem}}.card-dialog-preview{color:#536078;border:1px solid var(--line-strong);background:#fff;border-radius:.58rem;gap:.48rem;width:min(100%,232px);padding:.72rem;font-size:.68rem;display:grid;box-shadow:0 7px 15px #101a3712}.card-dialog-preview>div{color:var(--ink);justify-content:space-between;align-items:center;gap:.45rem;display:flex}.card-dialog-preview>div>svg{color:#758198;width:14px;height:14px}.card-dialog-preview>div>.card-dialog-preview__alert-icon{color:#b47618;width:16px;height:16px}.card-dialog-preview b{text-overflow:ellipsis;white-space:nowrap;font-size:.71rem;overflow:hidden}.card-dialog-preview span{min-height:2.2em;line-height:1.45}.card-dialog-preview button{color:#fff;border:1px solid var(--blue);background:var(--blue);min-height:26px;font:800 .63rem/1 var(--font-sans);border-radius:.3rem;justify-self:end;padding:.3rem .42rem}.card-dialog-preview--modal{background:#f7faff;position:relative;box-shadow:0 0 0 10px #2353b01f,0 7px 15px #101a3714}.card-dialog-preview--nonmodal{background:#fbfdff;border-color:#bcd0ef;justify-self:end;box-shadow:-5px 5px #e9f1ff}.card-dialog-preview--nonmodal>i{color:var(--blue-dark);font-style:normal;font-weight:750}.card-dialog-preview--alert{background:#fffdf8;border-color:#edd498}.card-dialog-preview--alert button{color:#7c5715;background:#fff5d9;border-color:#dfbd68}.card-dialog-preview--confirmation{background:snow;border-color:#efbbbb}.card-dialog-preview--confirmation>div>.card-dialog-preview__alert-icon{color:var(--danger)}.card-dialog-preview--confirmation>div{color:#8f2d35}.card-dialog-preview--confirmation p{justify-content:flex-end;align-items:center;gap:.35rem;margin:0;display:flex}.card-dialog-preview--confirmation p i{color:#657188;border:1px solid var(--line-strong);background:#fff;border-radius:.3rem;padding:.3rem .36rem;font-size:.61rem;font-style:normal}.card-dialog-preview--confirmation button{color:#fff;border-color:var(--danger);background:var(--danger)}.dialog-demo{position:relative;overflow:visible}.dialog-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.dialog-demo__context,.dialog-demo__surface-head{justify-content:space-between;align-items:flex-start;gap:.85rem;min-width:0;display:flex}.dialog-demo__context{border-bottom:1px solid var(--line);padding-bottom:.85rem}.dialog-demo__context>div,.dialog-demo__surface-head>div{gap:.2rem;min-width:0;display:grid}.dialog-demo__context p,.dialog-demo__surface-head p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.dialog-demo__context strong,.dialog-demo__surface-head strong{color:var(--ink);font-size:.97rem;line-height:1.38}.dialog-demo__context>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.dialog-demo__surface{border:1px solid var(--line);background:#fbfcff;border-radius:.7rem;gap:.85rem;min-width:0;padding:1rem;display:grid}.dialog-demo__surface-head span{color:#61728f;font-size:.72rem}.dialog-demo__state{background:var(--blue-soft);white-space:nowrap;border:1px solid #c0d6ff;border-radius:999px;padding:.24rem .42rem;font-weight:850;color:var(--blue-dark)!important;font-size:.64rem!important}.dialog-demo__hint{color:#63708a;margin:0;font-size:.75rem;line-height:1.62}.dialog-demo__actions{flex-wrap:wrap;gap:.55rem;display:flex}.dialog-demo button{min-height:36px;font:800 .75rem/1.25 var(--font-sans);cursor:pointer;border-radius:.4rem}.dialog-demo button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.dialog-demo__trigger{color:#fff;border:1px solid var(--blue);background:var(--blue);padding:.55rem .75rem}.dialog-demo__trigger:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.dialog-demo__trigger--danger{border-color:var(--danger);background:var(--danger)}.dialog-demo__trigger--danger:hover{background:#9f2730;border-color:#9f2730}.dialog-demo__background-action{color:#46536b;border:1px solid var(--line-strong);background:#fff;padding:.55rem .75rem}.dialog-demo__background-action:hover{color:var(--blue-dark);background:var(--blue-soft);border-color:#9bc0ff}.dialog-demo__background-action span{min-width:18px;color:var(--blue-dark);background:#e9f1ff;border-radius:999px;place-items:center;margin-left:.2rem;display:inline-grid}.dialog-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.73rem;line-height:1.55}.dialog-demo__dialog{width:min(100% - 2rem,460px);max-height:calc(100vh - 2rem);color:var(--ink);background:#fff;border:1px solid #b9c8e5;border-radius:.75rem;padding:0;box-shadow:0 22px 56px #101a3747}.dialog-demo__dialog::backdrop{background:#10204a6b}.dialog-demo__dialog[open]{gap:0;display:grid}.dialog-demo__dialog--nonmodal{margin:0;position:fixed;inset:auto clamp(.7rem,3vw,2rem) 1rem auto;box-shadow:-10px 12px #e9f1ff,0 20px 48px #101a3733}.dialog-demo__dialog-head{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .15rem;display:flex}.dialog-demo__icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border:1px solid #c6d9fb;border-radius:50%;place-items:center;display:grid}.dialog-demo__icon svg{width:19px;height:19px}.dialog-demo__icon--alert{color:#a86f10;background:#fff7df;border-color:#eed79a}.dialog-demo__icon--danger{color:var(--danger);background:#fff0f0;border-color:#efbbbb}.dialog-demo__close{color:#60708a;background:0 0;border:1px solid #0000;place-items:center;width:32px;height:32px;padding:0;display:grid}.dialog-demo__close:hover{color:var(--ink);border-color:var(--line);background:#f6f8fc}.dialog-demo__close svg{width:17px;height:17px}.dialog-demo__dialog-content{gap:.52rem;padding:.45rem 1rem 1.1rem;display:grid}.dialog-demo__dialog-content h3{color:var(--ink);margin:0;font-size:1.06rem;line-height:1.35}.dialog-demo__dialog-content p{color:#5d6980;margin:0;font-size:.79rem;line-height:1.68}.dialog-demo__dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:.55rem;padding:.78rem 1rem 1rem;display:flex}.dialog-demo__cancel{color:#44516a;border:1px solid var(--line-strong);background:#fff;padding:.54rem .72rem}.dialog-demo__cancel:hover{color:var(--blue-dark);background:var(--blue-soft);border-color:#93baff}.dialog-demo__confirm{color:#fff;border:1px solid var(--blue);background:var(--blue);padding:.54rem .72rem}.dialog-demo__confirm:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.dialog-demo__confirm-danger{color:#fff;border:1px solid var(--danger);background:var(--danger);padding:.54rem .72rem}.dialog-demo__confirm-danger:hover{background:#9f2730;border-color:#9f2730}@media (width<=720px){.dialog-demo__app{padding:.8rem}.dialog-demo__context,.dialog-demo__surface-head{flex-direction:column;align-items:stretch}.dialog-demo__context>span{white-space:normal}.dialog-demo__surface{padding:.82rem}.dialog-demo__dialog{width:calc(100% - 1.2rem)}.dialog-demo__dialog--nonmodal{bottom:.6rem;right:.6rem}.dialog-demo__dialog-actions{flex-direction:column-reverse}.dialog-demo__dialog-actions button{width:100%}}.card-surface-preview{color:#5c6880;border:1px solid var(--line-strong);background:#f7faff;border-radius:.58rem;width:min(100%,242px);min-height:126px;font-size:.66rem;display:grid;position:relative;overflow:hidden}.card-surface-preview--drawer{grid-template-columns:minmax(0,1fr) 43%}.card-surface-preview--drawer>div{align-content:center;gap:.34rem;padding:.65rem;display:grid}.card-surface-preview--drawer>div span{color:#748097;font-size:.6rem}.card-surface-preview--drawer>div b{color:var(--ink)}.card-surface-preview--drawer>div i{color:var(--blue-dark);font-style:normal}.card-surface-preview--drawer aside{color:#536078;background:#fff;border-left:1px solid #bcd0ef;align-content:center;gap:.34rem;padding:.62rem;display:grid;box-shadow:-5px 0 10px #101a3712}.card-surface-preview--drawer aside strong{color:var(--ink);font-size:.68rem}.card-surface-preview--drawer aside em{width:max-content;color:var(--blue-dark);background:var(--blue-soft);border:1px solid #c1d6fa;border-radius:.25rem;padding:.22rem .3rem;font-size:.58rem;font-style:normal}.card-surface-preview--sheet{background:#fff;align-content:center;justify-items:start;gap:.45rem;padding:.76rem;box-shadow:0 8px 18px #101a3717}.card-surface-preview--sheet p{color:var(--blue);margin:0;font-size:.6rem;font-weight:850}.card-surface-preview--sheet strong{color:var(--ink);font-size:.72rem}.card-surface-preview--sheet span{color:var(--blue-dark);background:var(--blue-soft);border:1px solid #c3d8fb;border-radius:999px;padding:.22rem .36rem;font-size:.58rem;font-weight:750}.card-surface-preview--sheet i{color:#6e7b92;font-size:.6rem;font-style:normal}.card-surface-preview--bottom{color:#536078;background:#fff;border-bottom-color:#b5cbed;border-radius:.58rem .58rem 0 0;align-content:end;gap:.36rem;min-height:138px;padding:.58rem .72rem .68rem;box-shadow:0 -7px 16px #101a3714}.card-surface-preview__handle{background:#a5afbf;border-radius:999px;justify-self:center;width:31px;height:4px}.card-surface-preview--bottom strong{color:var(--ink);font-size:.71rem}.card-surface-preview--bottom span{font-size:.61rem}.card-surface-preview--bottom p,.card-surface-preview--bottom i{color:var(--blue-dark);background:var(--blue-soft);border:1px solid #c2d7fa;border-radius:.28rem;margin:0;padding:.27rem .36rem;font-size:.6rem;font-style:normal}.card-surface-preview--bottom i{color:#536078;border-color:var(--line);background:#fff}.floating-surface-demo{position:relative;overflow:visible}.floating-surface-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.floating-surface-demo__context{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:.85rem;display:flex}.floating-surface-demo__context>div{gap:.2rem;min-width:0;display:grid}.floating-surface-demo__context p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.floating-surface-demo__context strong{color:var(--ink);font-size:.97rem;line-height:1.38}.floating-surface-demo__context>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.floating-surface-demo__workspace{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:.85rem;min-width:0;display:grid}.floating-surface-demo__member-list{border:1px solid var(--line);background:#fff;border-radius:.58rem;overflow:hidden}.floating-surface-demo__list-head,.floating-surface-demo__member-row{color:#5e6a81;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:.45rem;min-height:42px;padding:.44rem .62rem;font-size:.71rem;display:grid}.floating-surface-demo__list-head{min-height:36px;color:var(--ink);background:#f5f8fc;font-size:.65rem;font-weight:850}.floating-surface-demo__member-row:last-child{border-bottom:0}.floating-surface-demo__member-row strong{color:#40506c}.floating-surface-demo__member-row.is-selected{color:var(--blue-dark);background:var(--blue-soft)}.floating-surface-demo__member-row.is-selected strong{color:var(--blue-dark)}.floating-surface-demo__action-area,.floating-surface-demo__spec{border:1px solid var(--line);background:#fbfcff;border-radius:.58rem;align-content:start;gap:.62rem;padding:.86rem;display:grid}.floating-surface-demo__action-area>p{color:#63708a;margin:0;font-size:.74rem;line-height:1.6}.floating-surface-demo__trigger,.floating-surface-demo__primary,.floating-surface-demo__secondary{min-height:36px;font:800 .74rem/1.25 var(--font-sans);cursor:pointer;border-radius:.4rem}.floating-surface-demo button:focus-visible,.floating-surface-demo select:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.floating-surface-demo__trigger,.floating-surface-demo__primary{color:#fff;border:1px solid var(--blue);background:var(--blue);padding:.55rem .72rem}.floating-surface-demo__trigger:hover,.floating-surface-demo__primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.floating-surface-demo__secondary{color:#46536b;border:1px solid var(--line-strong);background:#fff;padding:.55rem .72rem}.floating-surface-demo__secondary:hover{color:var(--blue-dark);background:var(--blue-soft);border-color:#9bc0ff}.floating-surface-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.71rem;line-height:1.55}.floating-surface-demo__spec{background:#f5f9ff;grid-column:1/-1;grid-template-columns:repeat(3,max-content);align-items:center;padding:.7rem .82rem}.floating-surface-demo__spec p{color:#61708b;grid-column:1/-1;margin:0;font-size:.68rem;font-weight:800}.floating-surface-demo__spec span{color:var(--blue-dark);background:#fff;border:1px solid #c4d9fb;border-radius:999px;padding:.22rem .38rem;font-size:.64rem;font-weight:800}.floating-surface-demo__dialog{width:min(100% - 2rem,470px);max-height:calc(100vh - 2rem);color:var(--ink);background:#fff;border:1px solid #b9c8e5;border-radius:.75rem;padding:0;box-shadow:0 22px 56px #101a3747}.floating-surface-demo__dialog::backdrop{background:#10204a6b}.floating-surface-demo__dialog[open]{gap:0;display:grid}.floating-surface-demo__dialog--drawer{border-radius:.72rem;width:min(430px,100vw - 1.3rem);max-height:none;margin:0;position:fixed;inset:.65rem .65rem .65rem auto}.floating-surface-demo__dialog--bottom{border-radius:.92rem .92rem 0 0;width:min(100%,560px);max-height:min(78vh,530px);margin:0 auto;position:fixed;inset:auto 0 0}.floating-surface-demo__handle{background:#a3adbd;border-radius:999px;justify-self:center;width:39px;height:4px;margin-top:.62rem}.floating-surface-demo__dialog-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1rem .35rem;display:flex}.floating-surface-demo__dialog-head>div{gap:.18rem;display:grid}.floating-surface-demo__dialog-head p{color:var(--blue);margin:0;font-size:.66rem;font-weight:850}.floating-surface-demo__dialog-head h3{color:var(--ink);outline:0;margin:0;font-size:1.04rem;line-height:1.35}.floating-surface-demo__close{color:#60708a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.38rem;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.floating-surface-demo__close:hover{color:var(--ink);border-color:var(--line);background:#f6f8fc}.floating-surface-demo__close svg{width:17px;height:17px}.floating-surface-demo__dialog-content{gap:.82rem;padding:.45rem 1rem 1.1rem;display:grid;overflow-y:auto}.floating-surface-demo__dialog-content>p{color:#5d6980;margin:0;font-size:.78rem;line-height:1.65}.floating-surface-demo__field{color:#46536b;gap:.35rem;font-size:.75rem;font-weight:800;display:grid}.floating-surface-demo__field select{width:100%;min-height:38px;color:var(--ink);border:1px solid var(--line-strong);font:750 .76rem/1.2 var(--font-sans);background:#fff;border-radius:.4rem;padding:.44rem .55rem}.floating-surface-demo__field small{color:#6d7990;font-size:.68rem;font-weight:600;line-height:1.45}.floating-surface-demo__rule-list{gap:.42rem;display:grid}.floating-surface-demo__rule-list div{border:1px solid var(--line);background:#fbfcff;border-radius:.4rem;justify-content:space-between;gap:.7rem;padding:.54rem .6rem;font-size:.72rem;display:flex}.floating-surface-demo__rule-list strong{color:#4d5a72}.floating-surface-demo__rule-list span{color:var(--blue-dark);text-align:right;font-weight:800}.floating-surface-demo__member-summary{background:#f5f9ff;border:1px solid #c7dcff;border-radius:.55rem;align-items:center;gap:.7rem;padding:.68rem;display:flex}.floating-surface-demo__member-summary>span{color:#fff;background:#6b99ef;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;font-size:1rem;font-weight:850;display:grid}.floating-surface-demo__member-summary div{gap:.15rem;display:grid}.floating-surface-demo__member-summary strong{color:var(--ink);font-size:.8rem}.floating-surface-demo__member-summary small{color:#64708a;font-size:.68rem}.floating-surface-demo__dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:.55rem;padding:.78rem 1rem 1rem;display:flex}.floating-surface-demo__dialog-actions--stacked{grid-template-columns:1fr;display:grid}.floating-surface-demo__dialog-actions--stacked button{width:100%}@media (width<=720px){.floating-surface-demo__app{padding:.8rem}.floating-surface-demo__context{flex-direction:column;align-items:stretch}.floating-surface-demo__context>span{white-space:normal}.floating-surface-demo__workspace,.floating-surface-demo__spec{grid-template-columns:1fr}.floating-surface-demo__spec p{grid-column:auto}.floating-surface-demo__member-list{order:2}.floating-surface-demo__list-head,.floating-surface-demo__member-row{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.floating-surface-demo__list-head span:last-child,.floating-surface-demo__member-row span:last-child{display:none}.floating-surface-demo__dialog--drawer{width:calc(100vw - 1.2rem);top:.6rem;bottom:.6rem;right:.6rem}.floating-surface-demo__dialog--bottom{width:100%;max-height:82vh}.floating-surface-demo__dialog-actions{flex-direction:column-reverse}.floating-surface-demo__dialog-actions button{width:100%}}.card-loading-preview{border:1px solid var(--line-strong);color:#5c6980;background:#fff;border-radius:.58rem;gap:.48rem;width:min(100%,246px);padding:.74rem;font-size:.68rem;display:grid}.card-loading-preview strong{color:var(--ink);font-size:.73rem}.card-loading-preview span{color:#69758b;font-size:.64rem}.card-loading-preview--spinner{grid-template-columns:auto minmax(0,1fr);align-items:center}.card-loading-preview--spinner>i,.card-loading-preview--overlay aside>i{border:3px solid #cfe1ff;border-top-color:var(--blue);border-radius:50%;width:23px;height:23px;animation:.9s linear infinite loading-feedback-spin}.card-loading-preview--spinner>div{gap:.16rem;display:grid}.card-loading-preview--progress>div{justify-content:space-between;gap:.5rem;display:flex}.card-loading-preview--progress b{color:var(--blue);font-size:.75rem}.card-loading-preview--progress>i,.card-loading-preview--indeterminate>i{background:#e6edf8;border-radius:999px;height:8px;display:block;overflow:hidden}.card-loading-preview--progress>i>em{border-radius:inherit;background:var(--blue);width:64%;height:100%;display:block}.card-loading-preview--skeleton{gap:.42rem}.card-loading-preview--skeleton>div{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr) 34px;gap:.38rem;display:grid}.card-loading-preview--skeleton i,.card-loading-preview--skeleton b,.card-loading-preview--skeleton em{background:linear-gradient(90deg,#e7edf6 0%,#f6f8fc 48%,#e7edf6 100%) 0 0/210% 100%;border-radius:999px;height:12px;animation:1.25s ease-in-out infinite loading-feedback-shimmer;display:block}.card-loading-preview--skeleton em{height:10px}.card-loading-preview--overlay{background:#f8fbff;min-height:115px;padding:0;position:relative;overflow:hidden}.card-loading-preview--overlay>div{align-content:center;gap:.38rem;padding:.74rem;display:grid}.card-loading-preview--overlay>div>span{color:#718099}.card-loading-preview--overlay aside{color:#254d7c;text-align:center;background:#f1f8ffeb;place-content:center;gap:.42rem;display:grid;position:absolute;inset:0}.card-loading-preview--overlay aside>i{justify-self:center}.card-loading-preview--overlay aside>b{font-size:.68rem}.card-loading-preview--indeterminate{gap:.36rem}.card-loading-preview--indeterminate>i{position:relative}.card-loading-preview--indeterminate>i>b{border-radius:inherit;background:var(--blue);width:42%;height:100%;animation:1.35s ease-in-out infinite loading-feedback-scan;position:absolute;top:0}.loading-feedback-demo{min-width:0}.loading-feedback-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:940px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.loading-feedback-demo__context{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:.85rem;display:flex}.loading-feedback-demo__context>div{gap:.2rem;min-width:0;display:grid}.loading-feedback-demo__context p,.loading-feedback-demo__member-head p,.loading-feedback-demo__import-head p,.loading-feedback-demo__schedule-head p,.loading-feedback-demo__permission-head p,.loading-feedback-demo__sync-head p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.loading-feedback-demo__context strong{color:var(--ink);font-size:.97rem;line-height:1.38}.loading-feedback-demo__context>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.loading-feedback-demo__workspace{gap:.8rem;min-width:0;display:grid}.loading-feedback-demo__primary{color:#fff;border:1px solid var(--blue);background:var(--blue);min-height:36px;font:800 .74rem/1.25 var(--font-sans);cursor:pointer;border-radius:.4rem;padding:.55rem .72rem}.loading-feedback-demo__primary:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark)}.loading-feedback-demo__primary:disabled{color:#d9e6fa;cursor:wait;background:#6d95d5;border-color:#6d95d5}.loading-feedback-demo__member-head,.loading-feedback-demo__import-head,.loading-feedback-demo__schedule-head,.loading-feedback-demo__permission-head,.loading-feedback-demo__sync-head{justify-content:space-between;align-items:flex-end;gap:.85rem;display:flex}.loading-feedback-demo__member-head>div,.loading-feedback-demo__import-head>div,.loading-feedback-demo__schedule-head>div,.loading-feedback-demo__permission-head>div,.loading-feedback-demo__sync-head>div{gap:.15rem;min-width:0;display:grid}.loading-feedback-demo__member-head strong,.loading-feedback-demo__import-head strong,.loading-feedback-demo__schedule-head strong,.loading-feedback-demo__permission-head strong,.loading-feedback-demo__sync-head strong{color:var(--ink);font-size:.86rem}.loading-feedback-demo__member-list,.loading-feedback-demo__schedule-list{border:1px solid var(--line);background:#fff;border-radius:.64rem;display:grid;overflow:hidden}.loading-feedback-demo__member-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.72rem .8rem;display:grid}.loading-feedback-demo__schedule-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) auto;align-items:center;gap:.7rem;padding:.72rem .8rem;display:grid}.loading-feedback-demo__member-list>div:last-child,.loading-feedback-demo__schedule-list>div:last-child{border-bottom:0}.loading-feedback-demo__member-list strong,.loading-feedback-demo__schedule-list strong{color:var(--ink);font-size:.79rem}.loading-feedback-demo__member-list span,.loading-feedback-demo__schedule-list span{color:#67748a;font-size:.7rem}.loading-feedback-demo__member-list small,.loading-feedback-demo__schedule-list small{color:var(--blue-dark);text-align:right;font-size:.66rem;font-weight:800}.loading-feedback-demo__inline-loading{color:#385f8c;background:#f5f9ff;border:1px solid #c7dcff;border-radius:.45rem;align-items:center;gap:.48rem;width:max-content;max-width:100%;padding:.55rem .65rem;font-size:.72rem;font-weight:750;display:flex}.loading-feedback-demo__inline-loading i,.loading-feedback-demo__overlay>i{border:2.5px solid #c9ddfd;border-top-color:var(--blue);border-radius:50%;flex:none;width:18px;height:18px;animation:.9s linear infinite loading-feedback-spin}.loading-feedback-demo__import-workspace,.loading-feedback-demo__schedule-workspace{max-width:690px}.loading-feedback-demo__progress-card{border:1px solid var(--line);background:#fbfcff;border-radius:.64rem;gap:.52rem;padding:.85rem;display:grid}.loading-feedback-demo__progress-card>div{justify-content:space-between;gap:.65rem;display:flex}.loading-feedback-demo__progress-card>div span{color:#5d6b83;font-size:.73rem;font-weight:750}.loading-feedback-demo__progress-card>div strong{color:var(--blue);font-size:.82rem}.loading-feedback-demo__progress-card label{color:var(--ink);font-size:.78rem;font-weight:800}.loading-feedback-demo__progress-card progress{background:#e6edf8;border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}.loading-feedback-demo__progress-card progress::-webkit-progress-bar{background:#e6edf8;border-radius:999px}.loading-feedback-demo__progress-card progress::-webkit-progress-value{background:var(--blue);border-radius:999px;transition:width .25s}.loading-feedback-demo__progress-card progress::-moz-progress-bar{background:var(--blue);border-radius:999px}.loading-feedback-demo__progress-card small{color:#66748b;font-size:.68rem}.loading-feedback-demo__skeleton-list{border:1px solid var(--line);background:#fff;border-radius:.64rem;display:grid;overflow:hidden}.loading-feedback-demo__skeleton-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) 36px;align-items:center;gap:.7rem;min-height:49px;padding:.72rem .8rem;display:grid}.loading-feedback-demo__skeleton-list>div:last-child{border-bottom:0}.loading-feedback-demo__skeleton-list i,.loading-feedback-demo__skeleton-list b,.loading-feedback-demo__skeleton-list em{background:linear-gradient(90deg,#e9eef6 0%,#f7f9fd 48%,#e9eef6 100%) 0 0/210% 100%;border-radius:999px;height:13px;animation:1.25s ease-in-out infinite loading-feedback-shimmer;display:block}.loading-feedback-demo__skeleton-list em{height:11px}.loading-feedback-demo__permission-layout{grid-template-columns:minmax(0,1fr) minmax(160px,.42fr);align-items:stretch;gap:.8rem;display:grid}.loading-feedback-demo__permission-card{border:1px solid var(--line);background:#fff;border-radius:.64rem;gap:.8rem;min-height:206px;padding:.85rem;display:grid;position:relative;overflow:hidden}.loading-feedback-demo__permission-grid{border:1px solid var(--line);border-radius:.46rem;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:0;display:grid;overflow:hidden}.loading-feedback-demo__permission-grid span,.loading-feedback-demo__permission-grid b{border-bottom:1px solid var(--line);min-height:37px;padding:.56rem .62rem;font-size:.72rem}.loading-feedback-demo__permission-grid span:last-of-type,.loading-feedback-demo__permission-grid b:last-child{border-bottom:0}.loading-feedback-demo__permission-grid span{color:#56647c;background:#fbfcff;font-weight:800}.loading-feedback-demo__permission-grid b{color:var(--ink);border-left:1px solid var(--line);font-weight:750}.loading-feedback-demo__permission-layout>aside{color:#5d6d84;background:#f8fbff;border:1px dashed #b8cae5;border-radius:.64rem;align-content:center;gap:.35rem;padding:.8rem;display:grid}.loading-feedback-demo__permission-layout>aside strong{color:var(--blue-dark);font-size:.76rem}.loading-feedback-demo__permission-layout>aside span{font-size:.69rem;line-height:1.58}.loading-feedback-demo__overlay{color:#274b77;text-align:center;background:#f4f9fff0;place-content:center;justify-items:center;gap:.48rem;padding:1rem;display:grid;position:absolute;inset:0}.loading-feedback-demo__overlay strong{font-size:.79rem}.loading-feedback-demo__overlay span{color:#59708e;font-size:.68rem}.loading-feedback-demo__sync-workspace{max-width:690px}.loading-feedback-demo__indeterminate-card{border:1px solid var(--line);background:#fbfcff;border-radius:.64rem;gap:.68rem;padding:.86rem;display:grid}.loading-feedback-demo__indeterminate-card>div:first-child{gap:.17rem;display:grid}.loading-feedback-demo__indeterminate-card strong{color:var(--ink);font-size:.8rem}.loading-feedback-demo__indeterminate-card span{color:#65738a;font-size:.7rem;line-height:1.45}.loading-feedback-demo__indeterminate-track{background:#e6edf8;border-radius:999px;height:9px;display:block;position:relative;overflow:hidden}.loading-feedback-demo__indeterminate-track>i{border-radius:inherit;background:var(--blue);width:40%;height:100%;animation:1.35s ease-in-out infinite loading-feedback-scan;position:absolute;top:0}.loading-feedback-demo [hidden]{display:none}.loading-feedback-demo button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.loading-feedback-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.71rem;line-height:1.55}@keyframes loading-feedback-spin{to{transform:rotate(360deg)}}@keyframes loading-feedback-shimmer{0%{background-position:100% 0}to{background-position:-110% 0}}@keyframes loading-feedback-scan{0%{left:-42%}52%{left:58%}to{left:100%}}.card-system-state-preview{border:1px solid var(--line-strong);color:#5c6980;background:#fff;border-radius:.58rem;grid-template-columns:25px minmax(0,1fr);gap:.3rem .48rem;width:min(100%,246px);padding:.74rem;display:grid}.card-system-state-preview>i{width:24px;height:24px;color:var(--blue);background:#eaf3ff;border-radius:50%;grid-row:span 2;place-items:center;font-size:.9rem;font-style:normal;font-weight:900;display:grid}.card-system-state-preview strong{color:var(--ink);align-self:end;font-size:.71rem;line-height:1.25}.card-system-state-preview span{color:#5f6f88;font-size:.64rem;font-weight:750}.card-system-state-preview--error{background:#fffafb;border-color:#efc6cc}.card-system-state-preview--error>i{color:#a63d4c;background:#fce9ec}.card-system-state-preview--error span{color:#a63d4c}.card-system-state-preview--success{background:#fbfffc;border-color:#b9ddcd}.card-system-state-preview--success>i{color:#14765a;background:#e1f6eb}.card-system-state-preview--success span{color:#23775f}.card-system-state-preview--offline{background:#fffcf6;border-color:#ead5a8}.card-system-state-preview--offline>i{color:#945b0a;background:#fff0cb}.card-system-state-preview--offline span{color:#885c1d}.card-system-state-preview--permission{background:#fcfbff;border-color:#d7d0f2}.card-system-state-preview--permission>i{color:#5c4db0;background:#edeaff}.card-system-state-preview--permission span{color:#5c4db0}.system-state-demo{min-width:0}.system-state-demo__app{border:1px solid var(--line-strong);background:#fff;border-radius:.8rem;gap:1rem;width:100%;min-width:0;max-width:860px;padding:clamp(.85rem,2vw,1.35rem);display:grid;box-shadow:0 10px 24px #101a3712}.system-state-demo__context{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:.85rem;display:flex}.system-state-demo__context>div{gap:.2rem;min-width:0;display:grid}.system-state-demo__context p{color:var(--blue);margin:0;font-size:.7rem;font-weight:850}.system-state-demo__context strong{color:var(--ink);font-size:.97rem;line-height:1.38}.system-state-demo__context>span{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-size:.71rem;font-weight:750}.system-state-demo__workspace{gap:.8rem;min-width:0;display:grid}.system-state-demo__filter{color:#66748a;align-items:center;gap:.42rem;font-size:.7rem;font-weight:750;display:flex}.system-state-demo__filter span,.system-state-demo__filter b{border:1px solid var(--line);background:#fbfcff;border-radius:999px;padding:.32rem .48rem}.system-state-demo__filter b{color:var(--blue-dark);background:#f3f8ff;border-color:#c8dcfb}.system-state-demo__filter small{color:#78859a;margin-left:.1rem;font-size:.66rem}.system-state-demo__state-card{border:1px solid var(--line);background:#fbfcff;border-radius:.68rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;min-height:130px;padding:1rem;display:grid}.system-state-demo__state-card>i{width:34px;height:34px;color:var(--blue);background:#e8f2ff;border-radius:50%;place-items:center;font-size:1.08rem;font-style:normal;font-weight:900;display:grid}.system-state-demo__state-card>div{gap:.3rem;min-width:0;display:grid}.system-state-demo__state-card strong{color:var(--ink);font-size:.86rem;line-height:1.35}.system-state-demo__state-card span{color:#607087;font-size:.72rem;line-height:1.58}.system-state-demo__primary,.system-state-demo__danger,.system-state-demo__warning,.system-state-demo__permission{border:1px solid var(--blue);background:var(--blue);color:#fff;min-height:36px;font:800 .74rem/1.25 var(--font-sans);cursor:pointer;border-radius:.4rem;padding:.55rem .72rem}.system-state-demo__primary:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark)}.system-state-demo__danger{background:#a63d4c;border-color:#a63d4c}.system-state-demo__danger:hover:not(:disabled){background:#84303d;border-color:#84303d}.system-state-demo__warning{background:#9a5e0b;border-color:#9a5e0b}.system-state-demo__warning:hover:not(:disabled){background:#754807;border-color:#754807}.system-state-demo__permission{background:#5c4db0;border-color:#5c4db0}.system-state-demo__permission:hover:not(:disabled){background:#473b8b;border-color:#473b8b}.system-state-demo__primary:disabled,.system-state-demo__danger:disabled,.system-state-demo__warning:disabled,.system-state-demo__permission:disabled{opacity:.68;cursor:wait}.system-state-demo__state-card--empty{background:#f8fbff;border-color:#c9dcf6}.system-state-demo__state-card--error{background:#fffafb;border-color:#efc6cc}.system-state-demo__state-card--error>i{color:#a63d4c;background:#fce9ec}.system-state-demo__state-card--error span{color:#8d4d59}.system-state-demo__state-card--success{background:#fbfffc;border-color:#b9ddcd}.system-state-demo__state-card--success>i{color:#14765a;background:#e1f6eb}.system-state-demo__state-card--success span{color:#3d735f}.system-state-demo__state-card--offline{background:#fffcf6;border-color:#ead5a8}.system-state-demo__state-card--offline>i{color:#945b0a;background:#fff0cb}.system-state-demo__state-card--offline span{color:#855f2b}.system-state-demo__state-card--permission{background:#fcfbff;border-color:#d7d0f2}.system-state-demo__state-card--permission>i{color:#5c4db0;background:#edeaff}.system-state-demo__state-card--permission span{color:#62598d}.system-state-demo__result-list{border:1px solid var(--line);background:#fff;border-radius:.64rem;display:grid;overflow:hidden}.system-state-demo__result-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) auto;align-items:center;gap:.65rem;min-height:46px;padding:.67rem .75rem;display:grid}.system-state-demo__result-list>div:last-child{border-bottom:0}.system-state-demo__result-list strong{color:var(--ink);font-size:.75rem}.system-state-demo__result-list span{color:#65748a;font-size:.68rem}.system-state-demo__result-list small{color:var(--blue-dark);text-align:right;font-size:.66rem;font-weight:800}.system-state-demo__next-step,.system-state-demo__online-result{background:#fbfffc;border:1px solid #b9ddcd;border-radius:.64rem;gap:.28rem;padding:.9rem;display:grid}.system-state-demo__next-step strong,.system-state-demo__online-result strong{color:#167258;font-size:.8rem}.system-state-demo__next-step span,.system-state-demo__online-result span{color:#487a68;font-size:.7rem;line-height:1.5}.system-state-demo__cached-list{background:#fffdf8;border:1px dashed #dfc889;border-radius:.64rem;gap:.32rem;padding:.78rem;display:grid}.system-state-demo__cached-list span{color:#915d12;font-size:.67rem;font-weight:850}.system-state-demo__cached-list strong{color:#5e4a2a;font-size:.74rem}.system-state-demo [hidden]{display:none}.system-state-demo button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.system-state-demo .field-status{color:#5f6a80;min-height:1.35rem;margin:0;font-size:.71rem;line-height:1.55}@media (width<=720px){.loading-feedback-demo__app{padding:.8rem}.loading-feedback-demo__context,.loading-feedback-demo__member-head,.loading-feedback-demo__import-head,.loading-feedback-demo__schedule-head,.loading-feedback-demo__permission-head,.loading-feedback-demo__sync-head{flex-direction:column;align-items:stretch}.loading-feedback-demo__context>span{white-space:normal}.loading-feedback-demo__primary{width:100%}.loading-feedback-demo__member-list>div,.loading-feedback-demo__schedule-list>div{grid-template-columns:minmax(0,1fr) auto}.loading-feedback-demo__member-list span,.loading-feedback-demo__schedule-list span{grid-column:1}.loading-feedback-demo__member-list small,.loading-feedback-demo__schedule-list small{grid-area:1/2}.loading-feedback-demo__skeleton-list>div{grid-template-columns:minmax(0,1fr) 58px}.loading-feedback-demo__skeleton-list b{display:none}.loading-feedback-demo__permission-layout{grid-template-columns:1fr}.loading-feedback-demo__permission-card{min-height:248px}.loading-feedback-demo__permission-grid span,.loading-feedback-demo__permission-grid b{padding:.52rem;font-size:.68rem}.system-state-demo__context{flex-direction:column;align-items:stretch}.system-state-demo__context>span{white-space:normal}.system-state-demo__state-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.system-state-demo__state-card>button{grid-column:1/-1;width:100%}.system-state-demo__result-list>div{grid-template-columns:minmax(0,1fr) auto}.system-state-demo__result-list span{grid-column:1}.system-state-demo__result-list small{grid-area:1/2}}@media (prefers-reduced-motion:reduce){.card-loading-preview--spinner>i,.card-loading-preview--overlay aside>i,.card-loading-preview--skeleton i,.card-loading-preview--skeleton b,.card-loading-preview--skeleton em,.card-loading-preview--indeterminate>i>b,.loading-feedback-demo__inline-loading i,.loading-feedback-demo__overlay>i,.loading-feedback-demo__skeleton-list i,.loading-feedback-demo__skeleton-list b,.loading-feedback-demo__skeleton-list em,.loading-feedback-demo__indeterminate-track>i{animation:none}}.stage-five-demo{border:1px solid var(--line);background:#f8fafc;border-radius:24px;overflow:hidden}.stage-five-demo__head{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.stage-five-demo__head p{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:.75rem;font-weight:800}.stage-five-demo__head strong{font-size:1rem}.stage-five-demo__head>span{color:#cbd5e1;border:1px solid #334155;border-radius:999px;padding:6px 10px;font-size:.75rem}.stage-five-demo__workspace{min-height:300px;padding:28px}.stage-five-demo button,.stage-five-demo a{font:inherit}.stage-five-demo button{cursor:pointer}.stage-five-demo .field-status{border-top:1px solid var(--line);color:#475569;background:#fff;margin:0;padding:14px 22px}.s5-card,.s5-description,.s5-metadata,.s5-list,.s5-media-object,.s5-compact>div,.s5-data>div,.s5-media>div{background:#fff;border:1px solid #dbe3ef;border-radius:18px;max-width:720px;margin:0 auto;box-shadow:0 14px 35px #0f172a12}.s5-card,.s5-description,.s5-metadata,.s5-list,.s5-media-object,.s5-compact>div,.s5-media>div{padding:22px}.s5-card>div,.s5-description>div,.s5-list>div,.s5-data__toolbar,.s5-bulk{justify-content:space-between;align-items:center;gap:12px;display:flex}.s5-card>div span,.s5-badge,.s5-tag,.s5-chip,.s5-status{border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-weight:800;display:inline-flex}.s5-card>div span{color:#1d4ed8;background:#dbeafe}.s5-card h3,.s5-description h3,.s5-metadata h3,.s5-media-object h3,.s5-compact h3{color:#0f172a;margin:18px 0 8px}.s5-card p,.s5-metadata p,.s5-media-object p{color:#64748b}.s5-card a{color:#1d4ed8;margin-top:10px;font-weight:800;display:inline-block}.stage-five-demo button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 12px}.stage-five-demo button:hover,.stage-five-demo button:focus-visible{outline-offset:2px;border-color:#2563eb;outline:3px solid #2563eb2e}.s5-list ol{margin:16px 0 0;padding:0;list-style:none}.s5-list li{border-top:1px solid #e2e8f0;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.s5-list li span{color:#64748b}.s5-description dl{grid-template-columns:minmax(120px,.6fr) 1.4fr;margin:18px 0 0;display:grid}.s5-description dt,.s5-description dd{border-top:1px solid #e2e8f0;margin:0;padding:12px 0}.s5-description dt{color:#64748b}.s5-description dd{font-weight:750}.s5-media-object{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.s5-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.s5-avatar.is-failed{color:#334155;background:#e2e8f0}.s5-avatar--large{width:78px;height:78px;font-size:1.3rem}.s5-metadata p i{color:#94a3b8;margin:0 6px;font-style:normal}.s5-badge{color:#fff;background:#dc2626;justify-content:center;min-width:30px}.s5-tag{color:#3730a3;background:#e0e7ff;margin-right:8px}.s5-chip{color:#1e3a8a;background:#dbeafe}.s5-chip[aria-pressed=false]{color:#475569;background:#e2e8f0}.s5-status{color:#166534;background:#dcfce7}.s5-status i{background:#16a34a;border-radius:50%;width:9px;height:9px}.s5-status.is-warning{color:#92400e;background:#fef3c7}.s5-status.is-warning i{background:#d97706}.s5-avatar-demo{text-align:center;justify-items:center;gap:8px;display:grid}.s5-avatar-demo h3{margin:0}.s5-data>div{overflow:hidden}.s5-data__toolbar,.s5-bulk{padding:16px 18px}.s5-bulk{color:#fff;background:#1e3a8a}.s5-bulk[hidden]{display:none}.s5-bulk button:last-child{color:#991b1b;border-color:#fecaca}.s5-data table{border-collapse:collapse;width:100%}.s5-data th,.s5-data td{text-align:left;white-space:nowrap;border-top:1px solid #e2e8f0;padding:13px 16px}.s5-data thead th{color:#475569;background:#f8fafc;font-size:.82rem}.s5-grid{background:#fff;border:1px solid #cbd5e1;border-radius:16px;max-width:620px;margin:0 auto;overflow:hidden}.s5-grid [role=row]{grid-template-columns:1.2fr 1fr 1fr;display:grid}.s5-grid [role=row]>*{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-radius:0;align-items:center;min-height:52px;padding:11px 14px;display:flex}.s5-grid [role=columnheader],.s5-grid [role=rowheader]{background:#f8fafc;font-weight:800}.s5-visual{color:#fff;background:linear-gradient(145deg,#0f766e 0%,#0ea5e9 55%,#f59e0b 56%,#fef3c7 100%);border-radius:16px;justify-content:space-between;align-items:flex-end;min-height:260px;padding:20px;display:flex;position:relative;overflow:hidden}.s5-visual:before{content:"";border:10px solid #ffffffbf;border-bottom:0;border-radius:80px 80px 0 0;position:absolute;inset:18% 20% 0 5%}.s5-visual>*{z-index:1;text-shadow:0 1px 2px #0f172a73;font-weight:850;position:relative}.s5-visual.is-wide{aspect-ratio:16/9;min-height:0}.s5-visual.is-failed{color:#334155;background:#e2e8f0}.s5-visual.is-failed:before{display:none}.s5-gallery{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.s5-gallery button{color:#fff;background:linear-gradient(145deg,#0f766e,#2563eb);align-content:end;gap:8px;min-height:130px;display:grid}.s5-gallery button[aria-pressed=true]{border:4px solid #2563eb;outline:3px solid #2563eb2e}.s5-gallery i{opacity:.75;font-size:1.8rem;font-style:normal}.s5-carousel>div{color:#fff;background:linear-gradient(135deg,#1e3a8a,#7c3aed);border-radius:14px;align-content:center;min-height:210px;padding:28px;display:grid}.s5-carousel>button{margin:14px 8px 0 0}.s5-lightbox-thumb{width:100%;min-height:180px;color:#fff!important;background:linear-gradient(135deg,#0f766e,#2563eb)!important}.s5-media dialog{border:0;border-radius:20px;max-width:720px;padding:22px;box-shadow:0 30px 80px #0f172a59}.s5-media dialog::backdrop{background:#0f172aa6}.s5-video>div{color:#fff;background:linear-gradient(145deg,#111827,#334155);border-radius:16px;place-items:center;min-height:250px;display:grid}.s5-video button{margin:14px 8px 0 0}.card-stage-five-preview{color:#334155;background:#fff;border:1px solid #dbe3ef;border-radius:14px;align-content:center;gap:8px;min-height:126px;padding:16px;display:grid}.card-stage-five-preview small{color:#2563eb;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.card-stage-five-preview strong{color:#0f172a}.card-stage-five-preview i{color:#64748b;font-style:normal}.card-stage-five-preview--compact div{align-items:center;gap:10px;display:flex}.card-stage-five-preview--compact b{color:#1e3a8a;background:#dbeafe;border-radius:999px;padding:7px 10px}.card-stage-five-preview--data div{color:#475569;grid-template-columns:repeat(3,1fr);font-size:.72rem;display:grid}.card-stage-five-preview--data>span{border-top:1px solid #e2e8f0;padding-top:6px;font-size:.72rem}.card-stage-five-preview--media div{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:10px;justify-content:space-between;align-items:flex-end;min-height:68px;padding:10px;display:flex}@media (width<=600px){.stage-five-demo__head{flex-direction:column;align-items:flex-start}.stage-five-demo__workspace{padding:18px}.s5-media-object{grid-template-columns:auto 1fr}.s5-media-object button{grid-column:1/-1}.s5-description dl{grid-template-columns:1fr}.s5-description dt{padding-bottom:3px}.s5-description dd{padding-top:3px}.s5-gallery{grid-template-columns:1fr}.s5-data{overflow-x:auto}.s5-data table{min-width:540px}}