*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--sg-color-surface);color:var(--sg-color-text-primary);font-family:var(--sg-font-sans);font-size:var(--sg-type-body-size);font-weight:var(--sg-type-body-weight);line-height:var(--sg-type-body-line);margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-shell{grid-template-rows:68px 1fr;grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.topbar{z-index:20;justify-content:space-between;align-items:center;column-gap:var(--sg-space-3);border-bottom:var(--sg-stroke-default) solid var(--sg-color-border-subtle);-webkit-backdrop-filter:blur(var(--sg-space-4));backdrop-filter:blur(var(--sg-space-4));padding:0 var(--sg-space-8);background:#fffffff0;grid-column:1/-1;grid-template-columns:256px minmax(280px,560px) 40px;display:grid;position:sticky;top:0}.profile-control{border:var(--sg-stroke-default) solid var(--sg-color-action-primary);border-radius:var(--sg-radius-pill);background:var(--sg-color-action-primary);width:40px;height:40px;color:var(--sg-color-surface);transition:background var(--sg-motion-fast),border-color var(--sg-motion-fast),box-shadow var(--sg-motion-fast);justify-self:end;place-items:center;display:grid}.profile-control svg{width:20px;height:20px}.profile-control:hover{border-color:var(--sg-color-action-primary-hover);background:var(--sg-color-action-primary-hover)}.profile-control:focus-visible{outline:0;box-shadow:0 0 0 3px #2c2c2c29}.brand{align-items:center;gap:var(--sg-space-2);color:var(--sg-color-text-primary);font-size:var(--sg-type-section-size);font-weight:var(--sg-type-section-weight);line-height:var(--sg-type-section-line);display:flex}.brand-mark{flex:none;width:32px;height:32px;display:block}.brand-subtitle{color:var(--sg-color-text-secondary);font-weight:var(--sg-type-body-weight);padding-left:var(--sg-space-2);border-left:var(--sg-stroke-default) solid var(--sg-color-border-subtle)}.search-wrap{justify-self:end;width:100%;position:relative}.search{align-items:center;gap:var(--sg-space-2);height:40px;padding:0 var(--sg-space-3);border:var(--sg-stroke-default) solid var(--sg-color-border-control);border-radius:var(--sg-radius-medium);background:var(--sg-color-surface);color:var(--sg-color-text-secondary);transition:border-color var(--sg-motion-fast),box-shadow var(--sg-motion-fast),background var(--sg-motion-fast);display:flex}.search:hover{background:var(--sg-color-surface-hover)}.search:focus-within{border-color:var(--sg-color-action-primary);background:var(--sg-color-surface);box-shadow:0 0 0 3px #6161ff2e}.search>svg{flex:none;width:16px;height:16px}.search input{min-width:0;color:var(--sg-color-text-primary);font-size:var(--sg-type-body-size);font-weight:var(--sg-type-body-weight);line-height:var(--sg-type-body-line);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--sg-color-placeholder)}.search-results{z-index:40;border:var(--sg-stroke-default) solid var(--sg-color-border-subtle);border-radius:var(--sg-radius-large);max-height:390px;padding:var(--sg-space-1);background:var(--sg-color-surface);box-shadow:var(--sg-elevation-3);position:absolute;top:48px;left:0;right:0;overflow:auto}.search-results button{justify-content:space-between;align-items:flex-start;gap:var(--sg-space-4);border-radius:var(--sg-radius-medium);width:100%;padding:var(--sg-space-3);background:var(--sg-color-surface);color:var(--sg-color-text-primary);text-align:left;border:0;display:flex}.search-results button:hover,.search-results button:focus-visible{background:var(--sg-color-nav-hover);outline:0}.search-results button span{gap:var(--sg-space-1);flex-direction:column;min-width:0;display:flex}.search-results b{color:var(--sg-color-text-primary);font-size:var(--sg-type-body-size);font-weight:600}.search-results small{color:var(--sg-color-text-secondary);font-size:var(--sg-type-caption-size);font-weight:var(--sg-type-caption-weight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-results em{border-radius:var(--sg-radius-pill);background:var(--sg-color-surface-page);color:var(--sg-color-text-secondary);font-size:var(--sg-type-micro-size);font-style:normal;font-weight:var(--sg-type-micro-weight);flex:none;padding:3px 6px}.search-results>p{padding:var(--sg-space-4);color:var(--sg-color-text-secondary);font-size:var(--sg-type-caption-size);text-align:center;margin:0}.top-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:var(--sg-space-6);color:var(--sg-color-text-secondary);font-size:var(--sg-type-caption-size);font-weight:var(--sg-type-caption-weight);display:flex}.top-actions a:hover{color:var(--sg-color-text-primary)}.version{border-radius:var(--sg-radius-pill);background:var(--sg-color-surface-page);color:var(--sg-color-text-primary);font-size:var(--sg-type-micro-size);padding:5px 9px;font-weight:600}.sidebar{border-right:var(--sg-stroke-default) solid var(--sg-color-border-subtle);height:calc(100vh - 68px);padding:var(--sg-space-6) var(--sg-space-4);background:var(--sg-color-surface);position:sticky;top:68px;overflow:auto}.overview-link,.nav-item{justify-content:space-between;align-items:center;gap:var(--sg-space-2);border-radius:var(--sg-radius-medium);min-height:40px;padding:0 var(--sg-space-3);color:var(--sg-color-text-secondary);font-size:var(--sg-type-body-size);font-weight:var(--sg-type-body-weight);line-height:var(--sg-type-body-line);transition:background var(--sg-motion-fast),color var(--sg-motion-fast);display:flex}.overview-link{color:var(--sg-color-text-primary);justify-content:flex-start;font-weight:600}.overview-link svg,.nav-item svg{flex:none;width:16px;height:16px}.nav-group{margin-top:var(--sg-space-6)}.nav-label{margin:0 var(--sg-space-3) var(--sg-space-2);color:var(--sg-color-text-secondary);font-size:var(--sg-type-micro-size);font-weight:var(--sg-type-micro-weight);letter-spacing:.1em;line-height:var(--sg-type-micro-line);text-transform:uppercase}.nav-group ul{margin:0;padding:0;list-style:none}.nav-item:hover{background:var(--sg-color-nav-hover);color:var(--sg-color-text-primary)}.nav-item-active{background:var(--sg-color-focus-surface);color:var(--sg-color-text-primary);font-weight:600}.nav-item-disabled{cursor:not-allowed;color:#9fa6b0}.nav-item-disabled:hover{color:#9fa6b0;background:0 0}.coming-soon-pill{color:#6b7785;letter-spacing:.01em;white-space:nowrap;background:#ededed;border-radius:999px;flex:none;align-items:center;min-height:20px;padding:0 7px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.content-shimmer{z-index:15;background:#fff;width:auto;padding:32px max(32px,50vw - 668px);position:fixed;inset:68px 0 0 256px;overflow:hidden}.content-shimmer>div,.shimmer-card>div,.shimmer-panel>div{background:#f0f1f3;border-radius:8px;position:relative;overflow:hidden}.content-shimmer>div:after,.shimmer-card>div:after,.shimmer-panel>div:after{content:"";background:linear-gradient(90deg,#0000,#ffffffc7,#0000);animation:1.15s ease-in-out infinite content-shimmer-sweep;position:absolute;inset:0;transform:translate(-100%)}.shimmer-heading{width:220px;height:52px;margin-bottom:42px}.shimmer-section-heading{width:44%;height:24px;margin-bottom:20px}.shimmer-section-heading.short{width:32%;margin-top:42px}.shimmer-card{background:#f8f8fa;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:20px;height:190px;padding:24px;display:grid}.shimmer-card>div{min-width:0}.shimmer-panel{background:#f8f8fa;border:1px solid #ededed;border-radius:12px;grid-template-columns:2fr 1fr;gap:20px;height:250px;padding:24px;display:grid}.shimmer-panel>div:first-child{grid-row:span 2}.content-is-loading>.content{visibility:hidden}.content-is-loading .content-shimmer{visibility:visible}@keyframes content-shimmer-sweep{to{transform:translate(100%)}}@media (max-width:760px){.content-shimmer{padding:24px 20px;inset:68px 0 0}.shimmer-card{grid-template-columns:1fr 1fr}.shimmer-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.content-shimmer>div:after,.shimmer-card>div:after,.shimmer-panel>div:after{animation:none}}.content{width:min(1080px,100% - 64px);padding:var(--sg-space-4) 0;margin:0 auto}.hero{justify-content:space-between;align-items:flex-end;gap:var(--sg-space-8);padding:var(--sg-space-4) 0;display:flex}.eyebrow{margin:0 0 var(--sg-space-2);color:var(--sg-color-text-secondary);font-size:var(--sg-type-micro-size);font-weight:var(--sg-type-micro-weight);letter-spacing:.1em;text-transform:uppercase}h1,h2,p{margin-top:0}.hero h1{color:var(--sg-color-text-primary);font-size:var(--sg-type-display-size);font-weight:var(--sg-type-display-weight);letter-spacing:-.04em;line-height:var(--sg-type-display-line);margin:0}.lede{max-width:630px;color:var(--sg-color-text-secondary);font-size:var(--sg-type-body-large-size);font-weight:var(--sg-type-body-weight);line-height:var(--sg-type-body-line);margin:0}.hero-actions{gap:var(--sg-space-2);display:flex}.hero-actions button,.ai-banner button{border-radius:var(--sg-radius-medium);min-height:40px;padding:0 var(--sg-space-4);font-size:var(--sg-type-caption-size);font-weight:600}.secondary-action{border:var(--sg-stroke-default) solid var(--sg-color-border-control);background:var(--sg-color-surface);color:var(--sg-color-text-primary);transition:background var(--sg-motion-fast),border-color var(--sg-motion-fast)}.secondary-action:hover{border-color:var(--sg-color-action-primary);background:var(--sg-color-surface-hover)}.primary-action{border:var(--sg-stroke-default) solid var(--sg-color-action-primary);background:var(--sg-color-action-primary);color:var(--sg-color-surface)}.quality-strip{gap:var(--sg-space-3) var(--sg-space-6);border-block:var(--sg-stroke-default) solid var(--sg-color-border-subtle);padding:var(--sg-space-4) 0;color:var(--sg-color-text-secondary);font-size:var(--sg-type-caption-size);flex-wrap:wrap;display:flex}.quality-strip b{width:16px;height:16px;margin-right:var(--sg-space-1);background:var(--sg-color-focus-surface);color:var(--sg-color-text-primary);border-radius:50%;place-items:center;display:inline-grid}.doc-section{padding-top:var(--sg-space-4)}.doc-section+.doc-section{margin-top:var(--sg-space-6)}.section-heading{justify-content:space-between;align-items:end;gap:var(--sg-space-8);margin-bottom:var(--sg-space-6);display:flex}.section-heading h2,.two-column h2,.ai-banner h2{color:var(--sg-color-text-primary);font-size:var(--sg-type-section-size);font-weight:var(--sg-type-section-weight);letter-spacing:-.02em;line-height:var(--sg-type-section-line);margin-bottom:0}.section-heading>p{max-width:none;color:var(--sg-color-text-secondary);font-size:var(--sg-type-caption-size);font-weight:var(--sg-type-caption-weight);line-height:var(--sg-type-caption-line);white-space:nowrap;margin:0}.playground{border:1px solid #dce3e0;border-radius:14px;grid-template-columns:minmax(0,1fr) 238px;display:grid;overflow:hidden;box-shadow:0 14px 40px #182f260f}.preview-panel{min-width:0}.preview-toolbar{border-bottom:1px solid var(--line);color:#394640;justify-content:space-between;align-items:center;height:47px;padding:0 17px;font-size:11px;font-weight:650;display:flex}.viewport-controls{color:#a2aaa6;gap:14px;font-size:10px;display:flex}.viewport-controls b{color:var(--green)}.preview-canvas{background-color:#fbfcfb;background-image:linear-gradient(#eef2f0 1px,#0000 1px),linear-gradient(90deg,#eef2f0 1px,#0000 1px);background-size:24px 24px;place-items:center;min-height:300px;display:grid}.demo-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:650;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.demo-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #14463429}.demo-button:focus-visible{outline-offset:3px;outline:3px solid #9edcc5}.demo-button:disabled{cursor:not-allowed;opacity:.55}.demo-primary{border:1px solid var(--green);background:var(--green);color:#fff}.demo-primary:hover:not(:disabled){background:var(--green-dark)}.demo-secondary{color:#25332d;background:#fff;border:1px solid #bdc9c4}.demo-danger{color:#fff;background:#bd412a;border:1px solid #bd412a}.demo-small{min-height:32px;padding:0 13px;font-size:11px}.demo-medium{min-height:40px;padding:0 18px;font-size:13px}.demo-large{min-height:48px;padding:0 22px;font-size:14px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.controls{border-left:1px solid var(--line);background:#fff;padding:18px}.controls>div{margin-bottom:16px}.controls label:not(.toggle-row){color:#6d7873;margin-bottom:7px;font-size:10px;font-weight:650;display:block}.controls select{color:#27332e;background:#fff;border:1px solid #d7dfdc;border-radius:8px;width:100%;height:37px;padding:0 10px;font-size:12px}.toggle-row{border-top:1px solid #eef1ef;justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;display:flex}.toggle-row span{flex-direction:column;gap:3px;display:flex}.toggle-row small{color:#97a09c}.toggle-row input{width:31px;height:17px;accent-color:var(--green)}.two-column{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.body-copy{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.7}.guidance-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guidance-card{border:1px solid var(--line);border-top:3px solid var(--green);background:#fbfcfb;border-radius:11px;min-height:165px;padding:46px 18px 16px;position:relative}.guidance-card>span{color:var(--green);text-transform:uppercase;font-size:10px;font-weight:750;position:absolute;top:12px;left:16px}.guidance-card button{background:var(--green);color:#fff;border:0;border-radius:7px;padding:9px 14px;font-size:11px;font-weight:650}.guidance-card p{color:#7d8883;margin:18px 0 0;font-size:11px}.dont-card{border-top-color:var(--coral)}.dont-card>span{color:#bf422a}.dont-card button{background:#7c8581}.ai-banner{background:linear-gradient(120deg,#f1fbf6,#f8fcfa);border:1px solid #b9ddce;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:70px;padding:25px;display:grid}.ai-icon{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;font-size:12px;font-weight:800;display:grid}.ai-banner h2{font-size:20px}.ai-banner p:last-child{color:#65726c;margin:7px 0 0;font-size:12px}.ai-banner button{color:var(--green);background:#fff;border:1px solid #b5d3c7}.ai-banner button span{margin-left:6px}.foundation-preview,.component-preview{background:#fafcfb;border:1px solid #dce3e0;border-radius:14px;justify-content:center;align-items:center;gap:24px;min-height:310px;padding:35px;display:flex;box-shadow:0 14px 40px #182f260d}.color-preview span{border-radius:14px;width:112px;height:170px}.color-preview span:first-child{background:#2c2c2c}.color-preview span:nth-child(2){background:#1a1a1a}.color-preview span:nth-child(3){background:#6b7785}.color-preview span:nth-child(4){background:#f3f2ff}.color-preview span:nth-child(5){background:#eef2f0}.type-preview{flex-direction:column;align-items:flex-start;gap:10px}.type-preview strong{letter-spacing:-.05em;font-size:52px}.type-preview span{color:#56645e;font-size:16px}.type-preview small{color:#82908a;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.spacing-preview{flex-direction:column;align-items:flex-start;gap:13px}.spacing-preview div{color:#66716d;align-items:center;gap:14px;font-size:11px;display:flex}.spacing-preview span{background:var(--green);border-radius:3px;height:14px;display:block}.elevation-preview span{color:#5a6761;background:#fff;border-radius:13px;place-items:center;width:160px;height:150px;font-size:12px;display:grid}.elevation-preview span:first-child{box-shadow:0 2px 5px #142d2314}.shape-preview span{border:var(--sg-stroke-default) solid #8bcab1;width:120px;height:120px;color:var(--green);background:#e7f6f0;place-items:center;font-size:12px;display:grid}.motion-preview span{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:220px;height:90px;transition:transform .25s,box-shadow .25s;display:grid}.motion-preview span:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 16px 26px #096b4d3d}.component-preview label{color:#3c4943;flex-direction:column;gap:8px;width:min(420px,100%);font-size:12px;font-weight:650;display:flex}.component-preview input{background:#fff;border:1px solid #cdd7d2;border-radius:8px;outline:0;height:44px;padding:0 12px}.component-preview input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--mint)}.badge-preview span{border-radius:999px;padding:7px 12px;font-size:11px;font-weight:680}.badge-preview span:first-child{color:#2c2c2c;background:#f3f2ff}.badge-preview span:nth-child(2){color:#7d5900;background:#fff2ce}.badge-preview span:nth-child(3){color:#9c331f;background:#ffe5df}.sample-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:10px;width:280px;padding:22px;display:flex;box-shadow:0 8px 25px #192d2614}.sample-card small,.sample-card span{color:#718079}.sample-card strong{font-size:30px}.sample-dialog{border:1px solid var(--line);background:#fff;border-radius:14px;width:370px;padding:24px;box-shadow:0 22px 55px #14282026}.sample-dialog p{color:#718079;margin:10px 0 22px;font-size:13px}.sample-dialog div{justify-content:flex-end;gap:8px;display:flex}.sample-dialog button{background:#fff;border:1px solid #d4dcd8;border-radius:8px;padding:8px 13px;font-size:11px}.sample-dialog button:last-child{border-color:var(--green);background:var(--green);color:#fff}.sample-table{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;width:min(600px,100%);display:grid;overflow:hidden}.sample-table>*{border-bottom:1px solid var(--line);padding:13px;font-size:12px}.sample-table b{background:#f2f6f4}.reference-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:.8fr 1.2fr;gap:35px;margin-top:24px;padding:24px;display:grid}.reference-card h2{margin:0;font-size:20px}.reference-card>p{color:#65716c;margin:0;font-size:12px;line-height:1.65}.demo-text{color:#6161ff;background:0 0;border:1px solid #0000}.demo-text:hover:not(:disabled){box-shadow:none;text-underline-offset:4px;background:0 0;text-decoration:underline}.color-preview{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.color-preview>div{flex-direction:column;gap:6px;width:calc(25% - 18px);display:flex}.color-preview>div>span{border:1px solid #e2e2e2;border-radius:10px;width:100%;height:92px;display:block}.color-preview b{font-size:11px}.color-preview small{color:#7b8490;font-family:var(--font-geist-mono);font-size:10px}.color-preview .swatch-primary{background:#2c2c2c}.color-preview .swatch-hover{background:#1a1a1a}.color-preview .swatch-ink{background:#101721}.color-preview .swatch-violet,.color-preview .swatch-success{background:#6161ff}.color-preview .swatch-danger{background:#dc2626}.color-preview .swatch-warning{background:#f59e0b}.color-preview .swatch-surface{background:#f5f5f5}.type-preview{grid-template-columns:1fr 1fr;width:100%;display:grid}.type-preview>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;min-height:78px;padding:15px 0;display:flex}.type-preview>div>span{color:#7b8490;font-size:11px}.type-preview strong{font-size:48px}.type-preview .type-32{font-size:32px}.type-preview b{font-size:24px}.type-preview .type-20{font-size:20px}.type-preview p{margin:0}.type-preview .type-16{font-size:16px}.type-preview .type-14{font-size:14px;font-weight:500}.type-preview small{font-size:12px}.type-preview .type-10{font-size:10px;font-weight:600}.overlay-demo{background:#f0f1f1;min-height:510px;padding-top:82px;position:relative;overflow:hidden}.size-switcher{background:#ededed;border:0;border-radius:999px;align-items:center;gap:4px;padding:6px;display:inline-flex;position:absolute;top:20px}.size-switcher button{color:#6b7280;background:0 0;border:0;border-radius:999px;min-width:78px;min-height:36px;padding:0 16px;font-size:10px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.size-switcher button:hover{color:#111827;background:#d1d5db80}.size-switcher button:focus-visible{outline-offset:2px;outline:3px solid #6161ff3d}.size-switcher .active{color:#111827;background:#fff;box-shadow:0 1px 3px #10172124}.sample-dialog{flex-direction:column;transition:width .2s;display:flex}.sample-dialog>small{color:#6b7785;text-transform:uppercase;margin-bottom:8px;font-size:9px}.dialog-mini{width:360px}.dialog-medium{width:560px}.dialog-large{width:min(820px,95%);min-height:330px}.dialog-details{border-block:1px solid var(--line);color:#7b8490;grid-template-columns:repeat(3,1fr);margin:5px 0 32px;padding:18px 0;font-size:10px;justify-content:stretch!important;display:grid!important}.dialog-details b{color:#101721;font-size:12px}.avatar-preview{flex-wrap:wrap}.avatar{color:#6161ff;background:#f3f2ff;border-radius:50%;place-items:center;font-weight:600;display:grid}.avatar-sm{width:36px;height:36px;font-size:11px}.avatar-md{width:48px;height:48px;font-size:13px}.avatar-lg{width:64px;height:64px;font-size:17px}.profile-image{color:#f5f5f5;background:linear-gradient(145deg,#343333,#111720);border-radius:10px;place-items:center;width:210px;height:240px;font-size:38px;display:grid;position:relative;overflow:hidden}.profile-image button{color:#111720;background:#fffffff0;border:0;border-radius:8px;padding:8px 10px;font-size:10px;position:absolute;bottom:12px;right:12px}.menu-preview>div{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:500px;padding:14px 18px;display:flex;position:relative}.menu-preview p{margin:0;font-size:12px;font-weight:500}.menu-preview p span{color:#7d5900;background:#fff2ce;border-radius:99px;margin-left:15px;padding:4px 7px;font-size:9px}.menu-preview>div>button{color:#6b7785;letter-spacing:2px;background:#fff;border:0;border-radius:8px;width:36px;height:36px}.menu-preview>div>button:hover{background:#f5f5f5}.menu-preview menu{z-index:2;border:1px solid var(--line);background:#fff;border-radius:9px;width:155px;margin:0;padding:5px;position:absolute;top:54px;right:12px;box-shadow:0 12px 30px #0000001f}.menu-preview menu button{color:#2c2c2c;text-align:left;background:#fff;border:0;border-radius:6px;width:100%;padding:8px;font-size:11px}.menu-preview menu button:hover{background:#f5f5f5}.menu-preview menu .danger{color:#dc2626}.icon-preview{flex-wrap:wrap}.icon-preview div{flex-direction:column;align-items:center;gap:10px;width:100px;display:flex}.icon-preview span{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:45px;height:45px;font-size:20px;display:grid}.icon-preview small{color:#6b7785;font-size:10px}.inspect-preview{background:#f5f5f5;grid-template-rows:1fr auto;grid-template-columns:1.1fr .9fr;align-items:stretch;min-height:540px;padding:20px;display:grid}.inspect-preview section,.inspect-preview aside{background:#fff;border:1px solid #ededed;border-radius:12px}.inspect-preview section header{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;padding:18px;display:flex}.inspect-preview header div{flex-direction:column;gap:5px;display:flex}.inspect-preview header small{color:#6b7785}.inspect-preview header strong{font-size:14px}.inspect-preview header>span{color:#b45309;background:#fffbeb;border:1px solid #fcd34d;border-radius:5px;padding:5px 8px;font-size:9px}.inspect-fields{grid-template-columns:repeat(3,1fr);gap:25px;padding:24px 18px;display:grid}.inspect-fields p{color:#6b7785;flex-direction:column;gap:7px;font-size:9px;display:flex}.inspect-fields b{color:#101721;font-size:11px}.inspect-preview aside{flex-direction:column;gap:14px;margin-left:14px;padding:18px;display:flex}.inspect-preview aside small{color:#6b7785}.inspect-preview aside div{color:#9fa6b0;background:#fafafa;border:1px dashed #d4d4d8;border-radius:8px;flex:1;place-items:center;font-size:11px;display:grid}.inspect-preview footer{grid-column:1/-1;justify-content:space-between;padding-top:14px;display:flex}.inspect-preview footer button{background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:9px 12px;font-size:10px}.inspect-preview footer span{gap:8px;display:flex}.inspect-preview footer span button{color:#fff;background:#2c2c2c;border-color:#2c2c2c}.inspect-preview footer span button:first-child{background:#dc2626;border-color:#dc2626}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.site-shell{grid-template-columns:1fr}.topbar{grid-template-columns:1fr auto}.sidebar,.search-wrap{display:none}.content{width:min(100% - 36px,760px)}.hero{flex-direction:column;align-items:flex-start}.playground{grid-template-columns:1fr}.controls{border-top:1px solid var(--line);border-left:0}.two-column,.reference-card{grid-template-columns:1fr;gap:25px}.color-preview{flex-wrap:wrap}.color-preview span{width:70px;height:110px}}@media (max-width:580px){.topbar{padding:0 16px}.brand-subtitle,.top-actions a{display:none}.top-actions{gap:0}.hero h1{font-size:42px}.hero-actions{width:100%}.hero-actions button{flex:1}.section-heading{flex-direction:column;align-items:flex-start}.guidance-grid{grid-template-columns:1fr}.ai-banner{grid-template-columns:auto 1fr}.ai-banner button{grid-column:1/-1}.quality-strip{gap:10px}}.search:focus-within{border-color:#6161ff;box-shadow:0 0 0 3px #f3f2ff}.search-results button:hover,.search-results button:focus-visible,.nav-item:hover{background:#f7f7f9}.nav-item-active{color:#2c2c2c;background:#f3f2ff}.quality-strip b{color:#2c2c2c;background:#f5f5f5}.playground,.foundation-preview,.component-preview{border-color:#ededed;box-shadow:0 14px 40px #1017210f}.demo-button:hover:not(:disabled){box-shadow:0 5px 12px #10172129}.demo-button:focus-visible{outline-color:#6161ff}.ai-banner{background:#f7f7f9;border-color:#d4d4d8}.ai-banner button{color:#2c2c2c;border-color:#d4d4d8}.product-modals{min-height:720px;padding:88px 20px 28px}.product-modals .size-switcher{width:max-content;max-width:calc(100% - 32px);overflow:auto}.product-modal{color:#101721;background:#fff;border:1px solid #ededed;border-radius:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #10172133}.product-modal>header{border-bottom:1px solid #ededed;padding:20px 24px}.product-modal>header strong{font-size:16px;font-weight:600}.product-modal>footer{border-top:1px solid #ededed;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.product-modal>footer button{color:#2c2c2c;background:#fff;border:1px solid #2c2c2c;border-radius:4px;min-width:110px;padding:10px 18px;font-size:12px}.product-modal>footer button:last-child{color:#fff;background:#2c2c2c}.modal-x{z-index:2;color:#6b7785;background:0 0;border:0;border-radius:8px;width:40px;height:40px;font-size:20px;position:absolute;top:12px;right:12px}.modal-x:hover{color:#111720;background:#f5f5f5}.motion-rotate-x{transition:transform .3s ease-out}.motion-rotate-x:hover,.motion-rotate-x:focus-visible{transform:rotate(90deg)}.modal-mini{width:min(430px,95%);padding-top:0}.modal-mini>p{color:#101721;margin:0;padding:24px;font-size:14px;line-height:1.6}.modal-customer{grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(576px,96%);height:600px}.customer-search-input{color:#9fa6b0;background:#f7f7f9;border-radius:3px;gap:10px;margin:16px 24px 10px;padding:10px 14px;font-size:11px;display:flex}.refresh-action{color:#6b7785;background:0 0;border:0;width:max-content;margin:0 24px 4px;font-size:11px;font-weight:500}.customer-results{padding:0 24px;overflow:auto}.customer-results>button{color:#101721;text-align:left;background:#fff;border:0;border-bottom:1px solid #ededed;align-items:center;gap:12px;width:100%;padding:13px 0;display:flex}.customer-results>button:hover{background:#f7f7f9}.customer-results i{color:#6161ff;background:#f3f2ff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:11px;font-style:normal;font-weight:600;display:grid}.customer-results span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.customer-results b{font-size:11px;font-weight:500}.customer-results small,.customer-results em{color:#6b7785;font-size:9px;font-style:normal}.customer-results u{border:1px solid #9fa6b0;border-radius:50%;flex:none;width:22px;height:22px;text-decoration:none}.modal-emi{grid-template-rows:auto minmax(0,1fr) auto;width:min(896px,98%);height:610px}.emi-body{grid-template-columns:1.15fr .85fr;gap:24px;min-height:0;padding:24px;display:grid;overflow:auto}.emi-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.emi-fields label{color:#6b7785;flex-direction:column;gap:7px;font-size:10px;display:flex}.emi-fields label span{color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:6px;align-items:center;min-height:40px;padding:0 11px;font-size:11px;display:flex}.emi-body aside{background:#f7f7f9;border-radius:12px;padding:20px}.emi-total{color:#fff;background:#2c2c2c;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.emi-total small,.emi-total span{color:#d4d4d8;font-size:9px}.emi-total strong{font-size:27px}.emi-summary{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.emi-summary p{color:#6b7785;background:#fff;border-radius:8px;flex-direction:column;gap:5px;margin:0;padding:10px;font-size:9px;display:flex}.emi-summary b{color:#101721;font-size:11px}.motion-gallery{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:14px;display:grid}.motion-gallery article{flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:170px;padding:18px;display:flex}.motion-gallery article>b{font-size:11px}.motion-gallery article>small{color:#6b7785;text-align:center;font-size:9px}.motion-gallery button{color:#111720;background:0 0;border:0}.motion-rotate{width:48px;height:48px;color:#fff!important;background:#2c2c2c!important;border-radius:8px!important}.motion-rotate span{font-size:22px;transition:transform .3s ease-out;display:inline-block}.motion-rotate:hover span,.motion-rotate:focus-visible span{transform:rotate(90deg)}.motion-back{gap:8px;display:flex;border-radius:8px!important;padding:10px!important}.motion-back span{transition:transform .2s ease-out}.motion-back:hover span,.motion-back:focus-visible span{transform:translate(-2px)}.motion-kebab{letter-spacing:2px;width:44px;height:44px;transition:transform .2s ease-out,background .2s;color:#6b7785!important;border-radius:8px!important}.motion-kebab:hover,.motion-kebab:focus-visible{background:#f5f5f5;transform:scale(1.1)}.motion-loader{border:3px solid #d4d4d8;border-right-color:#2c2c2c;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.motion-chart{align-items:end;gap:7px;height:55px;display:flex}.motion-chart i{background:#6161ff;border-radius:3px 3px 0 0;width:13px;height:25%;animation:1.8s ease-out infinite alternate chart-grow}.motion-chart i:nth-child(2){height:65%;animation-delay:.15s}.motion-chart i:nth-child(3){height:40%;animation-delay:.3s}.motion-chart i:nth-child(4){height:90%;animation-delay:.45s}.motion-card{border:1px solid #ededed;border-radius:8px;padding:15px;font-size:10px;transition:transform .2s,box-shadow .2s}.motion-card span{margin-left:8px;transition:transform .2s;display:inline-block}.motion-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1017211f}.motion-card:hover span{transform:translate(4px)}.motion-dialog-demo{background:#fff;border:1px solid #ededed;border-radius:8px;padding:18px 30px;animation:2.2s ease-in-out infinite dialog-demo;box-shadow:0 10px 24px #10172124}@keyframes chart-grow{0%{transform-origin:bottom;transform:scaleY(.35)}to{transform-origin:bottom;transform:scaleY(1)}}@keyframes dialog-demo{0%,to{opacity:.35;transform:scale(.95)}40%,70%{opacity:1;transform:scale(1)}}@media (max-width:900px){.motion-gallery{grid-template-columns:repeat(2,1fr)}.emi-body{grid-template-columns:1fr}.modal-emi{height:640px}.product-modals{padding-inline:10px}}@media (max-width:580px){.motion-gallery,.emi-fields{grid-template-columns:1fr}.product-modals .size-switcher{justify-content:flex-start}.product-modals .size-switcher button{white-space:nowrap}}.component-inventory{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.component-inventory article{background:#fff;border:1px solid #ededed;border-radius:12px;min-width:0;overflow:hidden}.inventory-demo{background:#f7f7f9;border-bottom:1px solid #ededed;place-items:center;min-height:128px;display:grid}.inventory-demo>span{color:#6b7785;width:42px;height:42px;font-family:var(--font-geist-mono);background:#fff;border:1px solid #d4d4d8;border-radius:10px;place-items:center;font-size:11px;display:grid}.component-inventory article>b{color:#101721;margin:15px 16px 5px;font-size:13px;display:block}.component-inventory article>p{color:#6b7785;min-height:34px;margin:0 16px 16px;font-size:10px;line-height:1.55}.inventory-demo button{cursor:pointer;border:0;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s,opacity .18s}.inventory-demo button:hover{transform:none}.inventory-demo button:active{transform:translateY(0)}.inventory-demo button:focus-visible{outline-offset:3px;outline:3px solid #6161ff47}.inventory-button{height:40px;padding:12px;font-size:16px;font-weight:400;border-radius:8px!important}.inventory-small{height:36px}.inventory-medium{height:40px}.inventory-large{height:44px}.inventory-primary{color:#fff;background:#2c2c2c}.inventory-primary:hover{background:#1a1a1a}.inventory-secondary{color:#2c2c2c;background:#fff;border:1px solid #d4d4d8!important}.inventory-secondary:hover{background:#f5f5f5;border-color:#2c2c2c!important}.inventory-text{color:#6161ff;background:0 0}.inventory-text:hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.inventory-destructive{color:#fff;background:#dc2626}.inventory-destructive:hover{filter:brightness(.9);box-shadow:0 6px 16px #dc262638}.inventory-loading{color:#fff;opacity:.65;background:#2c2c2c}.inventory-loading:hover{opacity:.85;background:#1a1a1a}.button-inventory article:nth-child(5) .inventory-demo button{color:#6b7785;letter-spacing:2px;background:#fff;border-radius:8px;width:40px;height:40px}.button-inventory article:nth-child(5) .inventory-demo button:hover{color:#2c2c2c;background:#f5f5f5;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #1017211f}.inventory-nudge{z-index:50;color:#fff;background:#2c2c2c;border:1px solid #2c2c2c;border-radius:12px;gap:4px;width:min(360px,100vw - 32px);padding:15px 18px;animation:.22s ease-out both inventory-nudge-in;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 46px #1017213d}.inventory-nudge b{font-size:13px}.inventory-nudge span{color:#ededed;font-size:11px;line-height:1.5}@keyframes inventory-nudge-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.component-guidance{grid-template-columns:1fr 1fr}.component-guidance .guidance-card{min-height:180px}.component-guidance strong{color:#101721;font-size:13px;line-height:1.6;display:block}.component-guidance .guidance-card>p{line-height:1.55}.inventory-field{color:#101721;flex-direction:column;gap:7px;width:calc(100% - 36px);font-size:10px;font-weight:500;display:flex}.inventory-field input{color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:6px;outline:none;width:100%;height:39px;padding:0 10px;font-size:11px}.inventory-field input::placeholder{color:#9fa6b0}.inventory-field input:focus{border-color:#6161ff;box-shadow:0 0 0 2px #f3f2ff}.floating-field{padding-top:8px;position:relative}.floating-field>span{z-index:1;color:#6b7785;background:#f7f7f9;padding:0 4px;font-size:9px;position:absolute;top:1px;left:8px}.floating-field input{background:0 0;border-width:0 0 1px;border-radius:0;padding-left:0}.boxed-field input{background:#fff;border-color:#d4d4d8;font-weight:500}.error-field input{border-color:#dc2626}.error-field>small{color:#dc2626;font-size:8px;font-weight:400}.disabled-field{opacity:.65}.disabled-field input{cursor:not-allowed;background:#ededed}.addon-field>div{display:flex}.addon-field input{border-radius:6px 0 0 6px}.addon-field>div>b{color:#6b7785;background:#ededed;border:1px solid #d4d4d8;border-left:0;border-radius:0 6px 6px 0;place-items:center;width:40px;font-size:11px;display:grid}.button-inventory{gap:42px;display:grid}.inventory-group{gap:16px;display:grid}.inventory-group-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.inventory-group-heading>div{align-items:center;gap:10px;display:flex}.inventory-group-heading span{color:#6b7785;width:28px;height:28px;font-family:var(--font-geist-mono);border:1px solid #d4d4d8;border-radius:7px;place-items:center;font-size:9px;display:grid}.inventory-group-heading h3{color:#101721;margin:0;font-size:18px;font-weight:600}.inventory-group-heading p{color:#6b7785;max-width:340px;margin:0;font-size:10px;line-height:1.55}.button-type-grid,.button-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.button-type-grid .inventory-demo,.button-state-grid .inventory-demo{min-height:112px}.button-state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.button-variant-tabs{background:#f7f7f9;border:1px solid #ededed;border-radius:10px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex;overflow:auto}.button-variant-tabs button{color:#6b7785;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 14px;font-size:11px;font-weight:500}.button-variant-tabs button:focus-visible{outline-offset:2px;outline:3px solid #6161ff47}.inventory-icon{color:#6b7785;letter-spacing:2px;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:0;width:40px;height:40px;display:inline-flex}.inventory-icon:hover,.inventory-icon.is-preview-hover{color:#2c2c2c;background:#f5f5f5;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #1017211f}.inventory-primary.is-preview-hover{background:#1a1a1a}.inventory-secondary.is-preview-hover{background:#f5f5f5;border-color:#2c2c2c!important}.inventory-text.is-preview-hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.inventory-destructive.is-preview-hover{filter:brightness(.9);transform:translateY(-2px);box-shadow:0 6px 16px #dc262638}.inventory-demo button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none!important;filter:none!important;transform:none!important}.inventory-demo button.is-loading{cursor:progress;justify-content:center;align-items:center;gap:8px;display:inline-flex}.inventory-spinner{opacity:.75;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite spin;display:inline-block}.inventory-icon .inventory-spinner{width:15px;height:15px}.spec-anatomy-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;display:grid}.button-dimension-figure{background:#f7f7f9;border:1px solid #ededed;border-radius:14px;flex-direction:column;min-height:420px;margin:0;display:flex;overflow:hidden}.button-dimension-figure figcaption{color:#101721;background:#fff;border-bottom:1px solid #ededed;padding:16px 18px;font-size:11px;font-weight:600}.dimension-canvas{background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.dimension-width{color:#6161ff;width:220px;height:48px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;justify-content:center;align-items:flex-start;font-size:9px;display:flex;position:relative}.dimension-width:before,.dimension-width:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.dimension-width:before{left:0}.dimension-width:after{right:0}.dimension-width span{background:#f3f2ff;border-radius:5px;margin-top:-24px;padding:4px 7px}.dimension-row{align-items:center;gap:18px;display:flex}.dimension-height{color:#6161ff;width:38px;height:80px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;align-items:center;font-size:9px;display:flex;position:relative}.dimension-height:before,.dimension-height:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.dimension-height:before{top:0}.dimension-height:after{bottom:0}.dimension-height span{transform:translate(-7px)rotate(-90deg)}.measured-button{color:#fff;background:#2c2c2c;border:2px solid #2c2c2c;border-radius:16px;align-items:center;width:220px;height:80px;display:flex;overflow:hidden;box-shadow:0 10px 28px #10172129}.measured-secondary-button{color:#2c2c2c;box-shadow:none;background:#fff;border:1px solid #d4d4d8}.measured-button i{color:#d4d4d8;width:36px;height:100%;font-family:var(--font-geist-mono);border-inline:1px dashed #ffffff61;flex:none;place-items:center;font-size:9px;font-style:normal;display:grid}.measured-secondary-button i{color:#6b7785;border-inline-color:#d4d4d8}.measured-button b{text-align:center;flex:1;font-size:13px}.dimension-radius{color:#6b7785;width:220px;font-family:var(--font-geist-mono);justify-content:flex-end;padding-top:20px;font-size:9px;display:flex}.dimension-radius span{border-left:1px solid #6161ff;padding:8px 0 0 10px;position:relative}.dimension-radius span:before{content:"";background:#6161ff;width:26px;height:1px;position:absolute;top:0;left:-1px}.button-anatomy-list{background:#ededed;border:1px solid #ededed;border-radius:14px;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.button-anatomy-list li{background:#fff;gap:14px;padding:19px;display:flex}.button-anatomy-list li>span{color:#fff;width:26px;height:26px;font-family:var(--font-geist-mono);background:#2c2c2c;border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.button-anatomy-list b{color:#101721;font-size:11px}.button-anatomy-list p{color:#6b7785;margin:5px 0 0;font-size:10px;line-height:1.55}.spec-subheading{justify-content:space-between;align-items:end;gap:24px;margin:46px 0 16px;display:flex}.spec-subheading>div>span{color:#6b7785;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.spec-subheading h3{color:#101721;margin:7px 0 0;font-size:18px}.spec-subheading>p{color:#6b7785;max-width:370px;margin:0;font-size:10px;line-height:1.55}.button-size-specs{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.button-size-specs article{background:#fff;border:1px solid #ededed;border-radius:12px;overflow:hidden}.button-size-specs article>div{background:#f7f7f9;border-bottom:1px solid #ededed;place-items:center;min-height:130px;display:grid}.button-size-specs header{justify-content:space-between;align-items:center;padding:15px 16px 11px;display:flex}.button-size-specs header b{color:#101721;font-size:12px}.button-size-specs code,.button-token-table code{color:#6b7785;font-family:var(--font-geist-mono);background:#f5f5f5;border-radius:5px;padding:4px 6px;font-size:9px}.button-size-specs dl{margin:0;padding:0 16px 15px}.button-size-specs dl>div{border-top:1px solid #ededed;justify-content:space-between;padding:9px 0;display:flex}.button-size-specs dt{color:#6b7785;font-size:9px}.button-size-specs dd{color:#101721;font-family:var(--font-geist-mono);margin:0;font-size:9px}.button-token-table{border:1px solid #ededed;border-radius:12px;overflow:hidden}.button-token-table>div{border-top:1px solid #ededed;grid-template-columns:.7fr .5fr 1.3fr;align-items:center;min-height:46px;padding:0 17px;display:grid}.button-token-table>div:first-child{color:#6b7785;text-transform:uppercase;background:#f7f7f9;border-top:0;min-height:42px;font-size:9px}.button-token-table>div:not(:first-child)>span{color:#101721;font-size:10px}.button-token-table>div:not(:first-child)>span:last-child{color:#6b7785}@media (max-width:900px){.component-inventory,.button-type-grid,.button-state-grid{grid-template-columns:repeat(2,1fr)}.spec-anatomy-layout{grid-template-columns:1fr}.button-anatomy-list{grid-template-columns:1fr 1fr}}@media (max-width:580px){.component-inventory,.component-guidance,.button-type-grid,.button-state-grid,.button-size-specs{grid-template-columns:1fr}.inventory-group-heading,.spec-subheading{flex-direction:column;align-items:flex-start}.button-variant-tabs{width:100%}.button-anatomy-list{grid-template-columns:1fr}.dimension-canvas{padding:44px 18px}.button-token-table>div{grid-template-columns:1fr .55fr;gap:10px;padding-block:10px}.button-token-table>div>:last-child{grid-column:1/-1}}.color-preview>div>.swatch-primary{background:#2c2c2c}.color-preview>div>.swatch-hover{background:#1a1a1a}.color-preview>div>.swatch-ink{background:#101721}.color-preview>div>.swatch-secondary-text{background:#6b7785}.color-preview>div>.swatch-violet{background:#6161ff}.color-preview>div>.swatch-danger{background:#dc2626}.color-preview>div>.swatch-warning{background:#f59e0b}.color-preview>div>.swatch-surface{background:#f5f5f5}.source-dot{background:#6161ff;box-shadow:0 0 0 3px #f3f2ff}.avatar,.customer-results i{color:#6161ff;background:#f3f2ff}.dimension-width,.dimension-radius{transform:translate(28px)}.button-showcase{padding-top:16px}.hero{padding-top:24px;padding-bottom:24px}.hero-content{width:100%}.hero-title-row{justify-content:space-between;align-items:center;gap:28px;display:flex}.hero-title-row h1{margin:0}.hero-title-row .hero-actions{flex:none;padding-bottom:0}.hero-title-row+.lede{margin-top:15px}.hero .lede{width:100%;max-width:none}@media (max-width:580px){.hero-title-row{flex-direction:column;align-items:flex-start;gap:18px}.hero-title-row .hero-actions{width:100%}}.numbered-section-heading{margin-bottom:22px}.numbered-section-heading h2{color:#101721;letter-spacing:-.035em;margin:0;font-size:27px}.numbered-section-heading>p{white-space:normal;min-width:0;max-width:60%}.numbered-section-heading>div{flex-shrink:0}@media (max-width:900px){.numbered-section-heading{flex-direction:column;align-items:flex-start}.numbered-section-heading>p{white-space:normal;max-width:100%}}.copy-code-action{color:#2c2c2c;justify-content:center;align-items:center;gap:8px;min-width:108px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.copy-code-action:hover{background:#f5f5f5;border-color:#2c2c2c}.copy-code-action:active{transform:translateY(1px)}.copy-code-action:focus-visible{outline-offset:3px;outline:3px solid #6161ff47}.copy-code-icon{flex:none;place-items:center;width:16px;height:16px;display:grid}.copy-code-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.copy-code-action.is-copied{background:#f5f5f5;border-color:#2c2c2c;box-shadow:0 4px 12px #1017211a}.copy-code-action.is-copied .copy-code-icon{animation:.26s ease-out both copy-confirm-pop}.copy-code-label{animation:.18s ease-out both copy-label-in}@keyframes copy-confirm-pop{0%{opacity:0;transform:scale(.55)rotate(-12deg)}70%{transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes copy-label-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.copy-code-action,.copy-code-icon,.copy-code-label{transition-duration:.01ms!important;animation:none!important}}.expanded-spacing{grid-template-columns:1fr 1fr;align-items:center;gap:0 38px;width:100%;display:grid}.expanded-spacing>div{border-bottom:1px solid #ededed;grid-template-columns:210px 48px 1fr;align-items:center;gap:12px;min-height:42px;display:grid}.expanded-spacing>div>span{background:#2c2c2c;border-radius:2px;max-width:192px;height:10px}.expanded-spacing b{color:#101721;font-family:var(--font-geist-mono);font-size:10px}.expanded-spacing small{color:#6b7785;font-size:9px}.grid-foundation-preview{grid-template-rows:auto 1fr auto;align-items:stretch;gap:0;width:100%;min-height:470px;padding:0;display:grid;overflow:auto}.grid-preview-toolbar{background:#fff;border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.grid-preview-toolbar>div:first-child{flex-direction:column;gap:4px;display:flex}.grid-preview-toolbar b{color:#101721;font-size:11px}.grid-preview-toolbar small{color:#6b7785;font-size:9px}.grid-preview-toolbar>div:last-child{background:#f7f7f9;border:1px solid #ededed;border-radius:8px;gap:4px;padding:3px;display:flex}.grid-preview-toolbar button{color:#6b7785;background:0 0;border:0;border-radius:6px;width:32px;height:30px;font-size:10px}.grid-preview-toolbar button.active{color:#fff;background:#2c2c2c}.app-shell-grid{background:#f5f5f5;grid-template-columns:256px minmax(0,1fr);min-width:720px;min-height:350px;display:grid;overflow:hidden}.app-shell-grid>aside{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;min-width:0;padding:20px;display:flex}.app-shell-grid>aside header{align-items:center;gap:10px;display:flex}.app-shell-grid>aside header span{color:#fff;background:#2c2c2c;border-radius:8px;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:grid}.app-shell-grid>aside header b{color:#101721;font-size:11px}.app-shell-grid>aside nav{gap:7px;margin-top:24px;display:grid}.app-shell-grid>aside nav i{color:#6b7785;border-radius:7px;padding:9px 10px;font-size:9px;font-style:normal}.app-shell-grid>aside nav i.active{color:#2c2c2c;background:#f3f2ff;font-weight:650}.app-shell-grid>aside footer{color:#6b7785;background:#ededed;border-radius:50%;place-items:center;width:30px;height:30px;margin-top:auto;font-size:8px;font-weight:700;display:grid}.app-shell-grid>section{min-width:0;padding:20px}.app-shell-grid>section>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.app-shell-grid>section>header b{color:#101721;font-size:13px}.app-shell-grid>section>header small{color:#6b7785;font-size:8px}.app-shell-content-grid{gap:16px;transition:grid-template-columns .18s;display:grid}.app-shell-content-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:space-between;gap:10px;min-width:0;min-height:80px;padding:13px;display:flex;box-shadow:0 3px 10px #1017210d}.app-shell-content-grid article small{color:#6b7785;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.app-shell-content-grid article b{color:#101721;white-space:nowrap;font-size:11px}.grid-breakpoints{background:#fff;border-top:1px solid #ededed;grid-template-columns:repeat(5,1fr);display:grid}.grid-breakpoints span{color:#6b7785;border-left:1px solid #ededed;flex-direction:column;gap:4px;padding:12px 14px;font-size:9px;display:flex}.grid-breakpoints span:first-child{border-left:0}.grid-breakpoints b{color:#101721;font-family:var(--font-geist-mono);font-size:9px}.mini-nav-row{color:#6b7785;border-radius:6px;align-items:center;gap:9px;width:calc(100% - 28px);min-height:38px;padding:0 10px;font-size:10px;display:flex}.mini-nav-row.active{color:#101721;background:#e6e6e6}.mini-nav-row>b{flex:1;font-weight:500}.mini-nav-row i{color:#fff;background:#2c2c2c;border-radius:99px;place-items:center;min-width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.mini-nav-stack{gap:3px;width:100%;display:grid}.mini-nav-stack .mini-nav-row{width:calc(100% - 28px);margin:auto}.mini-nav-child{color:#6b7785;background:#f5f5f5;border-radius:5px;margin-left:42px;padding:6px 9px;font-size:9px}.mini-list-row{color:#101721;background:#fff;border-radius:8px;align-items:center;gap:9px;width:calc(100% - 26px);padding:9px;display:flex}.mini-list-row.selected{background:#ededed}.mini-list-row>span{color:#fff;background:#2c2c2c;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-size:8px;display:grid}.mini-list-row>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mini-list-row b{font-size:9px}.mini-list-row small{color:#6b7785;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mini-list-row i{color:#6b7785;font-style:normal}.mini-empty{color:#9fa6b0;font-size:10px}.mini-select{color:#101721;flex-direction:column;gap:6px;width:calc(100% - 34px);font-size:9px;display:flex}.mini-select select{color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:7px;height:36px;padding:0 9px;font-size:9px}.mini-select.error select{border-color:#dc2626}.mini-choice{color:#101721;align-items:center;gap:9px;font-size:10px;display:flex}.mini-choice.disabled{opacity:.4}.mini-checkbox,.mini-radio{color:#fff!important;background:#fff!important;border:1px solid #9fa6b0!important;border-radius:4px!important;place-items:center!important;width:18px!important;height:18px!important;font-family:inherit!important;font-size:11px!important;display:grid!important}.mini-checkbox.checked,.mini-checkbox.indeterminate{background:#2c2c2c!important;border-color:#2c2c2c!important}.mini-radio{border-radius:50%!important}.mini-radio i{background:0 0;border-radius:50%;width:8px;height:8px}.mini-radio.selected{border-color:#2c2c2c!important}.mini-radio.selected i{background:#2c2c2c}.mini-switch{background:#d4d4d8!important;border:0!important;border-radius:99px!important;align-items:center!important;width:36px!important;height:20px!important;padding:2px!important;display:flex!important}.mini-switch i{background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #10172133}.mini-switch.on{justify-content:flex-end;background:#2c2c2c!important}.mini-toggle-group{background:#ededed;border-radius:99px;gap:3px;padding:4px;display:flex}.mini-toggle-group.vertical{border-radius:8px;flex-direction:column}.mini-toggle-group button{color:#6b7785;background:0 0;border:0;border-radius:99px;padding:6px 9px;font-size:8px}.mini-toggle-group.vertical button{border-radius:5px}.mini-document-upload{color:#1a1a1a;background:#fff;border:1px dashed #d9d9d9;border-radius:8px;align-items:center;gap:10px;width:calc(100% - 30px);min-height:72px;padding:12px;transition:background-color .18s,border-color .18s;display:flex}.mini-document-upload>span{background:#f3f4f6;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.mini-document-upload>div{flex:1;gap:3px;min-width:0;display:grid}.mini-document-upload b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mini-document-upload small{color:#8c8c8c;font-size:8px}.mini-document-upload i{color:#dc2626;font-size:8px;font-style:normal}.mini-document-upload.state-hover{background:#f9fafb;border-color:#1a1a1a}.mini-document-upload.state-uploaded{border-style:solid}.mini-document-upload.state-uploaded>span{color:#15803d;background:#f0fdf4}.mini-document-upload.state-error{border-color:#dc2626}.mini-document-upload.state-error small{color:#dc2626}.component-inventory.document-upload-inventory{border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;background:0 0!important;border:0!important}.component-inventory.document-upload-inventory>article{border-radius:0;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.document-upload-inventory .inventory-demo{min-height:96px;padding:12px 0 0;background:0 0!important;border:0!important}.document-upload-inventory .mini-document-upload,.document-upload-inventory .mini-document-upload.state-hover,.document-upload-inventory .mini-document-upload.state-uploaded,.document-upload-inventory .mini-document-upload.state-error{box-shadow:none;background:0 0;border:0!important}.document-upload-inventory>article>b{margin-top:12px}.document-upload-inventory>article>p{min-height:0}@media (max-width:900px){.component-inventory.document-upload-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.component-inventory.document-upload-inventory{grid-template-columns:1fr}}.document-upload-preview{flex-direction:column;min-height:520px;position:relative;overflow:hidden}.document-upload-preview>p{color:#6b7785;margin:0;font-size:11px}.document-upload-trigger{color:#fff;cursor:pointer;background:#2c2c2c;border:1px solid #2c2c2c;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:600;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.document-upload-trigger:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 16px #1017212e}.document-upload-trigger>span{font-size:16px}.document-upload-modal-layer{z-index:5;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.document-upload-overlay{background:#10172175;border:0;position:absolute;inset:0}.document-upload-modal-layer>article{z-index:1;background:#fff;border-radius:10px;width:min(500px,100%);animation:.2s ease-out both document-upload-dialog-in;position:relative;overflow:hidden;box-shadow:0 24px 64px #10172147}.document-upload-modal-layer>article>header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.document-upload-modal-layer>article>header strong{color:#101721;font-size:16px}.document-upload-modal-layer>article>header button{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;font-size:20px;transition:background-color .18s,transform .3s}.document-upload-modal-layer>article>header button:hover{background:#f3f4f6;transform:rotate(90deg)}.document-upload-modal-body{gap:10px;padding:20px;display:grid}.document-upload-modal-body>p{color:#6b7785;margin:0;font-size:10px}.document-dropzone{box-sizing:border-box;cursor:pointer;background:#fff;border:1px dashed #d9d9d9;border-radius:8px;place-items:center;min-height:126px;padding:24px;transition:background-color .18s,border-color .18s;width:100%!important;display:grid!important}.document-dropzone:hover{background:#f9fafb;border-color:#1a1a1a}.document-dropzone.state-error{border-color:#dc2626}.document-dropzone.state-uploaded{border-style:solid}.document-dropzone input{display:none}.document-upload-empty{align-items:center;gap:12px;display:flex}.document-upload-empty>span{font-size:22px}.document-upload-empty>div{gap:4px;display:grid}.document-upload-empty b{color:#1a1a1a;font-size:13px}.document-upload-empty small{color:#8c8c8c;font-size:11px}.document-uploaded-file{align-items:center;gap:12px;width:100%;display:flex}.document-uploaded-file>span{color:#15803d;background:#f0fdf4;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.document-uploaded-file>div{flex:1;gap:4px;min-width:0;display:grid}.document-uploaded-file b{color:#343333;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.document-uploaded-file small{color:#15803d;font-size:10px}.document-uploaded-file i{color:#6161ff;font-size:9px;font-style:normal}.document-upload-error{color:#dc2626;font-size:10px}.document-upload-modal-layer>article>footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:15px 20px;display:flex}.document-upload-modal-layer>article>footer button{color:#2c2c2c;background:#fff;border:1px solid #d4d4d8;border-radius:7px;min-height:36px;padding:0 14px;font-size:11px}.document-upload-modal-layer>article>footer button:last-child{color:#fff;background:#2c2c2c;border-color:#2c2c2c}.document-upload-modal-layer>article>footer button:disabled{cursor:not-allowed;opacity:.35}@keyframes document-upload-dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.document-upload-complete{background:#fff;border:1px solid #d4d4d8;border-radius:10px;align-items:center;gap:12px;width:min(520px,100%);padding:16px;display:flex}.document-upload-complete>span{color:#15803d;background:#f0fdf4;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.document-upload-complete>div{flex:1;gap:4px;min-width:0;display:grid}.document-upload-complete b{color:#101721;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.document-upload-complete small{color:#15803d;font-size:10px}.document-upload-complete button{color:#2c2c2c;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;min-height:34px;padding:0 12px;font-size:10px;font-weight:600}.document-upload-picker{align-items:center;gap:12px;display:flex}.component-preview .document-upload-picker-button{color:#fff;cursor:pointer;background:#2c2c2c;border:1px solid #2c2c2c;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:auto;min-height:40px;padding:0 16px;font-size:11px;font-weight:650;transition:background-color .18s,box-shadow .18s;display:inline-flex}.component-preview .document-upload-picker-button:hover{background:#1a1a1a;box-shadow:0 5px 14px #10172129}.document-upload-picker-button input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.document-upload-picker>small{color:#6b7785;font-size:10px}.document-upload-modal-body>.document-uploaded-file{box-sizing:border-box;background:#f9fafb;border:1px solid #d4d4d8;border-radius:9px;padding:13px}.document-upload-inline-modal{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:min(560px,100%);overflow:hidden;box-shadow:0 18px 48px #10172129}.document-upload-inline-modal>header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.document-upload-inline-modal>header strong{color:#101721;font-size:16px}.document-upload-inline-modal>header button{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;font-size:20px;transition:background-color .18s,transform .3s}.document-upload-inline-modal>header button:hover{background:#f3f4f6;transform:rotate(90deg)}.document-upload-inline-modal>footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:15px 20px;display:flex}.document-upload-inline-modal>footer button{color:#2c2c2c;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;min-height:36px;padding:0 14px;font-size:11px}.document-upload-inline-modal>footer button:last-child{color:#fff;background:#2c2c2c;border-color:#2c2c2c}.document-upload-inline-modal>footer button:disabled{cursor:not-allowed;opacity:.35}.global-navigation-preview{justify-content:flex-start;align-items:stretch;gap:0;min-height:570px;padding:0;overflow:hidden}.global-navigation-preview>aside{background:#fff;border-right:1px solid #ededed;flex-direction:column;flex:none;width:256px;padding:20px;display:flex}.global-navigation-preview aside header,.global-navigation-preview aside footer{align-items:center;gap:11px;display:flex}.global-navigation-preview aside header>span,.global-navigation-preview aside footer>span{color:#fff;background:#2c2c2c;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-size:10px;display:grid}.global-navigation-preview aside header>div,.global-navigation-preview aside footer>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.global-navigation-preview aside b{color:#101721;font-size:11px}.global-navigation-preview aside small{color:#6b7785;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.global-navigation-preview aside header>i{color:#6b7785;font-style:normal}.global-navigation-preview nav{flex-direction:column;flex:1;gap:7px;margin-top:24px;display:flex}.global-navigation-preview nav>button{color:#6b7785;text-align:left;background:#fff;border:0;border-radius:6px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:10px;display:flex}.global-navigation-preview nav>button:hover{background:#f5f5f5}.global-navigation-preview nav>button.active{color:#101721;background:#e6e6e6}.global-navigation-preview nav>button>span{text-align:center;width:18px}.global-navigation-preview nav>button>i{margin-left:auto;font-style:normal}.global-navigation-preview nav>button>em,.nav-children em{color:#fff;background:#2c2c2c;border-radius:99px;place-items:center;min-width:20px;margin-left:auto;padding:3px 5px;font-size:8px;font-style:normal;display:grid}.nav-children{gap:3px;display:grid}.nav-children button{color:#6b7785;text-align:left;background:#fff;border:0;border-radius:6px;align-items:center;min-height:34px;padding:0 10px 0 40px;font-size:9px;display:flex}.nav-children button.active{color:#101721;background:#ededed}.global-navigation-preview aside footer{border-top:1px solid #ededed;padding-top:15px}.global-navigation-preview aside footer>span{color:#2c2c2c;background:#f5f5f5;border-radius:50%}.navigation-context{background:#f7f7f9;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:50px;display:flex}.navigation-context small{color:#6b7785;text-transform:uppercase;font-size:9px}.navigation-context strong{color:#101721;margin-top:9px;font-size:26px}.navigation-context p{color:#6b7785;max-width:360px;margin:12px 0 0;font-size:11px;line-height:1.6}.interactive-list-preview{flex-direction:column;align-items:stretch;gap:12px}.interactive-list-preview>div{background:#fff;border:1px solid #ededed;border-radius:10px;width:min(650px,100%);overflow:hidden}.interactive-list-preview button{color:#101721;text-align:left;background:#fff;border:0;border-top:1px solid #ededed;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.interactive-list-preview button:first-child{border-top:0}.interactive-list-preview button:hover{background:#f7f7f9}.interactive-list-preview button[aria-selected=true]{background:#ededed}.interactive-list-preview button>span{color:#fff;background:#2c2c2c;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-size:9px;display:grid}.interactive-list-preview button>div{flex-direction:column;flex:1;gap:4px;display:flex}.interactive-list-preview button b,.interactive-list-preview button strong{font-size:10px}.interactive-list-preview button small{color:#6b7785;font-size:9px}.interactive-list-preview button i{color:#6b7785;font-style:normal}.interactive-list-preview>p,.select-preview>p,.choice-preview>p,.radio-preview>p,.toggle-group-preview>p{color:#6b7785;margin:0;font-size:10px}.interactive-list-preview>p b,.select-preview>p b,.radio-preview>p b,.toggle-group-preview>p b{color:#101721}.select-preview{flex-direction:column}.select-preview label{width:min(420px,100%)}.select-preview select{color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:8px;outline:none;height:44px;padding:0 12px}.select-preview select:focus{border-color:#2c2c2c;box-shadow:0 0 0 3px #6161ff2e}.choice-preview{flex-direction:column}.choice-preview fieldset,.radio-preview fieldset{background:#fff;border:1px solid #ededed;border-radius:12px;gap:8px;width:min(520px,100%);padding:16px;display:grid}.choice-preview legend,.radio-preview legend{color:#101721;padding:0 7px;font-size:11px;font-weight:600}.choice-preview fieldset>button{color:#101721;text-align:left;background:#fff;border:0;border-radius:8px;align-items:center;gap:11px;padding:11px;display:flex}.choice-preview fieldset>button:hover{background:#f5f5f5}.choice-box{color:#fff;border:1px solid #9fa6b0;border-radius:4px;flex:none;place-items:center;width:20px;height:20px;display:grid}.choice-box.checked,.choice-box.mixed{background:#2c2c2c;border-color:#2c2c2c}.choice-preview fieldset>button>span:last-child{flex-direction:column;gap:3px;display:flex}.choice-preview fieldset b{font-size:10px}.choice-preview fieldset small{color:#6b7785;text-transform:capitalize;font-size:8px}.radio-preview{flex-direction:column}.radio-preview fieldset{grid-template-columns:repeat(3,1fr)}.radio-preview label{cursor:pointer;border:2px solid #ededed;border-radius:12px;align-items:center;gap:9px;width:auto;padding:14px;display:flex}.radio-preview label.selected{background:#f7f7f9;border-color:#1a1a1a}.radio-preview input{accent-color:#1a1a1a;width:16px;height:16px}.radio-preview label span{color:#101721;font-size:9px;font-weight:600}.radio-customer-playground{background:#f3f4f6;align-items:center;min-height:720px;padding:26px}.radio-customer-modal{height:min(620px,100vh - 150px);min-height:560px}.radio-customer-results{border:0;flex-direction:column;flex:1;gap:4px;min-height:0;margin:0;padding:16px 24px 24px;display:flex;overflow-y:auto}.radio-customer-option{color:#101721;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:12px;width:100%;min-height:76px;padding:12px;transition:background .16s,border-color .16s;display:flex}.radio-customer-option:hover{background:#f3f4f6}.radio-customer-option.is-selected{background:#f7f7f9;border-color:#d4d4d8}.radio-customer-option>input{accent-color:#2c2c2c;cursor:pointer;flex:none;width:20px;height:20px;margin:2px 0 0}.radio-customer-option .customer-search-copy b{font-weight:500}.radio-customer-option .customer-search-copy small{font-size:12px}.component-preview .radio-customer-option{flex-direction:row}.switch-preview>div{background:#fff;border:1px solid #ededed;border-radius:12px;width:min(560px,100%);overflow:hidden}.switch-preview>div>div{border-top:1px solid #ededed;justify-content:space-between;align-items:center;gap:30px;padding:14px 16px;display:flex}.switch-preview>div>div:first-child{border-top:0}.switch-preview span{flex-direction:column;gap:4px;display:flex}.switch-preview b{color:#101721;font-size:10px}.switch-preview small{color:#6b7785;font-size:8px}.switch-preview button{background:#d4d4d8;border:0;border-radius:99px;flex:none;align-items:center;width:42px;height:24px;padding:3px;transition:background .18s;display:flex}.switch-preview button i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;box-shadow:0 1px 4px #10172140}.switch-preview button.on{background:#2c2c2c}.switch-preview button.on i{transform:translate(18px)}.toggle-group-preview>div{background:#ededed;border-radius:99px;gap:5px;padding:6px;display:flex}.toggle-group-preview button{color:#6b7785;background:0 0;border:0;border-radius:99px;padding:9px 16px;font-size:10px}.toggle-group-preview button:hover{background:#ffffffa6}@media (max-width:900px){.expanded-spacing{grid-template-columns:1fr}.global-navigation-preview{min-height:520px}.navigation-context{padding:30px}.grid-breakpoints{grid-template-columns:repeat(3,1fr)}}@media (max-width:580px){.expanded-spacing>div{grid-template-columns:140px 45px 1fr}.global-navigation-preview>aside{width:100%}.navigation-context{display:none}.radio-preview fieldset{grid-template-columns:1fr}.grid-preview-canvas{gap:8px;padding:20px}.grid-breakpoints{grid-template-columns:1fr 1fr}}.component-inventory.button-type-grid,.component-inventory.button-state-grid{background:#fff;border:1px solid #ededed;border-radius:12px;gap:0;overflow:hidden}.component-inventory.button-type-grid article,.component-inventory.button-state-grid article{border:0;border-radius:0}.button-type-grid .inventory-demo,.button-state-grid .inventory-demo{border-bottom:0;place-items:center start;padding-left:16px}.mini-toggle-group{background:#ededed;border-radius:99px;align-items:center;gap:4px;padding:6px;display:inline-flex}.mini-toggle-group button{color:#6b7785;background:0 0;border:0;border-radius:99px;width:78px;padding:7px 12px;font-size:10px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.mini-toggle-group button.active{color:#101721;background:#fff;box-shadow:0 1px 4px #1017211f}.mini-toggle-group button.is-preview-hover{color:#101721;background:#d1d5db80}.toggle-group-preview{flex-direction:column}.toggle-group-preview>div{background:#ededed;border-radius:99px;align-items:center;gap:4px;padding:6px;display:inline-flex}.toggle-group-preview button{color:#6b7280;background:0 0;border:0;border-radius:99px;align-items:center;gap:8px;padding:6px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.toggle-group-preview button:hover{color:#111827;background:#d1d5db80}.toggle-group-preview button.active{color:#111827;background:#fff;box-shadow:0 1px 3px #10172124}.toggle-tab-icon{flex:none;place-items:center;width:16px;height:16px;font-size:13px;line-height:1;display:grid}@media (max-width:580px){.toggle-group-preview>div{border-radius:12px;max-width:100%;overflow-x:auto}.toggle-group-preview button{padding-inline:12px}}.color-preview{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px;width:100%;display:grid}.color-preview>div{gap:5px;width:auto;min-width:0}.color-preview>div>span{height:92px;box-shadow:inset 0 0 0 1px #10172114}.color-preview em{color:#9fa6b0;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:650}.color-preview b{color:#101721}@media (max-width:900px){.color-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:580px){.color-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}.color-preview>div>span{width:100%;height:76px}}.color-preview{flex-direction:column;align-items:stretch;gap:42px;display:flex}.color-category{width:100%}.color-category+.color-category{border-top:1px solid #ededed;padding-top:42px}.color-category>header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:30px;display:flex}.color-category>header h3{color:#101721;letter-spacing:-.025em;margin:0;font-size:22px}.color-category>header p{color:#6b7785;max-width:480px;margin:0;font-size:11px;line-height:1.55}.color-family+.color-family{margin-top:34px}.color-family h4{color:#101721;margin:0 0 14px;font-size:13px;font-weight:650}.color-token-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.color-token-grid article{flex-direction:column;gap:5px;min-width:0;display:flex}.color-preview .color-token-grid article>span{border:1px solid #e2e2e2;border-radius:10px;width:100%;height:92px;display:block;box-shadow:inset 0 0 0 1px #10172114}.color-token-grid article b{color:#101721;font-size:11px}.color-token-grid article small{color:#7b8490;font-family:var(--font-geist-mono);font-size:10px}@media (max-width:900px){.color-token-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-category>header{flex-direction:column;gap:8px}}@media (max-width:580px){.color-preview{gap:32px;padding:22px}.color-category+.color-category{padding-top:32px}.color-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.color-preview .color-token-grid article>span{height:76px}}.foundation-preview.type-preview.type-specimen-list{background:#fff;flex-direction:column;grid-template-columns:none;align-items:stretch;gap:0;width:100%;padding:0;display:flex;overflow:hidden}.type-preview>.type-specimen-header,.type-preview>.type-specimen-row{grid-template-columns:260px minmax(0,1fr);justify-content:normal;align-items:center;column-gap:72px;padding-inline:28px;display:grid}.type-specimen-header{background:#f7f7f9;border-bottom:1px solid #ededed;min-height:48px}.type-preview .type-specimen-header span{color:#9fa6b0;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:650}.type-preview>.type-specimen-row{border-bottom:0;min-height:82px;padding-block:24px}.type-specimen-row:last-child{border-bottom:0}.type-specimen-row code{background:0 0;border:0;width:max-content;padding:0;font-family:inherit}.type-preview .type-specimen-row>span{min-width:0}@media (max-width:700px){.type-specimen-list{overflow-x:auto}.type-preview>.type-specimen-header,.type-preview>.type-specimen-row{grid-template-columns:230px minmax(0,1fr);column-gap:42px;min-width:700px;padding-inline:22px}}.font-weight-preview{background:#fff;border:1px solid #ededed;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px #1017210f}.font-weight-preview>div{grid-template-columns:110px 190px minmax(0,1fr);align-items:center;column-gap:48px;min-height:78px;padding:16px 28px;display:grid}.font-weight-preview code{color:#6b7785;font-family:inherit;font-size:22px;font-weight:600}.font-weight-preview strong{color:#101721;font-size:24px}.font-weight-preview p{color:#6b7785;margin:0;font-size:11px;line-height:1.55}.typography-playground{background:#fff;border:1px solid #ededed;border-radius:14px;grid-template-columns:minmax(0,1fr) 286px;min-height:430px;display:grid;overflow:hidden;box-shadow:0 14px 40px #1017210f}.typography-playground-stage{background-color:#f7f7f9;background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;place-items:center;padding:42px;display:grid}.typography-mini-modal{background:#fff;border:1px solid #ededed;border-radius:12px;width:min(440px,100%);overflow:hidden;box-shadow:0 22px 55px #10172129}.typography-mini-modal header{justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 22px 12px;display:flex}.typography-mini-modal header strong{color:#101721;min-width:0;transition:font-size .18s,font-weight .18s}.typography-mini-modal header button{color:#6b7785;background:#fff;border:0;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.typography-mini-modal header button:hover{color:#101721;background:#f3f4f6}.typography-mini-modal>p{color:#6b7785;margin:0;padding:0 22px 24px;font-size:14px;line-height:1.55;transition:font-size .18s,font-weight .18s}.typography-mini-modal footer{border-top:1px solid #ededed;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.typography-mini-modal footer button{color:#2c2c2c;background:#fff;border:1px solid #d4d4d8;border-radius:8px;min-height:38px;padding:0 14px;font-size:12px}.typography-mini-modal footer button:last-child{color:#f5f5f5;background:#2c2c2c;border-color:#2c2c2c}.typography-mini-modal footer button:last-child:hover{background:#1a1a1a}.typography-playground-controls{background:#fff;border-left:1px solid #ededed;flex-direction:column;gap:20px;padding:24px;display:flex}.typography-playground-controls fieldset{border:0;flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.typography-playground-controls fieldset+fieldset{border-top:1px solid #ededed;padding-top:18px}.typography-playground-controls legend{color:#6b7785;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;padding:0;font-size:9px;font-weight:700}.typography-playground-controls label{color:#101721;flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.typography-playground-controls select{color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:8px;outline:none;height:42px;padding:0 11px;font-size:12px}.typography-playground-controls select:focus{border-color:#6161ff;box-shadow:0 0 0 3px #f3f2ff}@media (max-width:900px){.typography-playground{grid-template-columns:1fr}.typography-playground-controls{border-top:1px solid #ededed;border-left:0}.font-weight-preview>div{grid-template-columns:90px 150px minmax(0,1fr);column-gap:28px}}@media (max-width:580px){.font-weight-preview{overflow-x:auto}.font-weight-preview>div{min-width:620px}.typography-playground-stage{padding:24px}.typography-mini-modal header,.typography-mini-modal>p,.typography-mini-modal footer{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.typography-mini-modal header strong,.typography-mini-modal>p{transition:none}}.shape-preview span{color:#2c2c2c;background:#f5f5f5;border-color:#2c2c2c}.roundness-playground{background:#fff;border:1px solid #ededed;border-radius:14px;grid-template-columns:minmax(0,1fr) 286px;min-height:430px;display:grid;overflow:hidden;box-shadow:0 14px 40px #1017210f}.roundness-playground-stage{background-color:#f7f7f9;background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;place-items:center;padding:42px;display:grid}.roundness-mini-modal{transition:border-radius .18s}.roundness-playground-controls{background:#fff;border-left:1px solid #ededed;padding:24px}.roundness-playground-controls fieldset{border:0;flex-direction:column;gap:14px;margin:0;padding:0;display:flex}.roundness-playground-controls legend{color:#101721;padding:0;font-size:11px;font-weight:650}.roundness-playground-controls p{color:#6b7785;margin:0;font-size:10px;line-height:1.55}.roundness-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.roundness-options button{color:#2c2c2c;background:#fff;border:1px solid #d4d4d8;border-radius:8px;min-height:42px;font-size:12px;font-weight:600}.roundness-options button:hover{background:#f5f5f5}.roundness-options button.active{color:#fff;background:#2c2c2c;border-color:#2c2c2c}@media (max-width:900px){.roundness-playground{grid-template-columns:1fr}.roundness-playground-controls{border-top:1px solid #ededed;border-left:0}}@media (max-width:580px){.roundness-playground-stage{padding:24px}}@media (prefers-reduced-motion:reduce){.roundness-mini-modal{transition:none}}.elevation-preview span:first-child{box-shadow:none;border:1px solid #ededed}.elevation-preview span:nth-child(2){box-shadow:0 2px 5px #142d2314}.elevation-preview span:nth-child(3){box-shadow:0 9px 22px #142d231f}.elevation-preview span:nth-child(4){box-shadow:0 18px 40px #142d232e}.foundation-playground{background:#fff;border:1px solid #ededed;border-radius:14px;grid-template-columns:minmax(0,1fr) 286px;min-height:430px;display:grid;overflow:hidden;box-shadow:0 14px 40px #1017210f}.foundation-playground-stage{background-color:#f7f7f9;background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;place-items:center;min-width:0;padding:42px;display:grid}.foundation-playground-controls{background:#fff;border-left:1px solid #ededed;padding:24px}.foundation-playground-controls fieldset{border:0;flex-direction:column;gap:14px;margin:0;padding:0;display:flex}.foundation-playground-controls fieldset+fieldset{border-top:1px solid #ededed;margin-top:20px;padding-top:20px}.foundation-playground-controls legend{color:#101721;padding:0;font-size:11px;font-weight:650}.foundation-playground-controls label{color:#101721;flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.foundation-playground-controls select{color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:8px;outline:none;height:42px;padding:0 11px;font-size:12px}.foundation-playground-controls select:focus{border-color:#6161ff;box-shadow:0 0 0 3px #f3f2ff}.foundation-playground-controls p{color:#6b7785;margin:0;font-size:10px;line-height:1.55}.foundation-control-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.foundation-control-options.compact{grid-template-columns:repeat(4,1fr)}.foundation-control-options.text-color-options{grid-template-columns:repeat(3,1fr)}.foundation-control-options button{color:#2c2c2c;text-transform:capitalize;background:#fff;border:1px solid #d4d4d8;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:11px;font-weight:600;display:flex}.foundation-control-options button:hover{background:#f5f5f5}.foundation-control-options button.active{color:#fff;background:#2c2c2c;border-color:#2c2c2c}.foundation-control-options button i{border:1px solid #1017211a;border-radius:50%;width:10px;height:10px}.foundation-sample-card,.elevation-playground-card{background:#fff;border:1px solid #ededed;border-radius:12px;flex-direction:column;gap:10px;width:min(390px,100%);padding:24px;display:flex}.foundation-sample-card>span,.elevation-playground-card>span{color:#6b7785;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:650}.foundation-sample-card strong,.elevation-playground-card strong{color:#101721;font-size:18px}.foundation-sample-card p,.elevation-playground-card p{color:#6b7785;margin:0;font-size:11px;line-height:1.55}.foundation-sample-card button{color:#fff;border:0;border-radius:8px;align-self:flex-start;min-height:38px;padding:0 14px;font-size:11px;font-weight:600}.spacing-playground-stack{flex-direction:column;width:min(440px,100%);transition:gap .18s;display:flex}.spacing-playground-stack article{color:#101721;background:#fff;border:1px solid #ededed;border-radius:8px;padding:16px;font-size:11px;box-shadow:0 2px 5px #142d230f}.app-shell-grid-playground{border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:256px minmax(0,1fr);width:100%;min-width:0}.app-shell-grid-playground>aside{padding:14px}.app-shell-grid-playground>section{padding:16px}.app-shell-grid-playground .app-shell-content-grid{gap:10px}.app-shell-grid-playground .app-shell-content-grid article{min-height:68px;padding:10px}.elevation-playground-card{transition:box-shadow .18s}.foundation-replay{color:#fff;background:#2c2c2c;border:1px solid #2c2c2c;border-radius:8px;min-height:42px;font-size:11px;font-weight:600}.motion-playground-sample{color:#101721;background:#fff;border:1px solid #ededed;border-radius:12px;place-items:center;min-width:170px;min-height:84px;padding:18px;font-size:14px;font-weight:600;display:grid;box-shadow:0 6px 18px #10172114}.motion-playground-sample.motion-rotate{min-width:84px;font-size:32px}.motion-playground-sample.motion-rotate.is-running{animation:.5s foundation-rotate}.motion-playground-sample.motion-lift.is-running{animation:.6s foundation-lift}.motion-playground-sample.motion-entrance.is-running{animation:.42s foundation-entrance}@keyframes foundation-rotate{to{transform:rotate(90deg)}}@keyframes foundation-lift{50%{transform:translateY(-8px);box-shadow:0 16px 28px #10172129}}@keyframes foundation-entrance{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}@media (max-width:900px){.foundation-playground{grid-template-columns:1fr}.foundation-playground-controls{border-top:1px solid #ededed;border-left:0}}@media (max-width:580px){.foundation-playground-stage{padding:24px}.foundation-control-options.compact,.foundation-control-options.text-color-options{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.spacing-playground-stack,.app-shell-content-grid,.elevation-playground-card{transition:none}.motion-playground-sample{animation:none!important}}.doc-section:has(.color-preview) .section-heading>p{white-space:nowrap;max-width:none}@media (max-width:900px){.doc-section:has(.color-preview) .section-heading>p{white-space:normal;max-width:390px}}.input-inventory{gap:42px;display:grid}.component-inventory.input-state-grid,.component-inventory.input-type-grid{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}.component-inventory.input-state-grid article,.component-inventory.input-type-grid article{background:0 0;border:0;border-radius:0}.input-state-grid .inventory-demo,.input-type-grid .inventory-demo{background:0 0;border-bottom:0;place-items:center start;min-height:0;padding:16px 16px 8px}.input-state-grid .inventory-field,.input-type-grid .inventory-field{width:min(420px,100%)}.input-state-grid article>b,.input-type-grid article>b{margin:0 16px 16px}.hovered-field input{background:#fafafa;border-color:#9fa6b0}.focused-field input{border-color:#6161ff;box-shadow:0 0 0 2px #f3f2ff}.focus-out-field input{background:#fff;border-color:#d4d4d8}@media (max-width:580px){.component-inventory.input-state-grid,.component-inventory.input-type-grid{grid-template-columns:1fr}}.component-inventory.control-inventory-grid{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}.product-search-field{box-sizing:border-box;color:#8d8d8d;background:#fff;border:1px solid #d4d4d8;border-radius:8px;flex-direction:row;align-items:center;gap:8px;width:min(320px,100%);height:40px;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex}.component-preview .product-search-field{color:#8d8d8d;flex-direction:row;gap:8px;width:min(320px,100%);height:40px;font-weight:400}.product-search-field>svg{flex:none}.product-search-field input{color:#111720;background:0 0;border:0;border-radius:0;outline:0;flex:1;min-width:0;height:auto;padding:0;font-size:14px;box-shadow:none!important}.product-search-field input::placeholder{color:#71717a}.product-search-field>button{color:#71717a;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.product-search-field>button:hover{color:#111720;background:#f3f4f6}.product-search-field.is-hovered,.product-search-field:hover{border-color:#a1a1aa}.product-search-field.is-focused,.product-search-field:focus-within{border-color:#111720;box-shadow:0 0 0 1px #111720}.product-search-field.is-disabled{opacity:.7;background:#f5f5f5}.search-inventory-surface,.toast-inventory-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.search-inventory-surface article,.toast-inventory-surface article{min-width:0;padding:18px}.search-inventory-surface article{align-content:start;gap:12px;display:grid}.search-inventory-surface article>b,.toast-inventory-surface article>b{color:#101721;font-size:12px}.search-playground{background:#f3f4f6;align-items:center;min-height:720px;padding:26px}.customer-search-modal{background:#fff;border:1px solid #e4e4e7;border-radius:8px;flex-direction:column;width:min(576px,100%);height:min(668px,100vh - 140px);min-height:560px;display:flex;overflow:hidden;box-shadow:0 24px 60px #10172133}.customer-search-modal>header{justify-content:space-between;align-items:center;min-height:56px;padding:18px 24px 0;display:flex}.customer-search-modal>header strong{color:#101721;font-size:16px;font-weight:500}.customer-search-modal>header button{color:#6b7785;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.customer-search-modal>header button:hover{color:#101721;background:#f3f4f6}.customer-search-modal-controls{flex-direction:column;gap:16px;padding:16px 24px 0;display:flex}.customer-search-modal-controls .product-search-field{background:#f7f7f9;border:0;border-radius:3px;width:100%;height:40px}.customer-search-modal-controls .product-search-field:focus-within{box-shadow:none;border:0}.customer-search-refresh{color:#52525b;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:max-content;padding:0;font-size:14px;font-weight:500;display:flex}.customer-search-refresh:hover{color:#18181b}.customer-search-modal-results{flex:1;min-height:0;padding:16px 24px 24px;overflow-y:auto}.customer-search-modal-results>button{color:#101721;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:flex-start;gap:12px;width:100%;min-height:76px;padding:12px 0;transition:background .16s;display:flex}.customer-search-modal-results>button:hover,.customer-search-modal-results>button.is-selected{background:#f9fafb}.customer-search-avatar{color:#6161ff;background:#f3f2ff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:650;display:grid}.customer-search-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.customer-search-copy b{color:#101721;font-size:14px;font-weight:500;line-height:20px}.customer-search-copy small{color:#6b7785;font-size:14px;line-height:20px}.customer-search-copy small i{margin:0 6px;font-style:normal}.customer-search-copy em{color:#6b7785;font-size:12px;font-style:normal;line-height:18px}.customer-search-radio{border:1.33px solid #9fa6b0;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.customer-search-modal-results>button.is-selected .customer-search-radio{border-color:#2c2c2c}.customer-search-modal-results>button.is-selected .customer-search-radio i{background:#2c2c2c;border-radius:50%;width:14px;height:14px}.customer-search-empty{color:#a1a1aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.customer-search-empty p{margin:8px 0 0;font-size:14px}.customer-search-empty button{color:#fff;cursor:pointer;background:#2c2c2c;border:0;border-radius:4px;margin-top:16px;padding:10px 20px;font-size:14px}.customer-search-empty button:hover{background:#1a1a1a}.customer-search-modal>footer{border-top:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.customer-search-modal>footer button{color:#2c2c2c;cursor:pointer;background:#fff;border:1px solid #2c2c2c;border-radius:4px;min-width:150px;min-height:44px;padding:10px 20px;font-size:14px}.customer-search-modal>footer button:last-child{color:#fff;background:#2c2c2c}.customer-search-modal>footer button:hover{background:#f3f4f6}.customer-search-modal>footer button:last-child:hover{background:#1a1a1a}.product-toast{box-sizing:border-box;background:#fff;border:1px solid;border-radius:8px;align-items:flex-start;gap:12px;width:min(384px,100%);padding:16px;display:flex;box-shadow:0 10px 28px #10172129}.product-toast>svg{flex:none}.product-toast>div{flex:1;gap:4px;min-width:0;display:grid}.product-toast strong{color:#1a1a1a;font-size:14px;font-weight:600}.product-toast p{color:#5f6368;margin:0;font-size:14px;line-height:20px}.product-toast>button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.product-toast>button:hover{background:#f3f4f6}.toast-success{border-color:#a7f3d0}.toast-success>svg{color:#059669}.toast-error{border-color:#fecaca}.toast-error>svg{color:#dc2626}.toast-warning{border-color:#fde68a}.toast-warning>svg{color:#d97706}.toast-info{border-color:#bae6fd}.toast-info>svg{color:#0284c7}.toast-inventory-surface article{align-content:start;gap:12px;display:grid}.toast-inventory-surface .product-toast{width:100%}.toast-playground{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:0;min-height:420px;padding:0;display:grid;overflow:hidden}.toast-playground-stage{background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;place-items:center;padding:40px;display:grid;position:relative}.toast-action-card{background:#fff;border:1px solid #ededed;border-radius:10px;gap:9px;width:min(360px,100%);padding:20px;display:grid;box-shadow:0 8px 20px #10172114}.toast-action-card small,.toast-action-card p{color:#6b7785;margin:0;font-size:11px}.toast-action-card strong{font-size:16px}.toast-action-card button,.toast-playground-controls>button{color:#fff;cursor:pointer;background:#2c2c2c;border:1px solid #2c2c2c;border-radius:8px;min-height:40px;padding:0 14px;font-size:11px;font-weight:650}.toast-playground-stage>.product-toast{animation:.2s ease-out toast-enter;position:absolute;bottom:24px;right:24px}.toast-playground-controls{background:#fff;border-left:1px solid #ededed;align-content:start;gap:16px;padding:24px;display:grid}.toast-playground-controls label{color:#101721;gap:7px;width:100%;font-size:11px;font-weight:650;display:grid}.toast-playground-controls select{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:40px;padding:0 10px}.toast-playground-controls .toast-description-control{flex-direction:row;align-items:center;gap:8px;display:flex}.toast-description-control input{flex:none;width:16px;height:16px}.toast-playground-controls small{color:#6b7785;font-size:10px;line-height:1.5}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.search-spec-canvas,.toast-spec-canvas{gap:20px}.search-measured-stack{flex-direction:column;align-items:stretch;gap:20px;width:min(320px,100%);display:flex}.search-width-guide,.toast-width-guide{color:#6161ff;text-align:center;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;font-size:9px;position:relative}.search-width-guide{width:100%}.toast-width-guide{width:min(384px,100%)}.search-width-guide:before,.search-width-guide:after,.toast-width-guide:before,.toast-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.search-width-guide:before,.toast-width-guide:before{left:0}.search-width-guide:after,.toast-width-guide:after{right:0}.search-width-guide span,.toast-width-guide span{background:#f3f2ff;border-radius:5px;padding:4px 7px;position:relative;top:-24px}.annotated-search,.annotated-toast{position:relative}.annotated-search{width:100%}.annotated-toast{width:min(384px,100%)}.annotated-search .product-search-field{width:100%}.annotated-toast .product-toast{width:384px;max-width:100%}.search-measured-stack>small,.toast-spec-canvas>small{color:#6161ff;font-family:var(--font-geist-mono);font-size:9px}.anatomy-canvas-marker{z-index:2;color:#fff;width:20px;height:20px;font-family:var(--font-geist-mono);background:#2c2c2c;border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid;position:absolute}.search-marker-1{top:-10px;left:-10px}.search-marker-2{top:10px;left:4px}.search-marker-3{top:10px;left:105px}.search-marker-4{top:10px;right:58px}.toast-marker-1{top:-10px;right:-10px}.toast-marker-2{top:16px;left:-10px}.toast-marker-3{top:16px;left:92px}.toast-marker-4{top:16px;right:-10px}.document-upload-dimension-canvas{min-height:330px;padding:54px 36px}.document-upload-measured-stack{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex}.document-upload-width-guide{color:#6161ff;text-align:center;width:142px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;font-size:9px;position:relative}.document-upload-width-guide:before,.document-upload-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.document-upload-width-guide:before{left:0}.document-upload-width-guide:after{right:0}.document-upload-width-guide span{white-space:nowrap;background:#f3f2ff;border-radius:5px;padding:4px 7px;position:relative;top:-24px}.annotated-upload-cta-wrap{align-items:center;gap:18px;display:flex;position:relative}.document-upload-height-guide{color:#6161ff;width:1px;height:40px;font-family:var(--font-geist-mono);border-left:1px solid #6161ff;font-size:9px;position:relative}.document-upload-height-guide:before,.document-upload-height-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;left:-5px}.document-upload-height-guide:before{top:0}.document-upload-height-guide:after{bottom:0}.document-upload-height-guide span{white-space:nowrap;position:absolute;top:13px;right:8px}.annotated-upload-action{color:#fff;height:40px;font:600 11px/1 var(--font-geist-sans);background:#2c2c2c;border:1px solid #2c2c2c;border-radius:8px;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:relative;box-shadow:0 6px 16px #10172129}.annotated-upload-action svg{width:16px;height:16px}.document-upload-measure-caption{color:#6161ff;font-family:var(--font-geist-mono);font-size:9px}.upload-marker-container{top:-10px;right:-10px}.upload-marker-icon{top:30px;left:-9px}.upload-marker-label{top:30px;left:68px}.upload-marker-radius{top:-10px;left:-10px}@media (max-width:760px){.search-inventory-surface,.toast-inventory-surface{grid-template-columns:1fr}.search-demo-table>header{flex-direction:column;align-items:flex-start}.toast-playground{grid-template-columns:1fr}.toast-playground-controls{border-top:1px solid #ededed;border-left:0}.toast-playground-stage>.product-toast{width:auto;bottom:16px;left:16px;right:16px}}.toast-inventory-surface .product-toast{align-items:flex-start;gap:12px;width:min(384px,100%);padding:16px;display:flex}.component-inventory.control-inventory-grid.three-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.component-inventory.control-inventory-grid article{background:0 0;border:0;border-radius:0}.control-inventory-grid .inventory-demo{background:0 0;border-bottom:0;place-items:center start;min-height:0;padding:16px 16px 8px}.radio-control-inventory .inventory-demo{padding-block:16px}.control-inventory-grid .mini-select{width:min(420px,100%)}.control-inventory-grid article>b{margin:0 16px 5px}.control-inventory-grid article>p{min-height:0;margin-bottom:16px}.control-inventory-grid article:not(:has(>p))>b{margin-bottom:16px}@media (max-width:580px){.component-inventory.control-inventory-grid,.component-inventory.control-inventory-grid.three-item-grid{grid-template-columns:1fr}}.control-size-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.control-size-surface article{justify-items:start;gap:7px;min-width:0;padding:24px;display:grid}.control-size-demo{align-items:center;min-height:44px;display:flex}.control-size-surface b{color:#101721;font-size:11px}.control-size-surface code{color:#6b7785;font-family:var(--font-geist-mono);font-size:9px}.sized-checkbox,.sized-radio{box-sizing:border-box;color:#fff;background:#2c2c2c;border:1px solid #2c2c2c;place-items:center;line-height:1;display:grid}.sized-checkbox{border-radius:4px}.sized-radio{background:#fff;border-radius:50%}.sized-radio i{background:#2c2c2c;border-radius:50%}.sized-checkbox.small,.sized-radio.small{width:14px;height:14px;font-size:9px}.sized-checkbox.medium,.sized-radio.medium{width:18px;height:18px;font-size:12px}.sized-checkbox.large,.sized-radio.large{width:22px;height:22px;font-size:15px}.sized-radio.small i{width:6px;height:6px}.sized-radio.medium i{width:8px;height:8px}.sized-radio.large i{width:10px;height:10px}.sized-switch{box-sizing:border-box;background:#2c2c2c;border-radius:999px;justify-content:flex-end;align-items:center;padding:2px;display:flex}.sized-switch i{background:#fff;border-radius:50%;box-shadow:0 1px 3px #10172133}.sized-switch.small{width:28px;height:16px}.sized-switch.small i{width:12px;height:12px}.sized-switch.medium{width:36px;height:20px}.sized-switch.medium i{width:16px;height:16px}.sized-switch.large{width:44px;height:24px}.sized-switch.large i{width:20px;height:20px}@media (max-width:580px){.control-size-surface{grid-template-columns:1fr}.control-size-surface article{padding:18px 20px}}.button-variant-tabs{background:#ededed;border:0;border-radius:999px;align-items:center;gap:4px;padding:6px;display:inline-flex}.button-variant-tabs button{color:#6b7280;border-radius:999px;min-height:36px;padding:0 16px;transition:background-color .2s,color .2s,box-shadow .2s}.button-variant-tabs button:hover{color:#111827;background:#d1d5db80}.button-variant-tabs button.active{color:#111827;background:#fff;box-shadow:0 1px 3px #10172124}.color-dropdown{position:relative}.color-dropdown-trigger{color:#101721;text-align:left;background:#fff;border:1px solid #d4d4d8;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 11px;display:flex}.color-dropdown-trigger:hover{background:#f9fafb;border-color:#9fa6b0}.color-dropdown-trigger:focus-visible{border-color:#6161ff;outline:3px solid #f3f2ff}.color-dropdown-trigger b,.color-dropdown-list b{font-size:11px;font-weight:600}.color-dropdown-trigger i{color:#6b7785;margin-left:auto;font-size:13px;font-style:normal;transition:transform .16s}.color-dropdown-trigger[aria-expanded=true] i{transform:rotate(180deg)}.color-dropdown-swatch{border:1px solid #1017211f;border-radius:50%;flex:none;width:12px;height:12px;display:block}.color-dropdown-list{z-index:30;background:#fff;border:1px solid #d4d4d8;border-radius:9px;max-height:320px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden auto;box-shadow:0 14px 32px #10172129}.color-dropdown-option{display:grid}.color-dropdown-group-label{color:#9fa6b0;letter-spacing:.07em;text-transform:uppercase;padding:9px 8px 5px;font-size:8px;font-weight:700}.color-dropdown-list button{color:#101721;text-align:left;background:#fff;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 8px;display:flex}.color-dropdown-list button:hover,.color-dropdown-list button[aria-selected=true]{background:#f3f4f6}.color-dropdown-list button>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.color-dropdown-list button small{color:#9fa6b0;font-family:var(--font-geist-mono);font-size:8px}.color-dropdown-list button i{color:#2c2c2c;margin-left:auto;font-size:11px;font-style:normal}@media (prefers-reduced-motion:reduce){.color-dropdown-trigger i{transition:none}}.color-token-grid .color-token-card{color:#101721;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:0;display:flex}.color-preview .color-token-card>.color-token-swatch{border:1px solid #e2e2e2;border-radius:10px;width:100%;height:92px;transition:transform .16s,box-shadow .16s;display:block;position:relative;box-shadow:inset 0 0 0 1px #10172114}.color-token-card b{color:#101721;font-size:11px}.color-token-card small{color:#7b8490;font-family:var(--font-geist-mono);font-size:10px}.color-token-copy-icon{color:#2c2c2c;opacity:.72;background:#ffffffe0;border:1px solid #1017211a;border-radius:7px;place-items:center;width:28px;height:28px;font-style:normal;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #10172114}.color-token-copy-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.color-token-card:hover>.color-token-swatch{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #10172114,0 8px 18px #1017211a}.color-token-card:hover .color-token-copy-icon,.color-token-card:focus-visible .color-token-copy-icon,.color-token-card.is-copied .color-token-copy-icon{opacity:1;transform:scale(1.04)}.color-token-card.is-copied small{color:#15803d;font-family:inherit;font-weight:650}@media (max-width:580px){.color-preview .color-token-card>.color-token-swatch{height:76px}}@media (prefers-reduced-motion:reduce){.color-preview .color-token-card>.color-token-swatch,.color-token-copy-icon{transition:none}}.section-heading>p,.inventory-group-heading>p,.spec-subheading>p,.color-category>header>p{white-space:normal;min-width:0;max-width:60%}.section-heading>p{font-size:clamp(10px,.8vw,13px)}@media (max-width:900px){.section-heading>p,.inventory-group-heading>p,.spec-subheading>p,.color-category>header>p{white-space:normal;max-width:100%}}.spacing-axis-preview{--spacing-measure-column:210px;--vertical-measure-width:14px;grid-template-columns:1fr 1fr;align-items:start;gap:38px;width:100%;display:grid}.spacing-axis-preview .spacing-axis{min-width:0}.spacing-axis-preview .spacing-axis h3{color:#101721;margin:0;padding:0 0 14px;font-size:14px;font-weight:650}.spacing-axis-preview .vertical-spacing h3{width:var(--spacing-measure-column);text-align:center}.spacing-axis-preview .spacing-axis-list{gap:0;display:grid}.spacing-axis-preview .spacing-token-row{grid-template-columns:var(--spacing-measure-column) 48px minmax(0,1fr);align-items:center;gap:12px;min-height:52px;display:grid}.spacing-axis-preview .spacing-token-row>span{background:#2c2c2c;border-radius:2px;display:block}.spacing-axis-preview .spacing-measure-horizontal{max-width:192px;height:10px}.spacing-axis-preview .spacing-measure-vertical{width:var(--vertical-measure-width);place-self:center;max-height:40px}.spacing-axis-preview b{color:#101721;font-family:var(--font-geist-mono);font-size:10px}.spacing-axis-preview small{color:#6b7785;font-size:9px}.customer-modal-spacing-demo{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:min(560px,100%);max-height:640px;transition:padding .18s;overflow:auto;box-shadow:0 18px 42px #10172124}.customer-modal-spacing-demo>header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.customer-modal-spacing-demo>header strong{color:#111827;font-size:18px;font-weight:600}.customer-modal-spacing-demo>header button{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;font-size:20px;line-height:1;transition:background-color .16s,color .16s,transform .3s}.customer-modal-spacing-demo>header button:hover{color:#4b5563;background:#f3f4f6;transform:rotate(90deg)}.customer-modal-form-preview{gap:14px;padding-top:16px;display:grid}.aadhaar-scan-preview{color:#101721;text-align:left;background:#f9fafb;border:1px dashed #d1d5db;border-radius:7px;grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;min-height:58px;padding:10px 12px;display:grid}.aadhaar-scan-preview>span{background:#ededed;border-radius:6px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.aadhaar-scan-preview b{font-size:11px}.aadhaar-scan-preview small{color:#6b7280;font-size:9px}.manual-entry-divider{color:#6b7280;align-items:center;gap:10px;font-size:9px;font-weight:500;display:flex}.manual-entry-divider:before,.manual-entry-divider:after{content:"";background:repeating-linear-gradient(90deg,#e5e7eb 0 4px,#0000 4px 7px);flex:1;height:1px}.photo-picker-preview{color:#6b7280;background:0 0;border:0;justify-items:center;gap:4px;width:64px;padding:0;display:grid}.photo-picker-preview span{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:50%;place-items:center;width:52px;height:52px;font-size:19px;display:grid}.photo-picker-preview small{font-size:8px}.customer-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.customer-field-grid label{color:#374151;gap:6px;min-width:0;font-size:10px;font-weight:600;display:grid}.customer-field-grid label>span{color:#9ca3af;white-space:nowrap;border:1px solid #d1d5db;border-radius:6px;align-items:center;height:34px;padding:0 10px;font-size:9px;font-weight:400;display:flex;overflow:hidden}.customer-field-grid .customer-address-field{grid-column:1/-1}.customer-field-grid .customer-address-field>span{align-items:flex-start;height:48px;padding-top:10px}.customer-modal-form-preview>footer{border-top:1px solid #f3f4f6;justify-content:space-between;gap:12px;padding-top:16px;display:flex}.customer-modal-form-preview>footer button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:36px;padding:0 14px;font-size:10px;font-weight:600}.customer-modal-form-preview>footer button:last-child{color:#fff;background:#2c2c2c;border-color:#2c2c2c}@media (max-width:1100px){.spacing-axis-preview{--spacing-measure-column:150px}.spacing-axis-preview .spacing-token-row{grid-template-columns:var(--spacing-measure-column) 44px minmax(0,1fr)}}@media (max-width:900px){.spacing-axis-preview{--spacing-measure-column:210px;grid-template-columns:1fr}.spacing-axis-preview .spacing-token-row{grid-template-columns:var(--spacing-measure-column) 48px minmax(0,1fr)}}@media (max-width:580px){.spacing-axis-preview{--spacing-measure-column:120px}.spacing-axis-preview .spacing-token-row{grid-template-columns:var(--spacing-measure-column) 42px minmax(0,1fr)}.customer-field-grid{grid-template-columns:1fr}.customer-field-grid .customer-address-field{grid-column:auto}}@media (prefers-reduced-motion:reduce){.customer-modal-spacing-demo,.customer-modal-spacing-demo>header button{transition:none}}.switch-dimension-canvas{min-height:330px}.switch-width-guide{color:#6161ff;width:216px;height:42px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;justify-content:center;align-items:flex-start;margin-left:56px;font-size:9px;display:flex;position:relative}.switch-width-guide:before,.switch-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.switch-width-guide:before{left:0}.switch-width-guide:after{right:0}.switch-width-guide span{background:#f3f2ff;border-radius:5px;margin-top:-24px;padding:4px 7px}.switch-measure-row{align-items:center;gap:18px;display:flex}.switch-height-guide{color:#6161ff;width:38px;height:120px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;align-items:center;font-size:9px;display:flex;position:relative}.switch-height-guide:before,.switch-height-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.switch-height-guide:before{top:0}.switch-height-guide:after{bottom:0}.switch-height-guide span{transform:translate(-6px)rotate(-90deg)}.measured-switch{box-sizing:border-box;background:#2c2c2c;border-radius:999px;justify-content:flex-end;align-items:center;width:216px;height:120px;padding:12px;display:flex;box-shadow:0 10px 26px #10172129}.measured-switch i{background:#fff;border-radius:50%;width:96px;height:96px;box-shadow:0 3px 8px #1017213d}.switch-thumb-guide{color:#6161ff;width:216px;font-family:var(--font-geist-mono);text-align:right;margin-top:18px;margin-left:56px;font-size:9px}@media (max-width:580px){.switch-width-guide,.switch-thumb-guide{width:180px}.measured-switch{width:180px;height:100px;padding:10px}.measured-switch i{width:80px;height:80px}.switch-height-guide{height:100px}}.radio-dimension-canvas{gap:18px;min-height:330px}.radio-target-guide{color:#6161ff;border:1px dashed #6161ff;place-items:center;width:176px;height:176px;display:grid;position:relative}.radio-target-guide>span{font-family:var(--font-geist-mono);white-space:nowrap;background:#f3f2ff;border-radius:5px;padding:4px 7px;font-size:9px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.measured-radio{box-sizing:border-box;background:#fff;border:4px solid #2c2c2c;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.measured-radio i{background:#2c2c2c;border-radius:50%;width:32px;height:32px}.radio-control-guide{color:#6161ff;font-family:var(--font-geist-mono);font-size:9px}.radio-label-demo{color:#101721;align-items:center;gap:9px;display:flex}.radio-label-demo .measured-radio.small{border-width:1px;width:18px;height:18px}.radio-label-demo .measured-radio.small i{width:8px;height:8px}.radio-label-demo b{font-size:12px;font-weight:650}.radio-label-demo>span{color:#6161ff;font-family:var(--font-geist-mono);margin-left:4px;font-size:9px}.toggle-group-dimension-canvas{justify-content:center;gap:34px;min-height:430px;padding:44px 32px}.toggle-spec-complete{justify-items:start;gap:12px;display:grid}.toggle-spec-caption{color:#6b7785;font-size:10px;font-weight:600}.measured-toggle-group{box-sizing:border-box;background:#ededed;border-radius:999px;align-items:center;gap:4px;padding:6px;display:inline-flex}.measured-toggle-group button,.toggle-spec-segment{box-sizing:border-box;color:#6b7280;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 16px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.measured-toggle-group button.active,.toggle-spec-segment.is-selected{color:#111827;background:#fff;box-shadow:0 1px 3px #10172124}.toggle-group-measurements{color:#6161ff;font-family:var(--font-geist-mono);align-items:center;gap:16px;font-size:9px;display:flex}.toggle-group-measurements span{padding-left:14px;position:relative}.toggle-group-measurements span:before{content:"";background:#6161ff;width:8px;height:1px;position:absolute;top:50%;left:0}.toggle-spec-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.toggle-spec-state-grid article{background:#f7f7f9;border-radius:10px;justify-items:start;gap:10px;min-width:0;padding:16px;display:grid}.toggle-state-annotated{position:relative}.toggle-spec-segment{background:#ededed}.toggle-spec-segment.is-hovered{color:#111827;background:#dfe2e6}.toggle-state-annotated .anatomy-canvas-marker{top:-10px;right:-10px}@media (max-width:900px){.toggle-group-dimension-canvas{align-items:stretch}.toggle-spec-state-grid{grid-template-columns:1fr}.toggle-spec-state-grid article{grid-template-columns:72px 1fr;align-items:center}.toggle-spec-state-grid article .toggle-spec-caption{grid-column:1}.toggle-state-annotated{grid-column:2}}@media (max-width:580px){.toggle-group-dimension-canvas{align-items:start;padding:32px 20px}.measured-toggle-group{border-radius:12px;max-width:100%;overflow-x:auto}.measured-toggle-group button,.toggle-spec-segment{min-height:40px;padding-inline:12px;font-size:11px}.toggle-spec-state-grid article{grid-template-columns:1fr}.toggle-state-annotated{grid-column:1}}.icons-inventory{gap:24px;display:grid}.icons-inventory .inventory-group{gap:14px;display:grid}.icon-type-catalog{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;gap:24px;padding:24px;display:grid}.icon-type-catalog>section{gap:12px;display:grid}.icon-type-catalog h3{color:#101721;margin:0;font-size:12px}.icon-type-catalog>section>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;display:grid}.icon-type-catalog article{background:0 0;border:0;align-items:flex-start;gap:10px;min-width:0;padding:8px 0;display:flex}.icon-type-catalog article>svg{color:#101721;stroke-width:2px;flex:none;width:20px;height:20px}.icon-type-catalog article>span{gap:3px;min-width:0;display:grid}.icon-type-catalog b{color:#101721;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.icon-type-catalog small{color:#7c8795;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.icon-state-surface,.icon-size-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;padding:24px;display:grid}.icon-state-surface{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.icon-state-surface article,.icon-size-surface article{align-items:center;gap:12px;display:flex}.icon-state-surface button{color:#101721;background:#fff;border:0;border-radius:8px;place-items:center;width:40px;height:40px;transition:background-color .16s,color .16s,box-shadow .16s;display:grid}.icon-state-surface button:hover,.icon-state-surface button.is-preview-hover{color:#fff;background:#2c2c2c;box-shadow:0 8px 18px #10172129}.icon-state-surface svg{width:20px;height:20px}.icon-state-surface b{color:#101721;font-size:11px}.icon-size-surface{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.icon-size-surface article{min-height:72px}.icon-size-surface svg{color:#101721;stroke-width:2px;flex:none}.icon-size-surface b{color:#101721;font-size:11px}.icon-size-surface code{color:#6b7785;font-family:var(--font-geist-mono);background:#fff;border-radius:5px;padding:4px 7px;font-size:9px}.icon-preview{background:#fff;min-height:0;padding:0;display:block;overflow:hidden}.icon-modal-playground{grid-template-columns:minmax(0,1fr) 280px;width:100%;display:grid}.icon-preview .icon-modal-playground div{align-items:initial;width:auto}.icon-preview .icon-modal-playground span{width:auto;height:auto;display:initial;font-size:inherit;background:0 0;border:0;border-radius:0}.icon-preview .icon-modal-stage{background-color:#f7f7f9;background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;border-right:1px solid #ededed;place-items:center;width:auto;min-height:480px;padding:40px;display:grid}.icon-example-modal{background:#fff;border:1px solid #e3e5e8;border-radius:10px;width:min(100%,460px);overflow:hidden;box-shadow:0 24px 60px #1017212e}.icon-example-modal>header{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.icon-example-modal>header strong{color:#101721;font-size:16px}.icon-example-modal>header button{color:#687785;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;transition:background-color .16s,color .16s;display:grid}.icon-example-modal>header button:hover{color:#101721;background:#f3f4f6}.icon-example-modal>header svg{stroke-width:2px;width:20px;height:20px}.icon-example-modal>div{gap:18px;padding:22px 20px;display:grid}.icon-example-modal>div>p{color:#6b7785;margin:0;font-size:12px;line-height:1.55}.icon-example-modal dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.icon-example-modal dl>div{background:#f7f7f9;border-radius:8px;gap:4px;padding:12px;display:grid}.icon-example-modal dt{color:#8a94a1;font-size:9px}.icon-example-modal dd{color:#101721;margin:0;font-size:11px;font-weight:600}.icon-example-modal>footer{border-top:1px solid #ededed;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.icon-example-modal>footer button{color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:8px;min-height:38px;padding:0 16px;font-size:11px}.icon-example-modal>footer button:last-child{color:#fff;background:#2c2c2c;border-color:#2c2c2c}.icon-preview .icon-playground-controls{background:#fff;align-content:start;gap:18px;width:auto;padding:28px 24px;display:grid}.icon-playground-controls label{color:#101721;gap:8px;font-size:10px;font-weight:650;display:grid}.icon-playground-controls select{color:#101721;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:0 12px;font-weight:500}.icon-size-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.icon-size-spec-grid article{text-align:center;background:#f7f7f9;border:1px solid #ededed;border-radius:12px;align-content:center;place-items:center;gap:10px;min-height:190px;padding:24px;display:grid}.icon-size-spec-grid svg{color:#101721}.icon-size-spec-grid b{color:#101721;font-size:12px}.icon-size-spec-grid code{color:#6b7785;font-family:var(--font-geist-mono);background:#fff;border-radius:5px;padding:4px 7px;font-size:9px}.icon-size-spec-grid p{color:#6b7785;max-width:220px;margin:0;font-size:9px;line-height:1.55}.icon-accessibility-note{background:#f7f7f9;border-left:3px solid #2c2c2c;gap:7px;margin-top:20px;padding:15px 18px;display:grid}.icon-accessibility-note b{color:#101721;font-size:11px}.icon-accessibility-note p{color:#6b7785;margin:0;font-size:10px;line-height:1.55}@media (max-width:1100px){.icon-type-catalog>section>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.icon-modal-playground{grid-template-columns:1fr}.icon-preview .icon-modal-stage{border-bottom:1px solid #ededed;border-right:0}.icon-type-catalog>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.icon-size-spec-grid,.icon-size-surface,.icon-state-surface,.icon-type-catalog>section>div{grid-template-columns:1fr}}.global-navigation-inventory-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 44px;padding:28px;display:grid}.global-navigation-inventory-surface article{background:0 0;border:0;align-content:start;gap:8px;min-width:0;padding:0;display:grid}.global-navigation-inventory-surface .mini-nav-row,.global-navigation-inventory-surface .mini-nav-stack .mini-nav-row{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;width:100%;margin:0;box-shadow:0 1px 2px #1017210a}.global-navigation-inventory-surface .mini-nav-row.active,.global-navigation-inventory-surface .mini-nav-stack .mini-nav-row.active{box-shadow:none;background:#e6e6e6;border-color:#d4d4d8}.global-navigation-inventory-surface .mini-nav-child{background:#fff;border:1px solid #e5e7eb}.global-navigation-inventory-surface article>b{color:#101721;font-size:11px}.global-navigation-inventory-surface article>small{color:#6b7785;font-size:9px}.global-navigation-inventory-surface .mini-nav-stack{min-height:62px}@media (max-width:580px){.global-navigation-inventory-surface{grid-template-columns:1fr;gap:24px;padding:20px}}.list-inventory-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 44px;padding:28px;display:grid}.list-inventory-surface article{background:0 0;border:0;align-content:start;gap:8px;min-width:0;padding:0;display:grid}.list-inventory-surface .mini-list-row{box-sizing:border-box;justify-self:start;width:100%}.list-inventory-surface .mini-empty{background:#ededed;border-radius:8px;justify-content:flex-start;align-items:center;min-height:46px;padding:0 12px;display:flex}.list-inventory-surface article>b{color:#101721;font-size:11px}.list-inventory-surface article>small{color:#6b7785;font-size:9px}@media (max-width:580px){.list-inventory-surface{grid-template-columns:1fr;gap:24px;padding:20px}}.navigation-dimension-canvas{min-height:390px}.navigation-width-guide{color:#6161ff;width:232px;height:42px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;justify-content:center;align-items:flex-start;margin-left:60px;font-size:9px;display:flex;position:relative}.navigation-width-guide:before,.navigation-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.navigation-width-guide:before{left:0}.navigation-width-guide:after{right:0}.navigation-width-guide span{background:#f3f2ff;border-radius:5px;margin-top:-24px;padding:4px 7px}.navigation-measure-row{align-items:flex-start;gap:18px;display:flex}.navigation-height-guide{color:#6161ff;width:42px;height:42px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;align-items:center;font-size:9px;display:flex;position:relative}.navigation-height-guide:before,.navigation-height-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.navigation-height-guide:before{top:0}.navigation-height-guide:after{bottom:0}.navigation-height-guide span{transform:translate(-5px)rotate(-90deg)}.measured-navigation-stack{gap:12px;width:232px;display:grid}.measured-navigation-item{box-sizing:border-box;color:#101721;background:#e6e6e6;border-radius:6px;align-items:center;gap:11px;width:232px;height:42px;padding:0 12px;display:flex;box-shadow:0 6px 16px #10172117}.measured-navigation-item i{text-align:center;width:18px;font-size:16px;font-style:normal}.measured-navigation-item b{flex:1;font-size:12px}.measured-navigation-item em,.measured-navigation-child em{color:#fff;background:#2c2c2c;border-radius:99px;place-items:center;min-width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.navigation-child-guide{color:#6161ff;width:232px;font-family:var(--font-geist-mono);text-align:center;grid-template-columns:40px 192px;font-size:8px;display:grid}.navigation-child-guide span:last-child{border-top:1px solid #6161ff;padding-top:5px;position:relative}.navigation-child-guide span:last-child:before,.navigation-child-guide span:last-child:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.navigation-child-guide span:last-child:before{left:0}.navigation-child-guide span:last-child:after{right:0}.measured-navigation-child{box-sizing:border-box;color:#6b7785;background:#fff;border-radius:6px;align-items:center;gap:8px;width:192px;height:36px;margin-left:40px;padding:0 10px;display:flex;position:relative;box-shadow:0 0 0 1px #e5e7eb}.measured-navigation-child b{flex:1;font-size:10px}.navigation-inset-guide{color:#6161ff;width:232px;font-family:var(--font-geist-mono);text-align:right;margin-top:18px;margin-left:60px;font-size:9px}@media (max-width:580px){.navigation-width-guide,.navigation-inset-guide{width:210px;margin-left:46px}.measured-navigation-stack,.measured-navigation-item{width:210px}.navigation-child-guide{grid-template-columns:36px 174px;width:210px}.measured-navigation-child{width:174px;margin-left:36px}.navigation-measure-row{gap:4px}.navigation-height-guide{width:42px}.navigation-dimension-canvas{padding-inline:12px}}.badge-inventory{gap:42px;display:grid}.badge-inventory-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;display:grid;overflow:hidden}.badge-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.badge-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.badge-inventory-surface article{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-width:0;min-height:116px;padding:22px 18px;display:flex}.badge-inventory-surface article>b{color:#101721;font-size:11px;font-weight:650}.inventory-badge{box-sizing:border-box;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 11px;font-size:10px;display:inline-flex}.inventory-badge.fixed-width{box-sizing:border-box;justify-content:center;width:96px}.badge-preview .inventory-badge{min-height:28px;padding:0 11px;font-size:10px}.inventory-badge.fixed-width b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inventory-badge i{width:14px;height:14px;color:inherit;background:currentColor;border-radius:50%;place-items:center;font-size:0;font-style:normal;display:grid}.inventory-badge i:after{color:#fff;content:"✓";font-size:9px}.inventory-badge i:last-child:after{content:"×"}.badge-pending{color:#b45309;background:#fffbeb;border-color:#fef3c7}.badge-approved{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.badge-declined{color:#b91c1c;background:#fef2f2;border-color:#fee2e2}.badge-paid{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.badge-neutral{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.badge-preview{background:#fff;align-items:stretch;min-height:430px;padding:0}.badge-playground{border-radius:13px;grid-template-columns:minmax(0,1fr) 284px;width:100%;display:grid;overflow:hidden}.badge-table-wrap{background:#f7f7f9;align-items:center;padding:36px;display:flex}.badge-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow:hidden}.badge-table th,.badge-table td{color:#374151;text-align:left;border-bottom:1px solid #e5e7eb;padding:16px;font-size:11px}.badge-table th{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;background:#f9fafb;font-size:10px;font-weight:600}.badge-table tbody tr:last-child td{border-bottom:0}.badge-table td:first-child{color:#101721;align-items:center;gap:10px;display:flex}.badge-preview .badge-customer-avatar{box-sizing:border-box;color:#374151;background:#e9edf2;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;font-size:9px;font-weight:650;display:grid}.badge-playground-controls{background:#fff;border-left:1px solid #e5e7eb;align-content:start;gap:0;padding:24px 20px;display:grid}.badge-playground-controls header{gap:4px;padding-bottom:14px;display:grid}.badge-playground-controls header b{color:#101721;font-size:12px}.badge-playground-controls header p{color:#6b7785;margin:0;font-size:10px}.badge-playground-controls label{box-sizing:border-box;border-top:1px solid #ededed;gap:10px;width:100%;padding:16px 0;display:grid}.badge-playground-controls label>span{color:inherit;font-size:inherit;background:0 0;border-radius:0;gap:2px;padding:0;display:grid}.badge-playground-controls label b{color:#101721;font-size:10px}.badge-playground-controls label small{color:#8a94a1;font-size:9px}.badge-playground-controls select{color:#2c2c2c;background:#fff;border:1px solid #d4d8de;border-radius:7px;width:100%;min-height:36px;padding:0 10px;font-size:10px}.badge-preview .inventory-badge{border-radius:999px;min-height:28px;padding:0 11px;font-size:10px;font-weight:680}.badge-preview .inventory-badge.badge-pending{color:#b45309;background:#fffbeb;border-color:#fef3c7}.badge-preview .inventory-badge.badge-approved{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.badge-preview .inventory-badge.badge-declined{color:#b91c1c;background:#fef2f2;border-color:#fee2e2}.badge-preview .inventory-badge.badge-paid{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.badge-preview .inventory-badge.badge-neutral{color:#374151;background:#f3f4f6;border-color:#e5e7eb}@media (max-width:900px){.badge-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-playground{grid-template-columns:1fr}.badge-playground-controls{border-top:1px solid #e5e7eb;border-left:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.badge-playground-controls header{grid-column:1/-1}.badge-playground-controls label{border-top:0;padding:0}}@media (max-width:580px){.badge-status-grid,.badge-type-grid{grid-template-columns:1fr}.badge-inventory-surface article{min-height:82px}.badge-table-wrap{padding:20px;overflow-x:auto}.badge-table{min-width:620px}.badge-playground-controls{grid-template-columns:1fr}.badge-playground-controls header{grid-column:auto}}.badge-dimension-canvas{min-height:330px}.badge-width-guide{color:#6161ff;width:288px;height:48px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;justify-content:center;align-items:flex-start;margin-left:60px;font-size:9px;display:flex;position:relative}.badge-width-guide:before,.badge-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.badge-width-guide:before{left:0}.badge-width-guide:after{right:0}.badge-width-guide span{background:#f3f2ff;border-radius:5px;margin-top:-24px;padding:4px 7px}.badge-measure-row{align-items:center;gap:18px;display:flex}.badge-measure-row .inventory-badge{width:288px;min-height:84px;padding-inline:33px;font-size:24px}.badge-annotated-component{width:288px;height:84px;position:relative}.badge-annotated-component .inventory-badge{width:100%;height:100%}.badge-annotated-component .inventory-badge i{flex:none;width:36px;height:36px}.badge-annotated-component .inventory-badge i:after{font-size:20px}.badge-anatomy-marker{z-index:2;box-sizing:border-box;width:22px;height:22px;font-family:var(--font-geist-mono);border:2px solid #fff;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;box-shadow:0 1px 5px #10172138;color:#fff!important;background:#2c2c2c!important;padding:0!important;font-size:9px!important;font-weight:700!important}.badge-anatomy-marker.marker-container{top:-11px;right:18px}.badge-anatomy-marker.marker-label{bottom:-11px;right:44px}.badge-anatomy-marker.marker-icon{top:31px;left:-11px}.badge-anatomy-marker.marker-overflow{bottom:8px;right:-11px}.badge-height-guide{color:#6161ff;width:42px;height:84px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;align-items:center;font-size:9px;display:flex;position:relative}.badge-height-guide:before,.badge-height-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.badge-height-guide:before{top:0}.badge-height-guide:after{bottom:0}.badge-height-guide span{transform:translate(-5px)rotate(-90deg)}.badge-overflow-guide{color:#6161ff;width:288px;font-family:var(--font-geist-mono);text-align:right;margin-top:18px;margin-left:60px;font-size:9px}@media (max-width:580px){.badge-width-guide,.badge-overflow-guide{width:220px}.badge-annotated-component{width:220px;height:64px}.badge-measure-row .inventory-badge{width:220px;min-height:64px;padding-inline:24px;font-size:18px}.badge-annotated-component .inventory-badge i{width:30px;height:30px}.badge-annotated-component .inventory-badge i:after{font-size:16px}.badge-anatomy-marker.marker-icon{top:21px}.badge-height-guide{height:64px}}.dialog-size-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dialog-size-spec-grid>article{background:#fff;border:1px solid #ededed;border-radius:12px;overflow:hidden}.dialog-spec-stage{background:#f7f7f9;border-bottom:1px solid #ededed;place-items:center;min-height:240px;padding:24px;display:grid}.dialog-spec-preview{background:#fff;border:1px solid #ededed;border-radius:5px;flex-direction:column;place-self:center;overflow:hidden;box-shadow:0 12px 30px #10172124;align-items:stretch!important;display:flex!important}.dialog-spec-small{width:48%}.dialog-spec-medium{width:68%}.dialog-spec-large{width:94%}.dialog-spec-preview>div{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;min-height:32px;padding:0 10px;display:flex}.dialog-spec-preview b{color:#101721;font-size:8px}.dialog-spec-preview i{color:#6b7785;font-size:10px;font-style:normal}.dialog-spec-preview>section{min-height:74px;padding:12px}.dialog-spec-confirmation{align-items:center;display:flex}.dialog-spec-confirmation p{color:#343b46;margin:0;font-size:7px;line-height:1.5}.dialog-spec-customer{gap:5px;display:grid}.dialog-spec-customer>label{color:#6b7785;border:1px solid #d4d4d8;border-radius:3px;align-items:center;gap:4px;height:20px;padding:0 6px;font-size:6px;display:flex}.dialog-spec-customer>p{border-bottom:1px solid #ededed;align-items:center;gap:5px;margin:0;padding:4px 0;display:flex}.dialog-spec-customer>p>i{color:#343b46;background:#f1f1f1;border-radius:50%;place-items:center;width:14px;height:14px;font-size:6px;font-style:normal;display:grid}.dialog-spec-customer>p>span{flex:1;gap:1px;display:grid}.dialog-spec-customer>p b{font-size:6px}.dialog-spec-customer>p small{color:#8a929e;font-size:5px}.dialog-spec-customer>p em{border:1px solid #9ca3af;border-radius:50%;width:7px;height:7px}.dialog-spec-calculator{grid-template-columns:1.4fr .8fr;gap:8px!important;display:grid!important}.dialog-spec-calculator>div{grid-template-columns:1fr 1fr;gap:5px;display:grid}.dialog-spec-calculator label{color:#6b7785;gap:3px;font-size:5px;display:grid}.dialog-spec-calculator label span{background:#fff;border:1px solid #d4d4d8;border-radius:2px;height:17px}.dialog-spec-calculator aside{background:#f5f5f5;border-radius:3px;flex-direction:column;justify-content:center;padding:8px;display:flex}.dialog-spec-calculator aside small{color:#6b7785;font-size:5px}.dialog-spec-calculator aside b{margin-top:2px;font-size:11px}.dialog-spec-calculator aside p{color:#8a929e;margin:2px 0 0;font-size:5px}.dialog-spec-preview>footer{border-top:1px solid #ededed;justify-content:flex-end;gap:6px;padding:8px 10px;display:flex}.dialog-spec-preview>footer span{border:1px solid #d4d4d8;border-radius:3px;width:32px;height:13px}.dialog-spec-preview>footer span:last-child{background:#2c2c2c;border-color:#2c2c2c}.dialog-size-spec-grid>article>header{justify-content:space-between;align-items:center;padding:15px 16px 11px;display:flex}.dialog-size-spec-grid>article>header b{color:#101721;font-size:12px}.dialog-size-spec-grid code{color:#6b7785;font-family:var(--font-geist-mono);background:#f5f5f5;border-radius:5px;padding:4px 6px;font-size:9px}.dialog-size-spec-grid dl{margin:0;padding:0 16px 15px}.dialog-size-spec-grid dl>div{border-top:1px solid #ededed;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.dialog-size-spec-grid dt{color:#6b7785;font-size:9px}.dialog-size-spec-grid dd{color:#101721;font-family:var(--font-geist-mono);text-align:right;margin:0;font-size:9px}@media (max-width:900px){.dialog-size-spec-grid{grid-template-columns:1fr}.dialog-spec-small{width:38%}.dialog-spec-medium{width:58%}.dialog-spec-large{width:82%}}.anatomy-canvas-marker{z-index:4;box-sizing:border-box;color:#fff;width:22px;height:22px;font-family:var(--font-geist-mono);pointer-events:none;background:#2c2c2c;border:2px solid #fff;border-radius:50%;place-items:center;padding:0;font-size:9px;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;box-shadow:0 1px 5px #10172138}.annotated-button-component{width:220px;height:80px;position:relative}.button-marker-container{top:-11px;right:18px}.button-marker-label{bottom:-11px;right:44px}.button-marker-padding{top:29px;left:-11px}.button-marker-shape{top:-11px;left:-11px}.switch-annotated-component{outline-offset:14px;outline:1px dashed #6161ff;position:relative}.switch-marker-track{top:-11px;left:36px}.switch-marker-thumb{top:49px;right:48px}.switch-marker-color{bottom:8px;right:-11px}.switch-marker-target{top:-25px;left:-25px}.measured-radio,.radio-label-demo{position:relative}.radio-marker-control{top:-11px;right:-11px}.radio-marker-dot{bottom:-11px;left:23px}.radio-marker-target{top:-11px;right:-11px}.radio-marker-label{top:-11px;right:42px}.toggle-group-annotated-component{position:relative}.toggle-marker-container{top:-11px;right:-11px}.measured-navigation-item{position:relative}.nav-marker-container{top:-11px;right:34px}.nav-marker-icon{top:10px;left:-8px}.nav-marker-metadata{top:10px;right:-11px}.nav-marker-child{top:7px;left:-11px}.avatar-measure-group>div{position:relative}.avatar-marker-container,.avatar-marker-image,.avatar-marker-initials{top:-10px;right:-10px}.avatar-marker-editable{bottom:24px;right:-10px}.avatar-measure-group .inventory-avatar.is-editable>i{justify-content:center;width:22px;height:22px;padding:0;font-size:0;bottom:3px;right:3px}.avatar-inventory-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:24px;padding:28px;display:grid}.avatar-inventory-surface article{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.avatar-inventory-surface article>b{color:#101721;margin-top:8px;font-size:11px}.avatar-inventory-surface article>small{color:#6b7785;font-size:9px;line-height:1.45}.inventory-avatar{color:#007a59;background:#e8f8f2;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;position:relative;overflow:hidden}.inventory-avatar>span{line-height:1}.inventory-avatar>svg{object-fit:cover;width:100%;height:100%;display:block}.avatar-size-32{width:32px;height:32px;font-size:14px;font-weight:500}.avatar-size-36{width:36px;height:36px;font-size:12px}.avatar-size-40{width:40px;height:40px;font-size:12px}.avatar-size-64{width:64px;height:64px;font-size:18px}.avatar-size-profile{color:#f3f4f6;background:#1f2937;border-radius:8px;justify-self:start;width:100%;max-width:160px;height:154px;font-size:30px;font-weight:400}.inventory-avatar.is-editable:after{content:"";background:#0000002e;position:absolute;inset:0}.inventory-avatar.is-editable>i{z-index:1;color:#111720;background:#fffffff2;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-style:normal;font-weight:600;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 5px 12px #10172124}.inventory-avatar.is-editable>i svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:12px;height:12px}.avatar-dimension-canvas{gap:34px}.avatar-measure-group{justify-content:center;align-items:flex-end;gap:30px;display:flex}.avatar-measure-group>div{flex-direction:column;align-items:center;gap:12px;display:flex}.avatar-measure-group>div>span{color:#6161ff;font-family:var(--font-geist-mono);font-size:9px}.avatar-image-rule{color:#6b7785;background:#fff;border-radius:6px;padding:7px 10px;font-size:9px}.avatar-image-rule code{color:#101721;font-family:var(--font-geist-mono)}.avatar-spec-table{border:1px solid #ededed;border-radius:12px;overflow:hidden}.avatar-spec-table>div{border-top:1px solid #ededed;grid-template-columns:.8fr .65fr .65fr 1.4fr;align-items:center;min-height:48px;padding:0 17px;display:grid}.avatar-spec-table>div:first-child{color:#6b7785;text-transform:uppercase;background:#f7f7f9;border-top:0;min-height:42px;font-size:9px}.avatar-spec-table span{color:#101721;font-size:10px}.avatar-spec-table span:last-child{color:#6b7785}.avatar-spec-table code{color:#101721;font-family:var(--font-geist-mono);font-size:9px}@media (max-width:900px){.avatar-inventory-surface{grid-template-columns:repeat(3,minmax(0,1fr))}.editable-avatar-inventory{grid-column:span 2}.avatar-spec-table>div{grid-template-columns:1fr 1fr;gap:7px 18px;padding-block:11px}.avatar-spec-table>div>:nth-child(n+3){margin-top:4px}}@media (max-width:580px){.avatar-inventory-surface{grid-template-columns:1fr 1fr;padding:20px}.editable-avatar-inventory{grid-column:1/-1}.avatar-measure-group{flex-wrap:wrap;gap:24px}.avatar-spec-table>div{grid-template-columns:1fr}.avatar-spec-table>div>*{margin-top:0!important}}.input-dimension-canvas{align-items:stretch;gap:10px;min-height:340px}.input-width-guide{color:#6161ff;width:calc(100% - 56px);height:42px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;justify-content:flex-start;align-self:flex-end;align-items:flex-start;font-size:9px;display:flex;position:relative}.input-width-guide:before,.input-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.input-width-guide:before{left:0}.input-width-guide:after{right:0}.input-width-guide>span{background:#f3f2ff;border-radius:5px;margin-top:-24px;padding:4px 7px}.input-spec-field{gap:8px;width:100%;display:grid}.input-spec-label{color:#101721;justify-self:start;margin-left:56px;font-size:10px;font-weight:600;position:relative}.input-measure-row{align-items:center;gap:18px;width:100%;display:flex}.input-height-guide{color:#6161ff;width:38px;height:44px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;flex:none;align-items:center;font-size:9px;display:flex;position:relative}.input-height-guide:before,.input-height-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.input-height-guide:before{top:0}.input-height-guide:after{bottom:0}.input-height-guide>span{transform:translate(-7px)rotate(-90deg)}.annotated-input-component{flex:1;height:44px;position:relative}.measured-input-field{box-sizing:border-box;color:#6b7785;background:#fff;border:1px solid #d4d4d8;border-radius:8px;align-items:center;width:100%;height:100%;padding:0 12px;font-size:12px;display:flex;box-shadow:0 8px 20px #10172114}.input-supporting-text{color:#6b7785;justify-self:start;margin-left:56px;font-size:9px;font-weight:400;position:relative}.input-marker-container{top:-11px;left:-11px}.input-marker-label{top:-8px;right:-30px}.input-marker-value{top:11px;left:92px}.input-marker-feedback{top:-7px;right:-30px}.input-inset-guide{color:#6161ff;width:100%;font-family:var(--font-geist-mono);text-align:left;margin-top:14px;font-size:9px}@media (max-width:580px){.input-dimension-canvas{padding-inline:28px}.input-marker-value{left:72px}}.select-dimension-canvas{align-items:stretch;gap:10px;min-height:340px}.select-width-guide{color:#6161ff;width:calc(100% - 56px);height:42px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;justify-content:flex-start;align-self:flex-end;align-items:flex-start;font-size:9px;display:flex;position:relative}.select-width-guide:before,.select-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.select-width-guide:before{left:0}.select-width-guide:after{right:0}.select-width-guide>span{background:#f3f2ff;border-radius:5px;margin:-24px 0 0;padding:4px 7px}.select-spec-field{gap:8px;width:100%;display:grid}.select-spec-label{color:#101721;justify-self:start;margin-left:56px;font-size:10px;font-weight:600;position:relative}.select-measure-row{align-items:center;gap:18px;width:100%;display:flex}.select-height-guide{color:#6161ff;width:38px;height:44px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;flex:none;align-items:center;font-size:9px;display:flex;position:relative}.select-height-guide:before,.select-height-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.select-height-guide:before{top:0}.select-height-guide:after{bottom:0}.select-height-guide>span{transform:translate(-7px)rotate(-90deg)}.annotated-select-component{flex:1;width:auto;height:44px;position:relative}.measured-select-field{box-sizing:border-box;color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 12px;display:flex;box-shadow:0 8px 20px #10172114}.measured-select-field>span{font-size:12px}.measured-select-field>i{color:#6b7785;font-size:16px;font-style:normal;line-height:1}.select-marker-label{top:-8px;right:-30px}.select-marker-container{top:-11px;left:-11px}.select-marker-value{top:11px;left:62px}.select-marker-icon{top:11px;right:-11px}.select-inset-guide{color:#6161ff;width:100%;font-family:var(--font-geist-mono);text-align:left;margin-top:14px;font-size:9px}@media (max-width:580px){.select-dimension-canvas{padding-inline:28px}.select-marker-value{left:48px}}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23101721' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;padding-right:38px!important}.list-dimension-canvas{gap:26px;min-height:340px;position:relative}.list-measure-row{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.list-height-guide{box-sizing:border-box;border-right:1px solid #6161ff;flex:none;width:38px;height:52px;position:relative}.list-height-guide:before,.list-height-guide:after{content:"";background:#6161ff;width:11px;height:1px;position:absolute;right:-5px}.list-height-guide:before{top:0}.list-height-guide:after{bottom:0}.list-height-guide>span{color:#6161ff;font-family:var(--font-geist-mono);white-space:nowrap;font-size:9px;position:absolute;top:50%;right:10px;transform:translateY(-50%)rotate(-90deg)}.measured-list-row{box-sizing:border-box;background:#fff;border:1px solid #d4d4d8;border-radius:8px;align-items:center;gap:12px;width:min(480px,100% - 80px);min-height:52px;padding:0 8px 0 16px;display:flex;position:relative;box-shadow:0 10px 28px #1017211f}.measured-list-avatar{color:#fff;background:#2c2c2c;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;font-size:7px;font-weight:600;display:grid;position:relative}.measured-list-row>div{flex:1;gap:3px;min-width:0;display:grid}.measured-list-row>div>b{color:#101721;justify-self:start;font-size:11px;position:relative}.measured-list-row>div>small{color:#6b7785;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.measured-list-row>button{color:#6b7785;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:44px;height:44px;padding:0;font-size:16px;display:grid;position:relative}.list-marker-container{top:-11px;right:52px}.list-marker-leading{top:-11px;left:-11px}.list-marker-content{top:-15px;right:-28px}.list-marker-action{bottom:-7px;right:-11px}.list-padding-guide{color:#6161ff;width:min(480px,100% - 80px);font-family:var(--font-geist-mono);justify-content:space-between;gap:14px;margin-left:56px;font-size:9px;display:flex}.list-padding-guide>span{white-space:nowrap;background:#f3f2ff;border-radius:5px;padding:4px 7px}@media (max-width:700px){.list-measure-row{gap:8px}.measured-list-row,.list-padding-guide{width:calc(100% - 62px)}.list-padding-guide{flex-wrap:wrap;justify-content:center;margin-left:46px}}.component-spec-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.component-spec-summary article{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;align-content:center;gap:8px;min-height:150px;padding:24px;display:grid}.component-spec-summary span{color:#6b7785;font-size:10px}.component-spec-summary strong{color:#101721;font-family:var(--font-geist-mono);font-size:18px}.component-spec-summary p{color:#6b7785;margin:0;font-size:10px;line-height:1.55}.checkbox-dimension-canvas{gap:18px;min-height:340px}.checkbox-target-guide{border:1px dashed #6161ff;place-items:center;width:176px;height:176px;display:grid;position:relative}.checkbox-target-guide>span{color:#6161ff;font-family:var(--font-geist-mono);white-space:nowrap;background:#f3f2ff;border-radius:5px;padding:4px 7px;font-size:9px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.checkbox-control-measure{width:72px;height:72px;position:relative}.checkbox-width-guide{border-bottom:1px solid #6161ff;width:72px;height:12px;position:absolute;top:-25px;left:0}.checkbox-width-guide:before,.checkbox-width-guide:after{content:"";background:#6161ff;width:1px;height:8px;position:absolute;bottom:-4px}.checkbox-width-guide:before{left:0}.checkbox-width-guide:after{right:0}.checkbox-width-guide>span{color:#6161ff;font-family:var(--font-geist-mono);white-space:nowrap;background:#f3f2ff;border-radius:5px;padding:3px 5px;font-size:8px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.checkbox-height-guide{border-right:1px solid #6161ff;width:12px;height:72px;position:absolute;top:0;left:-25px}.checkbox-height-guide:before,.checkbox-height-guide:after{content:"";background:#6161ff;width:8px;height:1px;position:absolute;right:-4px}.checkbox-height-guide:before{top:0}.checkbox-height-guide:after{bottom:0}.checkbox-height-guide>span{color:#6161ff;font-family:var(--font-geist-mono);white-space:nowrap;background:#f3f2ff;border-radius:5px;padding:3px 5px;font-size:8px;position:absolute;top:50%;right:4px;transform:translateY(-50%)rotate(-90deg)}.measured-checkbox{color:#fff;background:#2c2c2c;border-radius:16px;place-items:center;width:72px;height:72px;font-size:44px;font-weight:600;line-height:1;display:grid;position:relative}.checkbox-control-guide{color:#6161ff;font-family:var(--font-geist-mono);font-size:9px}.checkbox-label-demo{color:#101721;align-items:center;gap:9px;display:flex;position:relative}.small-checkbox{color:#fff;background:#2c2c2c;border-radius:4px;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.checkbox-label-demo b{font-size:12px;font-weight:650}.checkbox-marker-control{top:-11px;right:-11px}.checkbox-marker-check{bottom:-11px;left:25px}.checkbox-marker-target{top:-11px;right:-11px}.checkbox-marker-label{top:-11px;right:44px}@media (max-width:700px){.component-spec-summary{grid-template-columns:1fr}.component-spec-summary article{min-height:110px}}.stroke-inventory{gap:24px;display:grid}.stroke-catalog-group{gap:12px;display:grid}.stroke-catalog-heading{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.stroke-catalog-heading h3{color:#101721;margin:0;font-size:16px}.stroke-catalog-heading p{color:#6b7785;white-space:nowrap;margin:0;font-size:9px}.stroke-catalog-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;padding:28px;display:grid;overflow:hidden}.stroke-type-surface,.stroke-size-surface{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.stroke-color-surface{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px}.stroke-catalog-surface article{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.stroke-catalog-surface article>b{color:#101721;font-size:11px}.stroke-catalog-surface article>small{color:#6b7785;font-size:9px;line-height:1.45}.stroke-catalog-surface code{color:#6b7785;font-family:var(--font-geist-mono);background:#fff;border-radius:5px;padding:4px 6px;font-size:9px}.stroke-sample{box-sizing:border-box;border-color:#2c2c2c;width:100%;height:34px}.stroke-color-swatch{box-sizing:border-box;background:#fff;border-style:solid;border-width:3px;border-radius:8px;width:100%;height:44px}.stroke-playground .foundation-playground-stage{min-height:380px}.stroke-preview-card{box-sizing:border-box;background:#fff;border-radius:12px;width:min(360px,100% - 48px);padding:24px;box-shadow:0 12px 30px #10172114}.stroke-preview-card>span{color:#6b7785;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.stroke-preview-card h3{color:#101721;margin:10px 0 5px;font-size:20px}.stroke-preview-card p{color:#6b7785;margin:0;font-size:12px;line-height:1.55}.stroke-preview-card button{color:#fff;background:#2c2c2c;border:0;border-radius:8px;margin-top:20px;padding:10px 14px;font-size:11px;font-weight:600}.stroke-playground .foundation-playground-controls{align-content:start;gap:18px}.stroke-playground .foundation-playground-controls>label{color:#101721;gap:8px;font-size:10px;font-weight:600;display:grid}.stroke-playground .foundation-playground-controls select{box-sizing:border-box;color:#101721;background-color:#fff;border:1px solid #d4d4d8;border-radius:8px;width:100%;height:40px;padding-left:12px}.stroke-dimension-canvas{gap:28px;min-height:340px}.stroke-measured-surface{box-sizing:border-box;color:#101721;background:#fff;border:1px dashed #d4d4d8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:min(360px,100% - 40px);min-height:180px;display:flex;position:relative}.stroke-measured-surface svg{color:#6b7785}.stroke-measured-surface b{font-size:13px}.stroke-measured-surface small{color:#6b7785;font-size:9px}.stroke-marker-style{top:-11px;left:34px}.stroke-marker-width{top:-11px;right:34px}.stroke-marker-color{bottom:36px;right:-11px}.stroke-marker-placement{bottom:-11px;left:50%;transform:translate(-50%)}.stroke-measure-caption{color:#6161ff;font-family:var(--font-geist-mono);background:#f3f2ff;border-radius:5px;padding:5px 8px;font-size:9px}@media (max-width:900px){.stroke-type-surface,.stroke-size-surface,.stroke-color-surface{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.stroke-catalog-heading{flex-direction:column;align-items:flex-start;gap:5px}.stroke-catalog-heading p{white-space:normal}}@media (max-width:580px){.stroke-catalog-surface{grid-template-columns:1fr;padding:20px}.stroke-measured-surface{width:100%}}.action-menu-dimension-canvas{gap:30px;min-height:380px}.action-menu-measured-layout{width:280px;height:250px;position:relative}.action-menu-spec-trigger{box-sizing:border-box;color:#101721;background:#fff;border:1px solid #d4d4d8;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:68px;left:8px}.action-menu-spec-trigger>svg{width:20px;height:20px}.action-menu-trigger-width-guide{color:#6161ff;text-align:center;width:40px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;font-size:9px;position:absolute;top:42px;left:8px}.action-menu-trigger-width-guide:before,.action-menu-trigger-width-guide:after,.action-menu-panel-width-guide:before,.action-menu-panel-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.action-menu-trigger-width-guide:before,.action-menu-panel-width-guide:before{left:0}.action-menu-trigger-width-guide:after,.action-menu-panel-width-guide:after{right:0}.action-menu-trigger-width-guide span,.action-menu-panel-width-guide span{white-space:nowrap;background:#f3f2ff;border-radius:5px;padding:4px 7px;position:relative;top:-23px}.action-menu-trigger-height-guide{color:#6161ff;width:18px;height:40px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;font-size:9px;position:absolute;top:68px;left:-20px}.action-menu-trigger-height-guide:before,.action-menu-trigger-height-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.action-menu-trigger-height-guide:before{top:0}.action-menu-trigger-height-guide:after{bottom:0}.action-menu-trigger-height-guide span{position:absolute;top:11px;left:-17px;transform:rotate(-90deg)}.action-menu-panel-width-guide{color:#6161ff;text-align:center;width:160px;font-family:var(--font-geist-mono);border-top:1px solid #6161ff;font-size:9px;position:absolute;top:14px;left:120px}.action-menu-spec-panel{box-sizing:border-box;background:#fff;border:1px solid #ededed;border-radius:8px;gap:2px;width:160px;padding:6px;display:grid;position:absolute;top:40px;left:120px;box-shadow:0 14px 34px #10172124}.action-menu-spec-panel>button{color:#101721;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:0 10px;font-size:11px;display:flex}.action-menu-spec-panel>button:hover{background:#f5f5f5}.action-menu-spec-panel>button.danger{color:#dc2626}.action-menu-spec-panel svg{flex:none;width:16px;height:16px}.action-menu-marker-trigger{top:-11px;left:-11px}.action-menu-marker-icon{top:9px;left:9px}.action-menu-marker-panel{top:-11px;right:-11px}.action-menu-marker-item{bottom:15px;right:-11px}.action-menu-measure-caption{color:#6161ff;font-family:var(--font-geist-mono);background:#f3f2ff;border-radius:5px;padding:5px 8px;font-size:9px}@media (max-width:580px){.action-menu-measured-layout{transform:scale(.82)}.action-menu-dimension-canvas{padding-inline:12px}}.action-menu-inventory{gap:42px;display:grid}.action-menu-state-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.action-menu-state-surface article{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:126px;padding:20px;display:flex}.action-menu-state-surface article>b,.action-menu-list-surface article>b{color:#101721;font-size:13px}.action-menu-inventory-trigger{box-sizing:border-box;color:#101721;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.action-menu-inventory-trigger svg{width:20px;height:20px}.action-menu-inventory-trigger:hover,.action-menu-inventory-trigger.is-hover{background:#f5f5f5;border-color:#2c2c2c;transform:translateY(-2px);box-shadow:0 6px 16px #1017211f}.action-menu-inventory-trigger.is-clicked{background:#e6e6e6;border-color:#2c2c2c;box-shadow:inset 0 0 0 1px #2c2c2c}.action-menu-inventory-trigger:focus-visible{outline-offset:3px;outline:3px solid #6161ff47}.action-menu-list-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;display:grid}.action-menu-list-surface article{justify-items:start;gap:14px;min-width:0;display:grid}.action-menu-inventory-list{box-sizing:border-box;background:#fff;border:1px solid #ededed;border-radius:8px;gap:2px;width:100%;min-width:160px;padding:6px;display:grid;box-shadow:0 10px 28px #1017211a}.action-menu-inventory-list button{color:#101721;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:0 10px;font-size:11px;display:flex}.action-menu-inventory-list button:hover{background:#f5f5f5}.action-menu-inventory-list button.danger{color:#dc2626}.action-menu-inventory-list svg{flex:none;width:16px;height:16px}@media (max-width:700px){.action-menu-state-surface,.action-menu-list-surface{grid-template-columns:1fr}.action-menu-state-surface article{min-height:100px}}.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}.data-table-inventory{gap:42px;display:grid}.data-table-inventory-surface,.data-table-cell-surface{background:#f7f7f9;border:1px solid #ededed;border-radius:12px}.data-table-inventory-surface{padding:24px}.product-data-table-wrap{width:100%;overflow-x:auto}.product-data-table-wrap.has-open-menu{margin-bottom:-156px;padding-bottom:156px}.product-data-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #ededed;border-radius:10px;width:100%;min-width:720px}.product-data-table th{color:#6b7785;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:#f9fafb;height:44px;padding:0 16px;font-size:10px;font-weight:650}.product-data-table td{color:#101721;border-top:1px solid #ededed;height:52px;padding:0 16px;font-size:11px}.product-data-table tbody tr{transition:background-color .18s}.product-data-table tbody tr:hover,.product-data-table tbody tr.is-active{background:#f7f7f9}.product-data-table .numeric-cell{text-align:right;font-variant-numeric:tabular-nums}.product-data-table .action-column,.product-data-table .data-table-action-cell{text-align:right;width:56px;padding-inline:8px}.data-table-identity{white-space:nowrap;align-items:center;gap:10px;display:flex}.data-table-identity>i{color:#6161ff;background:#f3f2ff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;display:grid}.data-table-secondary{font-family:var(--font-geist-mono);color:#6b7785!important}.data-table-number{white-space:nowrap;font-weight:650}.data-table-status{border:1px solid #0000;border-radius:999px;place-items:center;width:78px;height:24px;font-size:9px;font-weight:650;display:inline-grid}.status-approved{color:#18864b;background:#e8f7ef;border-color:#ccefdc}.status-pending{color:#8b6200;background:#fff3cf;border-color:#f8df97}.status-declined{color:#b42318;background:#ffebe7;border-color:#f6cfc7}.status-paid{color:#1d4ed8;background:#e8f2ff;border-color:#cfdef8}.data-table-action-cell{position:relative}.data-table-kebab{color:#6b7785;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.data-table-kebab:hover,.data-table-kebab[aria-expanded=true]{color:#2c2c2c;background:#f5f5f5;border-color:#d4d4d8}.data-table-kebab:focus-visible{outline-offset:2px;outline:3px solid #6161ff47}.data-table-kebab svg{width:20px;height:20px}.data-table-row-menu{z-index:15;text-align:left;background:#fff;border:1px solid #ededed;border-radius:8px;gap:2px;width:160px;padding:6px;display:grid;position:absolute;top:46px;right:8px;box-shadow:0 12px 30px #10172124}.data-table-row-menu button{color:#101721;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:0 10px;font-size:11px;display:flex}.data-table-row-menu button:hover{background:#f5f5f5}.data-table-row-menu button.danger{color:#dc2626}.data-table-row-menu svg{flex:none;width:16px;height:16px}.data-table-cell-surface{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.data-table-cell-surface article{align-content:start;gap:14px;min-width:0;padding:24px 16px;display:grid}.data-table-cell-surface article>b{color:#101721;font-size:12px}.cell-example{justify-content:flex-start;align-items:center;min-height:44px;display:flex}.header-cell-example{color:#6b7785;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:650}.body-cell-example{font-size:11px;font-weight:600}.number-cell-example{font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.status-action-example{gap:8px}.data-table-playground{flex-direction:column;justify-content:center;align-items:stretch;min-height:440px;padding:32px}.data-table-playground-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.data-table-playground-heading>div{gap:4px;display:grid}.data-table-playground-heading strong{color:#101721;font-size:14px}.data-table-playground-heading span,.data-table-playground-heading p{color:#6b7785;font-size:10px}.data-table-playground-heading p{margin:0}.data-table-dimension-canvas{min-height:390px}.data-table-measured-sample{width:min(540px,100% - 80px);padding-top:48px;position:relative}.data-table-width-guide{color:#6161ff;width:100%;font-family:var(--font-geist-mono);text-align:center;border-top:1px solid #6161ff;font-size:9px;position:absolute;top:22px;left:0}.data-table-width-guide:before,.data-table-width-guide:after{content:"";background:#6161ff;width:1px;height:10px;position:absolute;top:-5px}.data-table-width-guide:before{left:0}.data-table-width-guide:after{right:0}.data-table-width-guide span{white-space:nowrap;background:#f8f9fc;padding:2px 6px;position:relative;top:-17px}.data-table-header-guide,.data-table-row-guide{color:#6161ff;width:38px;font-family:var(--font-geist-mono);border-right:1px solid #6161ff;font-size:9px;position:absolute;left:-48px}.data-table-header-guide{height:44px;top:48px}.data-table-row-guide{height:52px;top:92px}.data-table-header-guide:before,.data-table-header-guide:after,.data-table-row-guide:before,.data-table-row-guide:after{content:"";background:#6161ff;width:10px;height:1px;position:absolute;right:-5px}.data-table-header-guide:before,.data-table-row-guide:before{top:0}.data-table-header-guide:after,.data-table-row-guide:after{bottom:0}.data-table-header-guide span,.data-table-row-guide span{white-space:nowrap;position:absolute;top:50%;right:8px;transform:translateY(-50%)rotate(-90deg)}.data-table-measured-header{box-sizing:border-box;background:#f9fafb;border:1px solid #d4d4d8;border-radius:8px 8px 0 0;grid-template-columns:1.4fr .8fr 1fr 40px;align-items:center;gap:10px;height:44px;padding:0 8px 0 16px;display:grid;position:relative}.data-table-measured-header b{color:#6b7785;letter-spacing:.05em;text-transform:uppercase;font-size:9px}.data-table-measured-header b:nth-child(2){text-align:right}.data-table-action-heading{text-align:center}.data-table-measured-row{box-sizing:border-box;background:#fff;border:1px solid #d4d4d8;border-top:0;border-radius:0 0 8px 8px;grid-template-columns:1.4fr .8fr 1fr 40px;align-items:center;gap:10px;height:52px;padding:0 8px 0 16px;display:grid;position:relative}.data-table-measured-row>strong{text-align:right;font-size:10px}.data-table-measured-sample>small{color:#6161ff;font-family:var(--font-geist-mono);text-align:center;margin-top:18px;font-size:9px;display:block}.table-marker-1{top:-10px;left:-10px}.table-marker-2{top:15px;left:-10px}.table-marker-3{top:15px;right:62px}.table-marker-4{top:15px;right:-10px}@media (max-width:900px){.data-table-cell-surface{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.data-table-measured-sample{width:calc(100% - 50px);margin-left:34px}.data-table-dimension-canvas{padding-inline:12px}}@media (max-width:580px){.data-table-cell-surface{grid-template-columns:1fr}.data-table-inventory-surface,.data-table-playground{padding:16px}.data-table-playground-heading{flex-direction:column;align-items:flex-start;gap:6px}.data-table-playground-heading p{white-space:normal}}.nav-item-active{background:var(--sg-color-nav-selected);color:var(--sg-color-text-primary)}.source-note{border-color:var(--sg-color-border-subtle);color:var(--sg-color-text-secondary);font-size:var(--sg-type-micro-size);line-height:var(--sg-type-micro-line)}.source-note strong{color:var(--sg-color-text-primary);font-weight:var(--sg-type-micro-weight)}.source-dot{background:var(--sg-color-focus)}.playground,.foundation-preview,.component-preview,.foundation-playground{border:var(--sg-stroke-default) solid var(--sg-color-border-subtle);border-radius:var(--sg-radius-large);background:var(--sg-color-surface);box-shadow:var(--sg-elevation-1)}.preview-toolbar{min-height:var(--sg-space-12);border-color:var(--sg-color-border-subtle);background:var(--sg-color-surface);color:var(--sg-color-text-secondary);font-size:var(--sg-type-caption-size);font-weight:var(--sg-type-caption-weight)}.viewport-controls button,.button-variant-tabs button,.size-switcher button{min-height:var(--sg-space-10);border:var(--sg-stroke-default) solid transparent;border-radius:var(--sg-radius-medium);color:var(--sg-color-text-secondary);font:var(--sg-type-caption-weight) var(--sg-type-caption-size)/var(--sg-type-caption-line) var(--sg-font-sans);transition:background-color var(--sg-motion-fast) ease, border-color var(--sg-motion-fast) ease, color var(--sg-motion-fast) ease, box-shadow var(--sg-motion-fast) ease}.viewport-controls button:hover,.button-variant-tabs button:hover,.size-switcher button:hover{background:var(--sg-color-nav-hover);color:var(--sg-color-text-primary)}.viewport-controls button.active,.button-variant-tabs button.active,.button-variant-tabs button[aria-selected=true],.size-switcher button.active{border-color:var(--sg-color-border-control);background:var(--sg-color-surface);color:var(--sg-color-text-primary);box-shadow:var(--sg-elevation-1)}.product-modals .size-switcher{background:#ededed;border-radius:999px;gap:4px;padding:6px}.product-modals .size-switcher button{color:#6b7280;background:0 0;border:0;border-radius:999px;min-height:40px;padding:6px 16px;font-size:14px;font-weight:500}.product-modals .size-switcher button:hover{color:#111827;background:#d1d5db80}.product-modals .size-switcher button.active{color:#111827;background:#fff;border-color:#0000;box-shadow:0 1px 3px #10172124}.preview-canvas,.foundation-playground-stage{border-color:var(--sg-color-border-subtle);background-color:var(--sg-color-surface-subtle);background-image:linear-gradient(var(--sg-color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--sg-color-border-subtle) 1px, transparent 1px);background-size:var(--sg-space-6) var(--sg-space-6)}.controls,.foundation-playground-controls{border-color:var(--sg-color-border-subtle);background:var(--sg-color-surface)}.controls label,.controls legend,.foundation-playground-controls label,.foundation-playground-controls legend{color:var(--sg-color-text-primary);font-size:var(--sg-type-micro-size);font-weight:var(--sg-type-micro-weight);line-height:var(--sg-type-micro-line)}.controls small,.foundation-playground-controls small{color:var(--sg-color-text-secondary);font-size:var(--sg-type-micro-size);line-height:var(--sg-type-micro-line)}.controls select,.controls input:not([type=checkbox]):not([type=radio]),.foundation-playground-controls select,.foundation-playground-controls input:not([type=checkbox]):not([type=radio]){min-height:var(--sg-space-10);border:var(--sg-stroke-default) solid var(--sg-color-border-control);border-radius:var(--sg-radius-medium);padding-inline:var(--sg-space-3);background:var(--sg-color-surface);color:var(--sg-color-text-primary);font:var(--sg-type-caption-weight) var(--sg-type-caption-size)/var(--sg-type-caption-line) var(--sg-font-sans)}.controls select:focus-visible,.controls input:focus-visible,.foundation-playground-controls select:focus-visible,.foundation-playground-controls input:focus-visible{border-color:var(--sg-color-focus);outline-offset:2px;outline:3px solid #6161ff3d}.component-inventory,.input-state-grid,.input-type-grid,.control-inventory-grid,.search-inventory-surface,.toast-inventory-surface{border-color:var(--sg-color-border-subtle);border-radius:var(--sg-radius-large);background:var(--sg-color-surface-subtle)}.component-inventory article,.component-inventory>article,.inventory-card{border-color:var(--sg-color-border-subtle);background:0 0}.inventory-demo{border-color:var(--sg-color-border-subtle);background:var(--sg-color-surface-subtle)}.component-inventory article>b,.inventory-card>b{color:var(--sg-color-text-primary);font-size:var(--sg-type-caption-size);font-weight:600;line-height:var(--sg-type-caption-line)}.component-inventory article>p,.inventory-card>p{color:var(--sg-color-text-secondary);font-size:var(--sg-type-micro-size);line-height:var(--sg-type-micro-line)}.inventory-group-heading span,.numbered-section-heading>span{border-color:var(--sg-color-border-control);border-radius:var(--sg-radius-medium);background:var(--sg-color-surface);min-width:28px;min-height:28px;color:var(--sg-color-text-secondary);font:var(--sg-type-micro-weight) var(--sg-type-micro-size)/var(--sg-type-micro-line) var(--sg-font-mono)}.inventory-group-heading h3{color:var(--sg-color-text-primary);font-size:var(--sg-type-title-size);font-weight:var(--sg-type-title-weight);line-height:var(--sg-type-title-line)}.inventory-group-heading p,.numbered-section-heading>p{color:var(--sg-color-text-secondary);font-size:var(--sg-type-caption-size);font-weight:var(--sg-type-caption-weight);line-height:var(--sg-type-caption-line);white-space:normal}.numbered-section-heading h2{color:var(--sg-color-text-primary);font-size:var(--sg-type-section-size);font-weight:var(--sg-type-section-weight);line-height:var(--sg-type-section-line)}.copy-code-action,.secondary-action{min-height:var(--sg-space-10);border:var(--sg-stroke-default) solid var(--sg-color-border-control);border-radius:var(--sg-radius-medium);padding-inline:var(--sg-space-4);background:var(--sg-color-surface);color:var(--sg-color-text-primary);font-size:var(--sg-type-caption-size);transition:background-color var(--sg-motion-fast) ease, border-color var(--sg-motion-fast) ease, box-shadow var(--sg-motion-fast) ease;font-weight:600}.copy-code-action:hover,.secondary-action:hover{border-color:var(--sg-color-action-primary);background:var(--sg-color-nav-hover);box-shadow:var(--sg-elevation-1)}.copy-code-action:focus-visible,.secondary-action:focus-visible{outline-offset:2px;outline:3px solid #6161ff3d}.guidance-card,.ai-banner{border-color:var(--sg-color-border-subtle);border-radius:var(--sg-radius-large);background:var(--sg-color-surface-subtle)}.ai-icon{border-radius:var(--sg-radius-medium);background:var(--sg-color-action-primary);color:var(--sg-color-surface)}.color-token-card:focus-visible{outline-offset:3px;outline:3px solid #6161ff3d}.radio-customer-results{align-self:stretch;align-items:stretch;width:100%;min-width:0}.component-preview .radio-customer-option{flex-direction:row;width:100%;max-width:none}.nav-label{align-items:center;gap:var(--sg-space-2);display:flex}.nav-label svg{stroke-width:1.75px;flex:none;width:14px;height:14px}@media (max-width:700px){.hero h1{font-size:var(--sg-type-page-size);line-height:var(--sg-type-page-line)}.section-heading>p,.inventory-group-heading p,.numbered-section-heading>p{white-space:normal}}.top-actions,.version,.brand-subtitle{display:none!important}@media (min-width:901px){.topbar{grid-template-columns:256px minmax(0,1fr)}.profile-control{right:var(--sg-space-8);position:absolute}.search-wrap{width:min(560px,100% - 56px);margin-right:max(56px, calc((100vw - 256px - 1080px) / 2 - var(--sg-space-8)))}}.button-variant-toggle-group{align-items:center;gap:var(--sg-space-1);width:max-content;max-width:100%;padding:var(--sg-space-1);border-radius:var(--sg-radius-pill);background:var(--sg-color-surface-subtle);border:0;display:inline-flex;overflow-x:auto}.button-variant-toggle-group button{min-height:var(--sg-space-10);border-radius:var(--sg-radius-pill);padding:0 var(--sg-space-4);color:var(--sg-color-text-secondary);font-family:var(--sg-font-sans);font-size:var(--sg-type-caption-size);font-weight:var(--sg-type-caption-weight);line-height:var(--sg-type-caption-line);white-space:normal;cursor:pointer;transition:background-color var(--sg-motion-fast) ease, color var(--sg-motion-fast) ease, box-shadow var(--sg-motion-fast) ease;background:0 0;border:0;flex:none}.button-variant-toggle-group button:hover:not([aria-pressed=true]){background:var(--sg-color-nav-hover);color:var(--sg-color-text-primary)}.button-variant-toggle-group button[aria-pressed=true]{background:var(--sg-color-action-primary);color:var(--sg-color-surface);box-shadow:var(--sg-elevation-1)}.button-variant-toggle-group button:focus-visible{outline-offset:2px;outline:3px solid #6161ff47}@media (max-width:580px){.button-variant-toggle-group{width:100%}}.choice-box{box-sizing:border-box;padding:0;line-height:1}.choice-box.small{width:14px;height:14px}.choice-box.medium{width:18px;height:18px}.choice-box.large{width:22px;height:22px}.choice-box>svg,.mini-checkbox>svg,.sized-checkbox>svg{stroke-width:2px;flex:none;width:12px;height:12px;display:block}.choice-box.small>svg,.sized-checkbox.small>svg{width:9px;height:9px}.choice-box.large>svg,.sized-checkbox.large>svg{width:15px;height:15px}.choice-preview .checkbox-size-picker{flex-wrap:wrap;gap:8px;display:flex}.checkbox-size-picker label{cursor:pointer;border:1px solid #ededed;border-radius:8px;flex:1;align-items:center;gap:7px;min-height:44px;padding:8px;display:flex}.checkbox-size-picker label:has(input:checked){background:#f5f5f5;border-color:#2c2c2c}.checkbox-size-picker input{accent-color:#2c2c2c;margin:0}.checkbox-size-picker span{white-space:nowrap;text-transform:capitalize;font-size:12px}.choice-preview fieldset>button:focus-visible{outline-offset:3px;outline:2px solid #6161ff}.checkbox-size-picker label:has(input:focus-visible){outline-offset:3px;outline:2px solid #6161ff}.standard-playground{border:1px solid var(--sg-color-border-subtle);background:var(--sg-color-surface);box-shadow:var(--sg-elevation-1);border-radius:12px;grid-template-columns:minmax(0,1fr) 238px}.standard-playground .preview-panel{flex-direction:column;min-width:0;display:flex}.standard-playground .preview-toolbar{flex:none;gap:12px;height:48px}.standard-playground .viewport-controls{gap:12px}.standard-playground .viewport-controls button{color:#9fa6b0;text-transform:capitalize;min-height:32px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px 0;font-size:10px}.standard-playground .viewport-controls button[aria-pressed=true]{color:#2c2c2c;font-weight:650}.standard-playground .viewport-controls button:focus-visible{outline-offset:3px;outline:2px solid #6161ff}.playground-stage-scroll{background:#ededed;flex:1;min-width:0;overflow:auto}.standard-playground .preview-canvas{height:100%;min-height:300px;margin-inline:auto;padding:24px;container-type:inline-size}.playground-content{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.playground-content>.playground-demo{width:100%;min-width:0;min-height:250px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.playground-content>:is(.foundation-playground,.typography-playground,.roundness-playground,.badge-playground,.toast-playground,.charts-playground){justify-content:center;align-items:center;display:flex}.charts-inventory,.dashboard-chart-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.charts-inventory{padding:var(--doc-panel-padding,24px);border:1px solid var(--sg-color-border-subtle);background:var(--doc-panel-surface,var(--sg-color-surface-subtle));border-radius:12px}.product-chart-card{box-sizing:border-box;background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;min-width:0;height:320px;padding:16px;display:flex;box-shadow:0 1px 2px #0000000d}.product-chart-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.product-chart-card>header>div{flex-direction:column;gap:4px;min-width:0;display:flex}.product-chart-card>header strong{color:#18181b;font-size:14px;font-weight:600;line-height:20px}.product-chart-card>header span{color:#71717a;font-size:11px;line-height:16px}.product-chart-card>header button{color:#3f3f46;background:#fff;border:1px solid #d4d4d8;border-radius:8px;flex:none;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.product-chart-card>header button svg{width:14px;height:14px}.product-chart-card>header button:focus-visible{outline-offset:2px;outline:2px solid #2c2c2c}.analytics-chart{flex:1;width:100%;min-height:0;margin-top:12px;overflow:visible}.chart-gridline{stroke:#e4e4e7;stroke-width:1px;stroke-dasharray:3 5}.chart-axis-label{fill:#71717a;font-size:10px}.chart-value-label{fill:#18181b;font-size:11px;font-weight:600}.product-chart-card>footer{color:#52525b;flex-wrap:wrap;align-items:center;gap:12px;min-height:18px;font-size:11px;display:flex}.product-chart-card>footer span{align-items:center;gap:6px;display:inline-flex}.product-chart-card>footer i{border-radius:999px;width:8px;height:8px}.charts-inventory>.product-chart-card:last-child{grid-column:1/-1;width:calc(50% - 8px)}.charts-playground{width:100%;align-items:stretch!important}.dashboard-chart-section{align-items:stretch}.charts-playground-controls p{margin:0}@media (max-width:760px){.charts-inventory,.dashboard-chart-section{grid-template-columns:minmax(0,1fr)}.charts-inventory>.product-chart-card:last-child{grid-column:auto;width:100%}.product-chart-card{height:300px}.product-chart-card>header{flex-direction:column}}@container (max-width:600px){.dashboard-chart-section{grid-template-columns:minmax(0,1fr)}.dashboard-chart-section .product-chart-card{height:300px}.dashboard-chart-section .product-chart-card>header{flex-direction:column}}.playground-demo>[class$=-stage]{background:0 0;border:0;width:100%;min-width:0;min-height:250px;padding:0}.playground-settings{border-left:1px solid var(--sg-color-border-subtle);background:var(--sg-color-surface);min-width:0;padding:18px}.playground-settings>:is(aside,form){background:0 0;border:0;border-radius:0;flex-direction:column;gap:16px;width:100%;min-width:0;margin:0;padding:0;display:flex}.playground-settings fieldset{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.playground-settings label:not(.toggle-row):not(.toast-description-control){color:var(--sg-color-text-secondary);flex-direction:column;gap:7px;margin:0 0 16px;font-size:11px;font-weight:500;display:flex}.playground-settings legend{color:var(--sg-color-text-primary);margin-bottom:10px;font-size:12px;font-weight:600}.playground-settings select{border:1px solid var(--sg-color-border-control);width:100%;min-height:40px;color:var(--sg-color-text-primary);background:#fff;border-radius:8px;padding:0 12px;font-size:14px}.playground-settings :is(p,small){color:var(--sg-color-text-secondary);font-size:11px;line-height:1.6}.playground-settings .controls>div{margin:0}.playground-settings .controls label:not(.toggle-row){margin:0 0 7px}.playground-settings .toggle-row{margin:0}.playground-settings .size-switcher{flex-wrap:wrap;gap:6px;display:flex}.playground-settings .size-switcher button{padding:6px 10px}.playground-settings .color-dropdown-list{max-width:min(320px,75vw);left:auto;right:0}@media (max-width:900px){.standard-playground{grid-template-columns:minmax(0,1fr)}.playground-settings{border-left:0;border-top:1px solid var(--sg-color-border-subtle)}}@media (max-width:580px){.standard-playground .preview-canvas{padding:16px}.standard-playground .preview-toolbar{padding-inline:12px}.standard-playground .viewport-controls{gap:8px}}.button-token-table>div>code{overflow-wrap:anywhere;justify-self:start;max-width:100%}.content[data-doc]{--doc-panel-surface:var(--sg-color-surface-subtle);--doc-panel-padding:var(--sg-space-6)}.content[data-doc] :is(.control-inventory-grid,.control-size-surface,.guidance-card,.dimension-canvas,.playground-stage-scroll,.preview-canvas){background-color:var(--doc-panel-surface)}.content[data-doc] :is(.control-inventory-grid,.control-size-surface){padding:var(--doc-panel-padding);gap:var(--doc-panel-padding)}.content[data-doc] :is(.control-inventory-grid .inventory-demo,.control-size-surface article){background:0 0;padding:0}.content[data-doc] :is(.standard-playground .preview-canvas,.playground-settings,.guidance-card,.dimension-canvas,.button-dimension-figure figcaption,.button-anatomy-list li,.button-token-table>div){padding:var(--doc-panel-padding)}.content[data-doc] .standard-playground .preview-toolbar{height:auto;padding:var(--doc-panel-padding)}.content[data-doc] .guidance-card{border-top-width:1px}.content[data-doc] .guidance-card>span{margin-bottom:16px;display:block;position:static}.content[data-doc] .button-token-table :is(code,div:first-child){background-color:var(--doc-panel-surface)}.content[data-doc] .choice-preview fieldset>button:hover{background:var(--doc-panel-surface)}.content[data-doc] .doc-section+.doc-section{margin-top:32px}.content[data-doc] .section-heading{margin-bottom:var(--doc-panel-padding)}.content[data-doc] :is(.component-inventory,.control-size-surface,.search-inventory-surface,.toast-inventory-surface,.global-navigation-inventory-surface,.list-inventory-surface,.badge-inventory-surface,.avatar-inventory-surface,.action-menu-state-surface,.action-menu-list-surface,.data-table-inventory-surface,.data-table-cell-surface,.icon-type-catalog,.icon-state-surface,.icon-size-surface,.stroke-catalog-surface,.foundation-preview,.font-weight-preview,.component-showcase .component-preview,.tabs-inventory-surface){padding:var(--doc-panel-padding);background-color:var(--doc-panel-surface)}.content[data-doc] :is(.component-inventory,.search-inventory-surface,.toast-inventory-surface,.global-navigation-inventory-surface,.list-inventory-surface,.badge-inventory-surface,.avatar-inventory-surface,.action-menu-state-surface,.action-menu-list-surface,.data-table-cell-surface,.icon-state-surface,.icon-size-surface,.stroke-catalog-surface){gap:var(--doc-panel-padding)}.content[data-doc] :is(.search-inventory-surface,.toast-inventory-surface,.badge-inventory-surface,.action-menu-state-surface,.data-table-cell-surface,.motion-gallery)>article{padding:0}.content[data-doc] .component-inventory .inventory-demo{background:0 0;padding:0}.content[data-doc] .component-inventory article>:is(b,p){margin-inline:0}.content[data-doc] .component-inventory.document-upload-inventory{padding:var(--doc-panel-padding);border-radius:12px;border:1px solid var(--sg-color-border-subtle)!important;background:var(--doc-panel-surface)!important}.content[data-doc] .document-upload-inventory .inventory-demo{padding:0!important}.content[data-doc] :is(.type-specimen-list,.font-weight-preview){padding:0}.content[data-doc] :is(.type-preview>.type-specimen-row,.type-preview>.type-specimen-header,.font-weight-preview>div,.avatar-spec-table>div){padding:var(--doc-panel-padding)}.content[data-doc] :is(.type-specimen-header,.avatar-spec-table>div:first-child,.component-spec-summary article){background-color:var(--doc-panel-surface)}.content[data-doc] .component-spec-summary article{padding:var(--doc-panel-padding)}.content[data-doc] :is(.button-size-specs article>div,.dialog-size-spec-grid article>div,.icon-size-spec-grid article){padding:var(--doc-panel-padding);background-color:var(--doc-panel-surface)}.icon-explorer{gap:24px;display:grid}.icon-ai-handoff{border:1px solid var(--sg-color-border-subtle);background:var(--sg-color-surface-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.icon-eyebrow{color:var(--sg-color-text-secondary);letter-spacing:.1em;font-size:11px;font-weight:600}.icon-ai-handoff h2{letter-spacing:-.03em;margin:8px 0;font-size:24px}.icon-ai-handoff p{max-width:560px;color:var(--sg-color-text-secondary);margin:0;font-size:14px;line-height:1.6}.icon-ai-actions{flex-direction:column;flex:none;gap:10px;display:flex}.icon-ai-actions>a,.icon-download,.copy-action>button{border:1px solid var(--sg-color-border-control);min-height:40px;color:var(--sg-color-text-primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.icon-ai-actions .copy-action>button{color:#fff;background:#2c2c2c;border-color:#2c2c2c;width:100%}.icon-workspace{border:1px solid var(--sg-color-border-subtle);background:#fff;border-radius:12px;grid-template-columns:176px minmax(240px,1fr) 320px;align-items:start;display:grid;overflow:clip}.icon-filters,.icon-details{min-width:0;padding:24px}.icon-filters{border-right:1px solid var(--sg-color-border-subtle);background:var(--sg-color-surface-subtle);align-self:stretch}.icon-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.icon-panel-heading h2{margin:0;font-size:16px;font-weight:600}.icon-panel-heading>button{width:32px;height:32px;color:var(--sg-color-text-secondary);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-panel-heading>span{color:var(--sg-color-text-secondary);font-size:11px}.icon-explorer :is(label,legend){color:var(--sg-color-text-secondary);font-size:12px;font-weight:500}.icon-explorer label:not(.icon-search){flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.icon-explorer :is(select,input:not([type=color]):not([type=search])){border:1px solid var(--sg-color-border-control);width:100%;min-width:0;min-height:40px;color:var(--sg-color-text-primary);background:#fff;border-radius:8px;padding:8px;font-size:12px}.icon-color-options{border:0;min-width:0;margin:0 0 20px;padding:0}.icon-color-options legend{margin-bottom:10px}.icon-color-options>div{flex-wrap:wrap;gap:8px;display:flex}.icon-color-options button{width:20px;height:20px;box-shadow:0 0 0 1px var(--sg-color-border-control);border:2px solid #fff;border-radius:50%}.icon-color-options button[aria-pressed=true]{outline-offset:3px;outline:2px solid #6161ff}.icon-custom-color>span{align-items:center;gap:8px;display:flex}.icon-custom-color input{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.icon-custom-color code{font-size:11px}.icon-filter-note{border-top:1px solid var(--sg-color-border-subtle);margin-top:24px;padding-top:24px}.icon-filter-note b{font-size:12px}.icon-filter-note p,.icon-filter-note a{color:var(--sg-color-text-secondary);font-size:12px;line-height:1.6}.icon-filter-note a{align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.icon-browser{min-width:0;padding:24px}.icon-search{border:1px solid var(--sg-color-border-control);background:var(--sg-color-surface-subtle);border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.icon-search svg{flex:none}.icon-search input{width:100%;min-width:0;color:var(--sg-color-text-primary);background:0 0;border:0;outline:0;font-size:14px}.icon-search:focus-within{outline:2px solid var(--sg-color-focus);outline-offset:2px}.icon-results-heading{justify-content:space-between;align-items:center;gap:8px;margin:24px 0 16px;display:flex}.icon-results-heading h2{margin:0;font-size:14px;font-weight:600}.icon-results-heading>span{color:var(--sg-color-text-secondary);font-size:12px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.icon-grid>button{min-width:0;min-height:108px;color:var(--sg-color-text-primary);text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 6px;font-size:12px;line-height:1.4;transition:background .16s,border-color .16s;display:flex}.icon-grid>button:hover{background:var(--sg-color-surface-subtle)}.icon-grid>button.is-selected{border-color:var(--sg-color-focus);background:var(--sg-color-focus-surface)}.icon-tile-image{place-items:center;height:48px;display:grid}.icon-details{border-left:1px solid var(--sg-color-border-subtle);scroll-margin-top:84px;position:sticky;top:80px}.icon-selected-preview{border:1px solid var(--sg-color-border-subtle);background-color:var(--sg-color-surface-subtle);background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;border-radius:8px;place-items:center;min-height:130px;display:grid}.icon-detail-summary{color:var(--sg-color-text-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;display:flex}.icon-detail-summary code{color:var(--sg-color-text-primary)}.icon-usage{color:var(--sg-color-text-secondary);margin:12px 0 24px;font-size:12px;line-height:1.5}.icon-format-tabs{border-bottom:1px solid var(--sg-color-border-subtle);gap:4px;display:flex}.icon-format-tabs button{min-height:40px;color:var(--sg-color-text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:6px;font-size:12px}.icon-format-tabs button[aria-pressed=true]{color:#101721;border-bottom-color:#2c2c2c;font-weight:600}.icon-code-help{min-height:36px;color:var(--sg-color-text-secondary);font-size:12px;line-height:1.5}.icon-code-block{background:var(--sg-color-surface-subtle);border-radius:8px;padding:16px}.icon-code-block pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#2c2c2c;max-height:300px;font:11px/1.7 var(--sg-font-mono);margin:0 0 16px;overflow:auto}.icon-code-block .copy-action>button{width:100%}.icon-install{margin:16px 0;font-size:12px}.icon-install summary{cursor:pointer;padding-block:8px}.icon-install>code{background:var(--sg-color-surface-subtle);border-radius:8px;margin:8px 0;padding:12px;font-size:11px;display:block}.icon-install p,.icon-license-note{color:var(--sg-color-text-secondary);font-size:11px;line-height:1.6}.icon-license-note a{text-decoration:underline}.icon-download{width:100%;margin-top:16px}.icon-empty{text-align:center;color:var(--sg-color-text-secondary);padding:48px 0}.icon-empty h3{color:var(--sg-color-text-primary);font-size:16px}.icon-empty p{font-size:14px}.icon-empty button{border:1px solid var(--sg-color-border-control);min-height:40px;color:var(--sg-color-text-primary);background:#fff;border-radius:8px;padding:8px 16px}.copy-action textarea{width:100%;max-width:100%;min-height:120px;font-size:12px}.copy-action [role=alert] p{font-size:12px}.icon-explorer :is(button,a,select,input,summary,pre):focus-visible{outline-offset:3px;outline:2px solid #6161ff}@media (max-width:1250px){.icon-workspace{grid-template-columns:150px minmax(200px,1fr) 280px}.icon-filters,.icon-details,.icon-browser{padding:24px}.icon-ai-handoff{flex-direction:column;align-items:flex-start}.icon-ai-actions{flex-flow:wrap}}@media (max-width:1100px){.icon-workspace{grid-template-columns:176px minmax(0,1fr)}.icon-details{border-left:0;border-top:1px solid var(--sg-color-border-subtle);grid-column:1/-1;position:static}.icon-selected-preview{min-height:120px}.icon-code-block pre{max-height:240px}}@media (max-width:600px){.content[data-doc=icons]{width:calc(100% - 32px)}.icon-workspace{grid-template-columns:minmax(0,1fr)}.icon-filters{border-right:0;border-bottom:1px solid var(--sg-color-border-subtle);grid-template-columns:1fr 1fr;gap:16px;display:grid}.icon-filters .icon-panel-heading,.icon-filter-note{grid-column:1/-1}.icon-filters label,.icon-filter-note{margin:0}.icon-ai-actions{flex-direction:column;width:100%}.icon-ai-actions>*,.icon-ai-actions .copy-action>button{width:100%}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-search input{font-size:12px}.icon-ai-handoff h2{font-size:22px}}@media (prefers-reduced-motion:reduce){.icon-grid>button{transition:none}}.typography-font-note{color:var(--sg-color-text-secondary);flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;font-size:14px;line-height:1.5;display:flex}.typography-font-note strong{color:var(--sg-color-text-primary);font-weight:600}.expense-input-demo{border:1px solid var(--sg-color-border-subtle);background:var(--sg-color-surface);border-radius:12px;width:min(680px,100%);min-width:0;padding:24px}.expense-input-demo header p{color:var(--sg-color-text-secondary);margin:0 0 8px;font-size:12px}.expense-input-demo h3{margin:0;font-size:16px;font-weight:600}.expense-demo-fields{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:24px;margin:24px 0;display:grid}.expense-demo-field{min-width:0;color:var(--sg-color-text-secondary);flex-direction:column;gap:8px;font-size:12px;font-weight:500;display:flex}.expense-demo-field>span>span{color:var(--sg-color-destructive)}.expense-demo-field input,.expense-demo-field select{box-sizing:border-box;background:var(--sg-color-surface);color:#343333;width:100%;min-width:0;height:48px;font:400 14px var(--sg-font-sans);border:1.25px solid #e5e5e5;border-radius:12px;padding:12px 16px}.expense-demo-field input:focus-visible,.expense-demo-field select:focus-visible{outline:2px solid var(--sg-color-focus);outline-offset:2px}.expense-demo-field :is(input,select):disabled{opacity:.5;cursor:not-allowed}.expense-demo-field small{font-size:11px;font-weight:400}.input-select-wrap{display:block;position:relative}.input-select-wrap select{appearance:none;cursor:pointer;padding-right:28px}.expense-input-demo footer{justify-content:flex-end;gap:12px;display:flex}.expense-input-demo footer button{border:1px solid var(--sg-color-border-control);background:var(--sg-color-surface);cursor:pointer;border-radius:8px;min-height:40px;padding:0 16px;font-size:12px}.expense-input-demo footer button[type=submit]{background:var(--sg-color-action-primary);color:#fff;border-color:var(--sg-color-action-primary)}.expense-input-demo footer button:disabled{opacity:.5;cursor:not-allowed}.expense-demo-status{color:var(--sg-color-text-secondary);margin:12px 0 0;font-size:12px}.expense-demo-status:empty{display:none}.input-playground-help{color:var(--sg-color-text-secondary);font-size:12px;line-height:1.6}.dropdown-input-example .expense-demo-field{width:100%}.dropdown-input-example select{border:1px solid var(--sg-color-border-control);border-radius:8px;padding-left:12px}.content[data-doc=icons]{width:min(1080px,100% - 64px)}.icon-workspace{background:0 0;border:0;border-radius:0;flex-direction:column;gap:32px;display:flex;overflow:visible}.icon-workspace>*{width:100%}.icon-browser,.icon-details{box-sizing:border-box;padding:var(--doc-panel-padding);border:1px solid var(--sg-color-border-subtle);background:var(--doc-panel-surface);border-radius:12px}.icon-details{position:static}.icon-library-toolbar{align-items:end;gap:16px;display:flex}.icon-library-toolbar>label:not(.icon-search){flex:none;width:180px;margin:0}.icon-library-toolbar .icon-search{background:var(--sg-color-surface);flex:1}.icon-filters{background:0 0;border:0;padding:0;display:block}.icon-live-preview{min-height:260px;color:var(--sg-color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:24px;font-size:14px;display:flex}.content[data-doc] .icon-section-heading{margin:0 0 -8px}.icon-section-heading>div{align-items:center;gap:12px;display:flex}.icon-section-heading h2{margin:0}.icon-section-heading .section-number{border:1px solid var(--sg-color-border-control);width:28px;height:28px;color:var(--sg-color-text-secondary);border-radius:7px;place-items:center;font-size:14px;display:grid}.icon-source-list{color:var(--sg-color-text-secondary);margin:16px 0 24px;font-size:12px}.icon-source-list summary{cursor:pointer}.icon-source-list li{overflow-wrap:anywhere;margin:8px 0}.icon-code-block{background:var(--sg-color-surface);padding:24px}.icon-ai-handoff{padding:var(--doc-panel-padding);background:var(--doc-panel-surface)}@media (max-width:600px){.icon-library-toolbar{flex-direction:column;align-items:stretch}.icon-library-toolbar>label:not(.icon-search){width:100%}.icon-section-heading{flex-direction:column;align-items:flex-start}}.icon-browser .icon-grid{scrollbar-gutter:stable;max-height:440px;padding:4px;overflow-y:auto}.content[data-doc] .document-upload-inventory{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.document-upload-inventory .inventory-demo{width:100%;min-height:0}.portal-upload-example{width:100%;min-width:0}.portal-upload-surface{box-sizing:border-box;color:#1a1a1a;background:0 0;border:1px dashed #d9d9d9;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;height:90px;padding:24px;display:flex}.portal-upload-surface:hover,.portal-upload-surface.state-hover,.portal-upload-surface.state-dragging{background:#f9fafb}.portal-upload-surface.state-dragging{border-color:#1a1a1a}.portal-upload-surface.state-error{border-color:#ef4444}.portal-upload-surface.state-disabled{opacity:.6;cursor:not-allowed}.portal-upload-trigger{min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:0;display:flex}button.portal-upload-trigger{flex:1;align-self:stretch}.portal-upload-trigger>svg{flex:none}.portal-upload-trigger>span{text-align:left;min-width:0}.portal-upload-trigger b{font-size:14px;font-weight:500;display:block}.portal-upload-trigger small{color:#8c8c8c;margin-top:2px;font-size:14px;font-weight:400;display:block}.portal-upload-name{text-overflow:ellipsis;white-space:nowrap;color:#343333;font-size:14px;overflow:hidden}.portal-upload-surface:has(.portal-upload-name) .portal-upload-trigger{flex:1;justify-content:flex-start}.portal-upload-actions{flex:none;gap:4px;display:flex}.portal-upload-actions :is(button,span){color:#4b5563;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid}.portal-upload-actions :is(button,span):last-child{color:#ef4444}.portal-upload-actions button{cursor:pointer}.portal-upload-actions button:hover{background:#f3f4f6}.portal-upload-surface button:focus-visible{outline-offset:4px;outline:2px solid #1a1a1a}.portal-upload-surface button:disabled{cursor:not-allowed}.portal-upload-error{color:#dc2626;margin:8px 0 0;font-size:12px;display:block}.portal-upload-card{box-sizing:border-box;border:1px solid var(--sg-color-border-subtle);background:#fff;border-radius:12px;width:min(500px,100%);padding:24px}.portal-upload-card h3{margin:0 0 16px;font-size:14px;font-weight:600}.portal-upload-note{color:var(--sg-color-text-secondary);margin:16px 0 0;font-size:12px;line-height:1.5}@media (max-width:700px){.content[data-doc] .document-upload-inventory{grid-template-columns:minmax(0,1fr)}}.admin-example{box-sizing:border-box;color:#101721;background:#fff;border:1px solid #ededed;border-radius:8px;width:min(560px,100%);min-width:0;padding:24px}.admin-example>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-example h3{margin:0;font-size:18px;font-weight:600}.admin-example p{color:#6b7785;font-size:14px;line-height:1.5}.admin-example label{gap:8px;margin:16px 0;font-size:12px;display:grid}.admin-example :is(textarea,input,select){box-sizing:border-box;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:12px}.admin-example textarea{resize:vertical;min-height:80px}.admin-example button:not(.demo-button,.settings-switch){color:#101721;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;min-height:36px;padding:8px 12px}.admin-example button:disabled{opacity:.5;cursor:not-allowed}.admin-example button:focus-visible{outline-offset:3px;outline:2px solid #6161ff}.admin-example>footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.admin-example>footer>button:last-of-type:not(.demo-button){color:#fff;background:#2c2c2c}.admin-example [role=status]:empty{display:none}.admin-example .admin-context{margin:16px 0 0;font-size:11px}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:16px;display:grid}.admin-stats article{text-align:center;border:1px solid #f3f4f6;border-radius:8px;padding:20px;box-shadow:0 1px 2px #0000000d}.admin-stats article>span{justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.admin-stats strong{margin-top:8px;font-size:18px;font-weight:600;display:block}.admin-example .admin-quick-action{text-align:left;border-color:#e4e4e7;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:12px 0;padding:12px 16px;font-size:14px;display:flex}.admin-quick-action>span{align-items:center;gap:12px;min-width:0;display:flex}.admin-quick-action svg{flex:none}.admin-quick-action:hover{background:#fafafa}.admin-user-header{align-items:center;gap:12px;display:flex}.admin-user-header p{margin:4px 0}.admin-avatar{color:#f3f4f6;background:#1f2937;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.admin-user-header.profile{flex-wrap:wrap;margin-bottom:20px}.admin-user-header.profile .admin-avatar{width:100%;height:244px;font-size:30px}.admin-filter-tabs{background:#ededed;border-radius:24px;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.admin-filter-tabs button{background:0 0;border:0;border-radius:24px;align-items:center;gap:8px;font-size:14px;display:flex}.admin-filter-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 2px #0002}.admin-records>div{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:13px;display:flex}.admin-records small{color:#6b7785;margin-top:6px;display:block}.admin-motion{width:100%}.admin-motion.is-running.admin-motion-rotate .admin-confirmation>header button{animation:.3s ease-out admin-icon-rotate}.admin-motion.is-running.admin-motion-hover .portal-quick-actions-grid>a:first-child{background:#fafafa;border-color:#d4d4d8}.admin-motion.is-running.admin-motion-entrance>.admin-example{animation:.3s ease-out document-upload-dialog-in}@keyframes admin-icon-rotate{to{transform:rotate(90deg)}}@keyframes admin-card-lift{50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.admin-motion *{animation:none!important}}.preview-toolbar>span{overflow-wrap:anywhere;min-width:0}.preview-toolbar{gap:16px}.viewport-controls{flex:none}.demo-button{border-radius:8px;padding:12px;font-size:16px;font-weight:400;line-height:1;transition:background-color .15s}.demo-button:hover:not(:disabled){box-shadow:none;transform:none}.demo-small{height:36px;min-height:36px;padding:12px;font-size:16px}.demo-medium{height:40px;min-height:40px;padding:12px;font-size:16px}.demo-large{height:44px;min-height:44px;padding:12px;font-size:16px}.demo-primary{color:#f5f5f5}.demo-secondary{color:#2c2c2c;border-color:#d4d4d8}.demo-secondary:hover:not(:disabled){background:#f9fafb}.demo-button:disabled{opacity:.5}.product-toast.toast-success{background:#ecfdf5}.product-toast.toast-error{background:#fef2f2}.product-toast.toast-warning{background:#fffbeb}.product-toast.toast-info{background:#f0f9ff}.product-toast.toast-draft{background:#f5f3ff;border-color:#ddd6fe}.toast-draft>svg{color:#7c3aed}.product-toast{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.input-inventory .inventory-field input{color:#343333;border:1.25px solid #e5e5e5;border-radius:12px;height:48px;font-size:14px}.input-inventory .inventory-field input::placeholder{color:#c4b1b1}.input-inventory .focused-field input,.input-inventory input:focus-visible{box-shadow:none;border-color:#2c2c2c;outline:1px solid #2c2c2c}.input-inventory .error-field input{border-color:#dc2626}.expense-demo-field input:focus-visible,.expense-demo-field select:focus-visible{border-color:#2c2c2c;outline-color:#2c2c2c}.inventory-badge,.badge-preview .inventory-badge{border-radius:6px;min-height:26px;padding:4px 8px;font-size:12px;font-weight:500}.inventory-badge b{font-weight:500}.badge-neutral{background:#f9fafb;border-color:#f3f4f6}.measured-input-field{height:48px;box-shadow:none;border:1.25px solid #e5e5e5;border-radius:12px;font-size:14px}.measured-button{padding-inline:12px;font-size:16px;font-weight:400}.portal-badge-inventory{padding:var(--doc-panel-padding);background:var(--doc-panel-surface);border:1px solid #ededed;border-radius:12px}.portal-badge-inventory section+section{margin-top:24px}.portal-badge-inventory h3{font-size:16px}.portal-badge-inventory section>div{flex-wrap:wrap;gap:16px;display:flex}.portal-status{white-space:nowrap;border:1px solid;border-radius:6px;flex:none;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.portal-status.badge-draft{color:#7e22ce;background:#faf5ff;border-color:#f3e8ff}.inventory-button{min-height:0;box-shadow:none;border-radius:8px;padding:0 12px;font-size:16px;font-weight:400;line-height:1}.inventory-button:hover{box-shadow:none;transform:none}.button-size-grid article{background:0 0;border:0;border-radius:0;overflow:visible}.button-size-grid .inventory-demo{background:0 0;border:0;place-items:center start;min-height:112px;padding:0}.button-preview-surface{background:var(--doc-panel-surface);border:1px solid var(--sg-color-border-subtle);padding:var(--doc-panel-padding);border-radius:12px}.button-preview-tabs{border-bottom:1px solid var(--sg-color-border-subtle);gap:24px;margin-bottom:24px;display:flex;overflow-x:auto}.product-tab{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:4px;height:48px;padding:0 4px;font-size:14px;font-weight:500;display:inline-flex}.product-tab.is-active{color:#18181b;border-bottom-color:#0f172a;font-weight:600}.product-tab:hover,.product-tab.is-preview-hover{background:#f8fafc}.product-tab:focus-visible{outline-offset:-2px;outline:2px solid #6161ff}.additional-inventory-row{background:#f7f7f9;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px;display:grid}.additional-inventory-row article{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.content[data-doc] .component-showcase .component-preview{justify-content:flex-start;align-items:flex-start;min-height:0}.portal-loader{color:#6b7280;justify-content:center;align-items:center;gap:8px;font-size:14px;display:inline-flex}.portal-loader img{flex:none}.dashboard-filter-desktop{display:inline-flex;position:relative}.dashboard-filter-desktop select{appearance:none;color:#3f3f46;background:#fff;border:1px solid #e4e4e7;border-radius:8px;height:36px;padding:0 36px 0 12px;font-size:12px;font-weight:500}.dashboard-filter-desktop svg{pointer-events:none;width:14px;height:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dashboard-filter-mobile{color:#3f3f46;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:relative}.dashboard-filter-mobile svg{width:20px;height:20px}.dashboard-filter-mobile i{background:#4f46e5;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.force-mobile-filter .dashboard-filter-desktop{display:none}.force-mobile-filter .dashboard-filter-mobile{display:inline-flex}.preview-canvas[data-viewport=mobile] .dashboard-filter-desktop{display:none}.preview-canvas[data-viewport=mobile] .dashboard-filter-mobile{display:inline-flex}.portal-pagination{color:#6f6f76;background:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 1px 2px #10172114}.portal-pagination>div,.portal-pagination label,.portal-pagination label span{align-items:center;gap:16px;display:flex}.portal-pagination>div:first-child{flex-wrap:wrap;gap:28px}.portal-pagination select{appearance:none;color:#2f3035;background:0 0;border:0;height:32px;padding-right:28px;font-size:16px;font-weight:600}.portal-pagination label span{position:relative}.portal-pagination label svg{color:#d7d7dc;width:16px;position:absolute;right:0}.portal-pagination>div:last-child{white-space:nowrap;flex-shrink:0}.portal-pagination button{color:#57575e;background:#fff;border:1px solid #d7d7dc;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.portal-pagination button:disabled{color:#d0d0d5;border-color:#efeff2}.portal-pagination button svg{width:16px;height:16px}.preview-canvas[data-viewport=mobile] .portal-pagination{flex-direction:column;align-items:stretch}.preview-canvas[data-viewport=mobile] .portal-pagination>div{justify-content:space-between}.portal-date-picker{color:#6b7280;flex-direction:column;gap:8px;width:100%;max-width:360px;font-size:12px;display:flex;position:relative}.portal-date-picker>button{color:#101721;background:#fff;border:1.25px solid #e5e5e5;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 12px;font-size:14px;display:flex}.portal-date-picker>button svg{color:#9ca3af;width:16px;height:16px}.portal-calendar{z-index:4;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:288px;padding:12px;position:absolute;top:76px;left:0;box-shadow:0 9px 22px #1017211f}.portal-calendar header{color:#101721;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.portal-calendar header button{color:#6b7280;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.portal-calendar header svg{width:16px}.portal-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.portal-calendar-grid b{color:#9ca3af;padding:4px 0;font-size:11px}.portal-calendar-grid button{color:#101721;background:0 0;border:0;border-radius:6px;height:36px}.portal-calendar-grid button:hover{background:#f3f4f6}.portal-calendar-grid button.selected{color:#fff;background:#2c2c2c}.portal-empty-state{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 16px;display:flex}.portal-empty-state img{width:min(320px,100%);height:auto;margin-bottom:24px}.portal-empty-state p{color:#101721;margin:0;font-size:14px;font-weight:500}.portal-empty-state button{color:#fff;background:#2c2c2c;border:1px solid #2c2c2c;border-radius:8px;align-items:center;gap:8px;min-height:40px;margin-top:16px;padding:0 12px;display:flex}.portal-empty-state button svg{width:20px}.portal-loan-stepper{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;width:100%;margin:0;padding:0 16px;list-style:none;display:grid}.portal-loan-stepper li{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:400;display:flex;position:relative}.portal-loan-stepper li>span{z-index:1;background:#fff;border:1px dashed #9ca3af;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.portal-loan-stepper li.stepper-connector{margin-bottom:28px}.portal-loan-stepper li>i{background:#d1d5db;width:100%;height:4px;display:block}.portal-loan-stepper li[data-state=complete]>i{background:#2c2c2c}.portal-loan-stepper li:is([data-state=current],[data-state=complete]){color:#101721}.portal-loan-stepper li:is([data-state=current],[data-state=complete])>span{border-style:solid;border-color:#2c2c2c}.portal-loan-stepper li>b{overflow-wrap:anywhere;font:inherit;line-height:20px}.loan-stepper-example{background:#fff;border:1px solid #ededed;border-radius:16px;width:100%;max-width:720px;padding:24px;box-shadow:0 1px 2px #10172114}.loan-stepper-example>header{align-items:center;gap:12px;margin-bottom:32px;display:flex}.loan-stepper-example>header>span{color:#fff;background:#2c2c2c;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.loan-stepper-example>header div{flex-direction:column;display:flex}.loan-stepper-example small{color:#6b7785}.loan-stepper-example>article{border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:8px;margin-top:24px;padding:20px;display:flex}.preview-canvas[data-viewport=mobile] .portal-loan-stepper,.component-measure-canvas[data-device=mobile] .portal-loan-stepper{padding-inline:0}.anatomy-target-stepper{width:min(560px,100%)}.anatomy-frame-stepper{width:min(560px,100%)!important}.anatomy-frame-filter{width:max-content!important}.anatomy-frame-pagination,.anatomy-frame-document-preview{width:min(720px,100%)!important}.anatomy-frame-date-picker{width:min(360px,100%)!important}.anatomy-frame-empty-state{width:min(480px,100%)!important}.anatomy-frame-back-navigation{width:max-content!important}.portal-back-navigation{color:#101721;background:0 0;border:0;align-items:center;gap:8px;min-height:40px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.portal-back-navigation>span{border-radius:8px;place-items:center;width:40px;height:40px;transition:background-color .2s;display:grid}.portal-back-navigation svg{width:20px;height:20px;transition:transform .2s ease-out}.portal-back-navigation:is(:hover,:focus-visible)>span,.portal-back-navigation.is-preview-hover>span{background:#f3f4f6}.portal-back-navigation:is(:hover,:focus-visible) svg,.portal-back-navigation.is-preview-hover svg{transform:translate(-2px)}.back-navigation-example{background:#fff;border:1px solid #ededed;border-radius:8px;width:100%;max-width:720px;overflow:hidden}.back-navigation-example>header{border-bottom:1px solid #f3f4f6;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.back-navigation-example>article{flex-direction:column;gap:8px;min-height:220px;padding:24px;display:flex}.back-navigation-example small{color:#6b7785}.portal-document-preview{background:#fff;border:1px solid #f3f4f6;border-radius:16px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.portal-document-preview>header{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;min-height:64px;padding:16px 24px;display:flex}.portal-document-preview>header>span{color:#6b7785;place-items:center;width:32px;height:32px;display:grid}.portal-document-preview>header svg{width:20px}.portal-document-preview>header>b{flex:1}.portal-document-preview>header>button{color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 12px;display:flex}.portal-document-preview>header>button svg{width:16px}.portal-document-preview>nav{gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.portal-document-preview>nav button{color:#5f6368;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:none;align-items:center;gap:8px;width:176px;padding:8px 12px;font-size:12px;display:flex}.portal-document-preview>nav button[aria-pressed=true]{color:#4f46e5;background:#f3f2ff;border-color:#6161ff}.portal-document-preview>nav i{color:#6161ff;border:1px solid #6161ff;border-radius:4px;place-items:center;width:32px;height:32px;font-size:9px;font-style:normal;font-weight:700;display:grid}.portal-document-preview>div{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:320px;padding:16px;display:flex}.portal-document-preview>div>svg{color:#6161ff;width:56px;height:56px}.portal-document-preview>div>button{background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:0 16px;display:flex}.portal-document-preview>div>button svg{width:16px}@media (prefers-reduced-motion:reduce){.portal-back-navigation svg{transition:none;transform:none!important}}.additional-admin-card,.additional-form-example,.loading-table-example{background:#fff;border:1px solid #ededed;border-radius:8px;width:100%;max-width:720px;padding:20px;box-shadow:0 2px 5px #10172114}.additional-admin-card>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.additional-admin-card header div{flex-direction:column;display:flex}.additional-admin-card small{color:#6b7280}.additional-admin-card>p{color:#101721;border-top:1px solid #f3f4f6;justify-content:space-between;margin:0;padding:14px 0;font-size:14px;display:flex}.additional-admin-card>p span{color:#6161ff}.loading-table-example{min-height:240px}.loading-table-example header{border-bottom:1px solid #ededed;justify-content:space-between;padding-bottom:12px;display:flex}.loading-table-example header span{color:#6b7280;font-size:12px}.loading-table-example>.portal-loader{min-height:160px;display:flex}.additional-form-example{min-height:360px}.additional-form-example h3{margin:0 0 24px}@media (max-width:639px){.additional-inventory-row{grid-template-columns:1fr 1fr}.dashboard-filter-desktop{display:none}.dashboard-filter-mobile{display:inline-flex}.portal-pagination{flex-direction:column;align-items:stretch}.portal-pagination>div{justify-content:space-between}.additional-admin-card>header{align-items:flex-start}.portal-calendar{max-width:calc(100vw - 64px)}.loading-table-example header{flex-direction:column;gap:4px}}.content[data-doc] .button-preview-surface .component-inventory{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.demo-icon{width:40px;height:40px;padding:12px}.admin-filter-tabs button{padding:6px 16px;font-weight:500;line-height:20px;transition:background-color .2s}.portal-audit-note{background:var(--sg-color-surface-subtle,#f7f7f9);color:#6b7785;border:1px solid #ededed;border-radius:12px;margin:0 0 24px;padding:24px;font-size:13px;line-height:1.6}.portal-audit-note summary{cursor:pointer;color:#101721;font-weight:600}.portal-audit-note p{margin:8px 0}.portal-permissions{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.portal-permissions>div+div{border-left:1px solid #e5e7eb}.portal-permissions h4{background:#f9fafb;border-bottom:1px solid #f3f4f6;margin:0;padding:8px 16px;font-size:14px}.portal-permissions label{flex-direction:row;align-items:center;gap:12px;min-height:44px;margin:0;padding:12px 16px;font-size:14px;display:flex}.portal-permissions input[type=checkbox]{accent-color:#2c2c2c;flex:none;width:16px;height:16px;margin:0;padding:0}.portal-partial-dot{background:#2c2c2c;border-radius:50%;flex:none;width:6px;height:6px}.portal-record-list{gap:12px;display:grid}.portal-record-list article{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 1px 2px #0000000d}.portal-record-list dl{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.portal-record-list dt{color:#64748b;margin-bottom:4px;font-size:12px}.portal-record-list dd{margin:0;font-size:14px;font-weight:500}.portal-record-list dl>div:first-child{border-bottom:1px solid #f3f4f6;grid-column:1/-1;padding-bottom:12px}.portal-record-list details{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:8px}.portal-record-list summary{cursor:pointer;align-items:center;min-height:44px;font-size:14px;display:flex}.button-token-table code{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.expense-demo-field{color:#343333;font-size:14px;font-weight:400}.expense-demo-field input::placeholder{color:#c4b1b1}input[type=checkbox]{accent-color:var(--sg-color-action-primary)}.approved-checkbox{vertical-align:middle;flex:none;place-items:center;display:inline-grid;position:relative}.approved-checkbox input[type=checkbox]{appearance:none;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #9fa6b0;border-radius:4px;width:100%;height:100%;margin:0;padding:0;display:block}.approved-checkbox input:checked,.approved-checkbox input:indeterminate{background:#2c2c2c;border-color:#2c2c2c}.approved-checkbox input:focus-visible{outline-offset:3px;outline:2px solid #2c2c2c}.approved-checkbox input:disabled{opacity:.5;cursor:not-allowed}.approved-checkbox svg{color:#fff;stroke-width:2px;pointer-events:none;width:70%;height:70%;position:absolute}.approved-checkbox input:disabled+svg{opacity:.5}.global-ai-copy{align-items:center;display:flex;position:absolute;right:84px}.global-ai-copy .secondary-action{background:#f3f4f6;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background-color .15s;display:grid}.global-ai-copy .secondary-action:hover{background:#e5e7eb}.global-ai-copy .secondary-action svg{width:20px;height:20px}@media (min-width:901px){.topbar .search-wrap{width:min(508px,100% - 108px);margin-right:calc(52px + max(56px,calc((100vw - 256px - 1080px) / 2 - var(--sg-space-8))))}}@media (max-width:580px){.global-ai-copy{right:68px}}.portal-workflow{color:#101721;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:min(680px,100%);min-width:0;font-size:14px;box-shadow:0 1px 2px #0000000d}.portal-workflow>header{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.portal-workflow h3{margin:0;font-size:18px;font-weight:600}.portal-workflow h4{margin:0 0 16px;font-size:14px;font-weight:600}.portal-workflow>header>button{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.portal-workflow>header>button:hover{background:#f3f4f6}.portal-workflow-body{padding:24px}.portal-workflow footer{border-top:1px solid #ededed;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.portal-form-field{flex-direction:column;gap:8px;min-width:0;font-size:14px;display:flex}.portal-form-field input,.portal-form-field select,.portal-form-field textarea{box-sizing:border-box;color:#343333;width:100%;min-width:0;height:48px;font:400 14px var(--sg-font-sans);background:#fff;border:1.25px solid #e5e5e5;border-radius:12px;padding:12px 16px}.portal-form-field textarea{resize:vertical;min-height:96px}.portal-form-field :is(input,select,textarea):focus-visible{outline-offset:2px;outline:2px solid #2c2c2c}.portal-form-field input::placeholder{color:#9fa6b0}.portal-refresh{color:#52525b;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:32px;margin-block:16px;padding:0;display:flex}.portal-customer-options{border:0;min-width:0;margin:0;padding:0}.portal-customer-options>label{cursor:pointer;align-items:center;gap:12px;padding:12px 0;display:flex}.portal-customer-options>label:hover{background:#f9fafb}.portal-customer-options>label>span:nth-child(2){flex:1;min-width:0}.portal-customer-options b{font-size:14px}.portal-customer-options small{color:#6b7785;margin-top:4px;font-size:12px;display:block}.portal-customer-options input{accent-color:#2c2c2c;flex:none;width:24px;height:24px;margin:0}.portal-customer-avatar{color:#007a59;background:#e8f8f2;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.portal-empty,.portal-reopen{text-align:center;padding:24px}.portal-empty>svg{color:#9fa6b0;margin-inline:auto}.portal-feedback{color:#6b7785;min-height:16px;margin:0;padding:12px 24px;font-size:12px}.portal-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.portal-full-field{grid-column:1/-1}.portal-scan{text-align:left;cursor:pointer;background:#fff;border:1px dashed #d1d5db;border-radius:8px;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.portal-scan small{color:#6b7785;margin-top:4px;display:block}.portal-manual-divider{text-align:center;color:#6b7785;margin-block:16px;font-size:12px}.portal-photo-placeholder{color:#9ca3af;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid}.portal-customer-form[style]>.portal-workflow-body,.portal-customer-form[style]>header,.portal-customer-form[style]>footer{padding-inline:0}.portal-inspect{width:100%}.portal-inspect-columns{grid-template-columns:minmax(0,1.5fr) minmax(160px,1fr);gap:24px;padding:24px;display:grid}.portal-inspect-columns section+section{margin-top:24px}.portal-inspect dl{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.portal-inspect dt{color:#6b7785;font-size:12px}.portal-inspect dd{overflow-wrap:anywhere;margin:6px 0 0}.portal-sample-document{background:#f7f7f9;border:1px solid #ededed;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;display:flex}.portal-sample-document small{color:#6b7785}.portal-decision{border:1px solid #d4d4d8;border-radius:8px;margin:24px;padding:20px}.portal-navigation{background:#fff;border:1px solid #ededed;border-radius:8px;grid-template-columns:220px minmax(0,1fr);width:100%;display:grid;overflow:hidden}.portal-navigation>aside{border-right:1px solid #ededed}.portal-navigation header{align-items:center;gap:12px;padding:20px 16px;display:flex}.portal-navigation header>span{color:#fff;background:#1f2937;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.portal-navigation small{color:#6b7785;margin-top:4px;font-size:12px;display:block}.portal-navigation nav{padding:8px}.portal-navigation nav button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;display:flex}.portal-navigation nav button:hover{background:#f3f4f6}.portal-navigation nav button[aria-current=page]{background:#e6e6e6;font-weight:600}.portal-nav-children{padding-left:28px}.portal-navigation footer{border-top:1px solid #ededed;padding:20px}.portal-navigation>section{min-width:0;padding:24px}.portal-loan-table{width:100%}.portal-loan-table .portal-form-field{margin-bottom:16px}.portal-table-scroll{border:1px solid #ededed;border-radius:8px;min-height:200px;overflow:auto}.portal-loan-table table{border-collapse:collapse;width:100%;font-size:14px}.portal-loan-table th{text-align:left;background:#f7f7f9;font-size:12px;font-weight:500}.portal-loan-table :is(td,th){white-space:nowrap;border-bottom:1px solid #ededed;padding:12px 16px}.portal-loan-table td:nth-child(3){text-align:right}.portal-row-actions{position:relative}.portal-kebab{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.portal-kebab:hover,.portal-kebab.is-preview-hover{background:#f3f4f6}.portal-action-popover{z-index:2;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:150px;padding:4px;position:absolute;top:0;right:44px;box-shadow:0 4px 12px #0002}.portal-action-popover button{cursor:pointer;text-align:left;background:#fff;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px;font-size:14px;display:flex}.portal-action-popover button:hover{background:#f3f4f6}.portal-action-popover button.danger{color:#dc2626}.portal-record-detail{border:1px solid #ededed;border-radius:8px;margin-top:20px;padding:20px}.portal-record-detail dl{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal-record-detail dd{margin:0}.table-progress-cell{flex-direction:column;gap:4px;min-width:144px;display:flex}.table-progress-cell span{color:#101721;white-space:nowrap;font-size:12px;font-weight:500}.table-progress-cell em{color:#6b7785;font-style:normal}.table-progress-cell>i{background:#e9e5ff;border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.table-progress-cell>i>b{background:#14b83a;border-radius:999px;height:100%;display:block}.preview-canvas{container-type:inline-size}@container (max-width:500px){.portal-form-grid,.portal-inspect-columns,.portal-navigation{grid-template-columns:minmax(0,1fr)}.portal-navigation>aside{border-bottom:1px solid #ededed;border-right:0}.portal-customer-options>label{flex-wrap:wrap}.portal-customer-options input{margin-left:auto}.portal-permissions{grid-template-columns:minmax(0,1fr)}.portal-permissions>div+div{border-top:1px solid #e5e7eb;border-left:0}}.toast-playground-stage{background:0 0;width:100%;padding:0}.product-data-table .table-status{border-radius:6px}.loan-large-dialog{flex-direction:column;width:min(896px,100%);height:680px;max-height:90vh;display:flex;overflow:hidden}.loan-breakup-dialog{width:min(1024px,100%)}.loan-large-dialog>header{flex:none;padding:20px 24px}.loan-large-dialog h3{align-items:center;gap:8px;font-size:18px;display:flex}.loan-large-dialog>footer{flex:none;padding:16px 24px}.loan-dialog-body{flex:1;min-height:0;padding:24px;overflow:auto}.loan-calculator-columns{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.loan-calculator-columns>*{min-width:0}.loan-calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.loan-repayment-summary{background:#f7f7f9;border-radius:12px;padding:20px}.loan-primary-result{color:#fff;background:#2c2c2c;border-radius:12px;gap:8px;padding:20px;display:grid}.loan-primary-result strong{font-size:30px}.loan-primary-result span,.loan-primary-result small{color:#ffffffb3;font-size:12px}.loan-repayment-summary dl,.loan-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;display:grid}.loan-repayment-summary dl>div,.loan-summary-cards>div{background:#fff;border:1px solid #ededed;border-radius:8px;min-width:0;padding:16px}.loan-large-dialog dt{color:#6b7785;font-size:12px}.loan-large-dialog dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;font-weight:600}.loan-repayment-summary dl>div:last-child{grid-column:1/-1}.loan-breakup-summary{border:1px dashed #d1d5db;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 32px;margin:0 0 16px;padding:16px;display:grid}.loan-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 20px}.loan-schedule-scroll{max-height:420px;overflow:auto}.loan-schedule-scroll table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:860px;font-size:14px}.loan-breakup-dialog table{min-width:920px}.loan-schedule-scroll th{color:#6b7785;background:#f7f7f9;font-size:12px;font-weight:500;position:sticky;top:0}.loan-schedule-scroll td,.loan-schedule-scroll th{white-space:nowrap;border-bottom:1px solid #ededed;padding:12px}.loan-schedule-scroll tr:nth-child(2n) td{background:#f9fafb}@container (max-width:800px){.loan-calculator-columns{grid-template-columns:1fr}.loan-breakup-summary,.loan-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:450px){.loan-calculator-fields{grid-template-columns:1fr}.loan-large-dialog>footer{flex-wrap:wrap}.loan-large-dialog>header,.loan-dialog-body{padding:20px}}.content[data-doc=document-upload] .document-upload-inventory .inventory-demo{align-content:start;align-items:start}.content[data-doc=select] .control-inventory-grid{gap:24px}.content[data-doc=select] .control-inventory-grid article>b{margin-top:16px}.content[data-doc] :is(.component-inventory,.search-inventory-surface,.toast-inventory-surface,.global-navigation-inventory-surface,.list-inventory-surface,.badge-inventory-surface,.avatar-inventory-surface,.action-menu-state-surface,.action-menu-list-surface,.data-table-cell-surface,.icon-state-surface,.icon-size-surface,.stroke-catalog-surface)>article{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;display:flex}.content[data-doc] .component-inventory .inventory-demo{width:100%}.content[data-doc] :is(.component-inventory,.search-inventory-surface,.toast-inventory-surface,.global-navigation-inventory-surface,.list-inventory-surface,.badge-inventory-surface,.avatar-inventory-surface,.action-menu-state-surface,.action-menu-list-surface,.data-table-cell-surface,.icon-state-surface,.icon-size-surface,.stroke-catalog-surface)>article>b{margin:16px 0 0}.content[data-doc] :is(.component-inventory,.search-inventory-surface,.toast-inventory-surface,.global-navigation-inventory-surface,.list-inventory-surface,.badge-inventory-surface,.avatar-inventory-surface,.action-menu-state-surface,.action-menu-list-surface,.data-table-cell-surface,.icon-state-surface,.icon-size-surface,.stroke-catalog-surface)>article>b+:is(p,small){margin:8px 0 0}.readonly-information{gap:20px;width:100%;margin:0;display:grid}.readonly-information dt{color:#6b7785;margin:0 0 8px;font-size:12px}.readonly-information dd{color:#101721;margin:0;font-size:14px}.inventory-demo .readonly-information{align-self:start}.portal-option-list{box-sizing:border-box;background:#fff;border:1px solid #e4e4e7;border-radius:6px;width:176px;max-width:100%;margin:0;padding:4px;box-shadow:0 4px 6px -1px #0000001a}.portal-option-list>label{cursor:pointer;border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:0 8px;font-size:14px;display:flex}.portal-option-list>label:hover{background:#f4f4f5}.portal-option-list input{appearance:auto;accent-color:#2c2c2c;width:16px;height:16px;margin:0}.portal-option-list label:has(input:disabled){opacity:.5;cursor:not-allowed}.option-list-example{min-height:340px}.portal-filter-popover{position:relative}.portal-filter-popover>button{place-items:center;width:44px;height:44px;display:grid}.portal-option-popup{z-index:2;position:absolute;top:calc(100% + 6px);right:0}.admin-filter-tabs{background:#ededed;border-radius:999px;flex-wrap:nowrap;gap:4px;width:max-content;max-width:100%;padding:6px;display:inline-flex;overflow-x:auto}:is(.admin-example,.inventory-demo,.anatomy-target-toggle-group) .admin-filter-tabs button{color:#6b7280;min-height:32px;box-shadow:none;background:0 0;border:0;border-radius:999px;flex:none;padding:6px 16px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .2s,color .2s,box-shadow .2s}:is(.admin-example,.inventory-demo,.anatomy-target-toggle-group) .admin-filter-tabs button:hover:not(:disabled):not([aria-pressed=true]),:is(.admin-example,.inventory-demo,.anatomy-target-toggle-group) .admin-filter-tabs button.is-preview-hover:not([aria-pressed=true]){color:#111827;background:#e5e7eb80}:is(.admin-example,.inventory-demo,.anatomy-target-toggle-group) .admin-filter-tabs button[aria-pressed=true]{color:#111827;background:#fff;box-shadow:0 1px 2px #0000000d}:is(.admin-example,.inventory-demo,.anatomy-target-toggle-group) .admin-filter-tabs button:focus-visible{outline-offset:-2px;outline:2px solid #2c2c2c}:is(.admin-example,.inventory-demo,.anatomy-target-toggle-group) .admin-filter-tabs button:disabled{opacity:.5;cursor:not-allowed}.content[data-doc=toggle-group] .inventory-demo button:hover{transform:none}.toast-success{--toast-dismiss-hover:#d1fae5;--toast-dismiss-ink:#047857}.toast-error{--toast-dismiss-hover:#fee2e2;--toast-dismiss-ink:#b91c1c}.toast-warning{--toast-dismiss-hover:#fef3c7;--toast-dismiss-ink:#b45309}.toast-info{--toast-dismiss-hover:#e0f2fe;--toast-dismiss-ink:#0369a1}.toast-draft{--toast-dismiss-hover:#ede9fe;--toast-dismiss-ink:#6d28d9}.product-toast>button:hover,.product-toast>button:focus-visible{background:var(--toast-dismiss-hover);color:var(--toast-dismiss-ink)}.switch-setting-list{gap:12px;margin:20px 0;display:grid}.switch-setting-list>div{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.admin-example .settings-switch{box-sizing:border-box;background:#d4d4d8;border:0;border-radius:999px;justify-content:flex-start;align-items:center;width:36px;min-width:36px;height:20px;min-height:20px;padding:2px;transition:background .15s;display:flex}.admin-example .settings-switch>span{background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.admin-example .settings-switch[aria-checked=true]{background:#2c2c2c;justify-content:flex-end}.admin-example .settings-switch:disabled{opacity:.4;cursor:not-allowed}.admin-example .settings-switch:focus-visible{outline-offset:3px;outline:2px solid #2c2c2c}.admin-example .settings-switch.size-small{width:28px;min-width:28px;height:16px;min-height:16px}.admin-example .settings-switch.size-small>span{width:12px;height:12px}.admin-example .settings-switch.size-large{width:44px;min-width:44px;height:24px;min-height:24px}.admin-example .settings-switch.size-large>span{width:20px;height:20px}.switch-sample-table{margin:16px 0;overflow:auto}.switch-sample-table table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.switch-sample-table th,.switch-sample-table td{border-bottom:1px solid #ededed;padding:12px}.preview-toolbar .button-preview-tabs{border-bottom:0;flex:none;gap:16px;max-width:100%;margin:0}.standard-playground .preview-toolbar:has(.button-preview-tabs){flex-wrap:wrap;height:auto;min-height:48px}.button-anatomy-playground .button-dimension-figure{border:0;border-radius:0;min-height:340px}.button-anatomy-playground .button-anatomy-list{background:0 0;border:0;border-radius:0;grid-template-columns:1fr}.button-anatomy-playground .button-anatomy-list li{border-bottom:1px solid var(--sg-color-border-subtle);padding:16px 0}.button-anatomy-playground .button-anatomy-list li:last-child{border-bottom:0}.measured-tertiary-button{color:#6161ff;box-shadow:none;background:0 0;border:0}.measured-tertiary-button i{color:#6161ff;border-inline-color:#6161ff}.button-anatomy-playground .preview-panel{flex-direction:column;display:flex}.button-anatomy-playground .button-dimension-figure{flex:1}.content[data-doc] .button-anatomy-playground .button-anatomy-list{padding:0}.content[data-doc] .button-anatomy-playground .button-anatomy-list li{padding:16px 0}.anatomy-size-select{border:1px solid var(--sg-color-border-control);width:124px;height:40px;color:var(--sg-color-text-primary);background-color:#fff;border-radius:8px;margin-left:auto;padding:0 12px;font-size:14px}.admin-confirmation>header>button:not(.demo-button){color:#6b7785;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;transition:background-color .2s,color .2s;display:inline-flex}.admin-confirmation>header>button:not(.demo-button):hover{color:#111720;background:#f3f4f6}.portal-workflow>header>button{color:#9ca3af;border-radius:6px;width:28px;height:28px;transition:background-color .2s,color .2s}.portal-workflow>header>button:hover{color:#4b5563}:is(.admin-confirmation,.portal-workflow)>header>button>svg{transition:transform .3s ease-out}:is(.admin-confirmation,.portal-workflow)>header>button:is(:hover,:focus-visible)>svg{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){:is(.admin-confirmation,.portal-workflow)>header>button>svg{transition:none;transform:none!important}}.dialog-desktop-preview,.device-preview{flex:none;container-type:inline-size}.dialog-desktop-preview>:is(.portal-workflow,.admin-confirmation){width:100%;max-width:none}.dialog-desktop-preview .loan-large-dialog{max-height:none}.dialog-desktop-preview .loan-calculator-columns{grid-template-columns:1.15fr .85fr}.dialog-desktop-preview .loan-breakup-summary,.dialog-desktop-preview .loan-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-confirmation>footer,.portal-search>footer,.portal-customer-form>footer,.loan-large-dialog>footer{justify-content:space-between}.admin-confirmation textarea{min-height:96px}.portal-search{flex-direction:column;height:668px;display:flex;overflow:hidden}.portal-search>.portal-workflow-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.portal-search .portal-customer-options{flex:1;min-height:0;overflow:auto}.portal-search>header{border-bottom:0;padding-bottom:0}.portal-search>footer{flex:none}.portal-search>footer>.demo-button{padding-inline:80px}.portal-customer-form .portal-full-field textarea{resize:vertical;min-height:64px}.portal-search>header>button,.loan-large-dialog>header>button{color:#6b7785;border-radius:8px;width:40px;height:40px}.dialog-desktop-preview .portal-customer-form{flex-direction:column;height:668px;padding:24px;display:flex;overflow:hidden}.dialog-desktop-preview .portal-customer-form>header{flex:none;padding:0 0 16px}.dialog-desktop-preview .portal-customer-form>.portal-workflow-body{flex:1;min-height:0;padding:16px 0 12px;overflow:auto}.dialog-desktop-preview .portal-customer-form>footer{flex:none;padding:16px 0 0}.portal-customer-form .portal-scan{background:#f7f7f9;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.portal-scan>span{align-items:center;gap:8px;font-weight:600;display:flex}.portal-manual-divider{align-items:center;gap:12px;display:flex}.portal-manual-divider:before,.portal-manual-divider:after{content:"";border-top:1px dotted #e5e7eb;flex:1}.portal-search .portal-refresh{flex:none;align-self:flex-start}.portal-search .portal-customer-options>label{align-items:flex-start}.portal-search .portal-customer-options small:first-of-type{font-size:14px}.dialog-desktop-preview .admin-confirmation{position:relative}.dialog-desktop-preview .admin-confirmation>header{padding-right:24px}.dialog-desktop-preview .admin-confirmation>header>button{position:absolute;top:12px;right:12px}:is(.dialog-desktop-preview,.device-preview) :is(.foundation-playground,.typography-playground,.roundness-playground,.toast-playground,.playground-demo){width:100%;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}:is(.dialog-desktop-preview,.device-preview) :is(.foundation-playground-stage,.typography-playground-stage,.roundness-playground-stage,.toast-playground-stage){background:0 0;width:100%;min-width:0;padding:0}.dialog-desktop-preview :is(.admin-confirmation,.portal-customer-form){width:100%;max-width:none}.dialog-type-select{border:1px solid var(--sg-color-border-control);background-color:#fff;border-radius:8px;width:200px;max-width:100%;height:40px;margin-left:auto;padding:0 12px;font-size:14px}.dialog-dimension-canvas{background-color:var(--doc-panel-surface);background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;flex:1;align-items:center;display:grid}.dialog-dimension-canvas svg{width:100%;height:auto;font:12px var(--sg-font-sans)}.dialog-dimension-details{margin:0}.dialog-dimension-details>div{border-bottom:1px solid var(--sg-color-border-subtle);padding:12px 0}.dialog-dimension-details>div:last-child{border:0}.dialog-dimension-details dt{font-size:12px;font-weight:600}.dialog-dimension-details dd{color:var(--sg-color-text-secondary);margin:6px 0 0;font-size:12px;line-height:1.5}.upload-anatomy-canvas{gap:24px}.upload-measured-row{align-items:center;gap:20px;width:100%;display:flex}.upload-measured-row>div{flex:1}.upload-dimension-width{text-align:center;border-bottom:1px solid #6161ff;width:100%;padding-bottom:10px}.upload-dimension-height{writing-mode:vertical-rl;text-align:center;border-left:1px solid #6161ff;height:90px;padding-left:8px;transform:rotate(180deg)}.upload-anatomy-canvas>span,.upload-dimension-height{color:#6161ff;font:12px var(--sg-font-sans)}.component-measure-canvas{background-color:var(--doc-panel-surface);background-image:linear-gradient(#ededed 1px,#0000 1px),linear-gradient(90deg,#ededed 1px,#0000 1px);background-size:24px 24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:48px;min-height:340px;padding:64px 48px 32px;display:flex}.component-measure-frame{max-width:100%;position:relative}.component-measure-frame.is-flexible{width:320px}.component-measure-width{text-align:center;white-space:nowrap;border-bottom:1px solid #6161ff;padding-bottom:6px;position:absolute;bottom:calc(100% + 16px);left:0;right:0}.component-measure-height{border-right:1px solid #6161ff;align-items:center;padding-right:8px;display:flex;position:absolute;top:0;bottom:0;right:calc(100% + 12px)}.component-measure-width,.component-measure-height{color:#6161ff;font-size:11px}.component-measure-target{align-items:center;display:flex}.component-measure-target>.expense-demo-field{width:100%;margin:0}.component-measure-canvas>p{text-align:center;color:#6b7785;max-width:360px;margin:0;font-size:12px;line-height:1.5}.anatomy-radio{appearance:none;background:#fff;border:1.33px solid #9fa6b0;border-radius:50%;width:24px;height:24px;margin:0}.anatomy-radio:checked{background:radial-gradient(circle,#2c2c2c 0 7.2px,#fff 7.3px);border-color:#2c2c2c}.anatomy-radio:disabled{opacity:.4}.anatomy-search{background:#fff;border:1px solid #d4d4d8;border-radius:8px;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;display:flex}.anatomy-search input{outline-offset:2px;background:0 0;border:0;width:100%;min-width:0}.anatomy-avatar{color:#fff;background:#1f2937;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.anatomy-avatar.is-customer{color:#007a59;background:#e8f8f2;border-radius:50%}.anatomy-stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:8px;width:100%;padding:20px;box-shadow:0 1px 2px #0000000d}.anatomy-stat-card>span{justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.anatomy-stat-card strong{margin-top:8px;font-size:18px;display:block}.anatomy-target-list{width:176px}.anatomy-target-toast,.anatomy-target-global-navigation,.anatomy-target-inspect-mode,.anatomy-target-data-table,.anatomy-target-charts,.anatomy-target-toast .product-toast{width:100%}.anatomy-target-toast .product-toast>span{color:#059669;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.anatomy-target-toggle-switch .settings-switch.is-preview-hover{background:#a1a1aa}.anatomy-global-navigation{background:#fff;border:1px solid #ededed;border-radius:8px;gap:4px;width:100%;padding:12px;display:grid}.anatomy-global-navigation>b{padding:12px}.anatomy-global-navigation>span{border-radius:8px;min-height:40px;padding:10px 12px}.anatomy-global-navigation>span[aria-current=page]{background:#e6e6e6;font-weight:600}.anatomy-inspect{background:#fff;border:1px solid #ededed;border-radius:8px;width:100%;overflow:hidden}.anatomy-inspect>header{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;padding:16px;display:flex}.anatomy-inspect>header>span{color:#92400e;background:#fffbeb;border-radius:6px;padding:4px 8px;font-size:11px}.anatomy-inspect dl{grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:20px;display:grid}.anatomy-inspect dt{color:#6b7785;font-size:11px}.anatomy-inspect dd{margin:4px 0 0;font-size:13px}.anatomy-data-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #ededed;border-radius:8px;width:100%;font-size:11px;overflow:hidden}.anatomy-data-table :is(th,td){text-align:left;border-bottom:1px solid #ededed;height:44px;padding:0 12px}.anatomy-data-table th{color:#6b7785;text-transform:uppercase;background:#f7f7f9;font-size:10px;font-weight:600}.anatomy-data-table tbody td{height:52px}.anatomy-data-table td:last-child{color:#15803d}.anatomy-chart-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;width:320px;height:240px;padding:16px;display:flex;box-shadow:0 1px 2px #0000000d}.anatomy-chart-card svg{flex:1;width:100%;margin-top:12px}.component-measure-canvas[data-device=mobile] .anatomy-global-navigation{width:100%}.component-measure-canvas[data-device=mobile] .anatomy-inspect dl{grid-template-columns:1fr}@media (max-width:580px){.component-measure-canvas{padding-inline:40px 20px}}.anatomy-stat-card{text-align:center}.anatomy-stat-card>span{justify-content:center;gap:6px}.component-measure-canvas[data-device=mobile] .component-measure-frame.is-flexible{width:343px}.component-measure-canvas[data-device=mobile] :is(input,select){font-size:16px}.anatomy-radio:checked{background:radial-gradient(circle,#2c2c2c 0 30%,#fff 31%) no-repeat}.component-anatomy-section .preview-toolbar{flex-wrap:wrap}.component-anatomy-section .anatomy-size-select{width:auto;min-width:124px}.content[data-doc=toggle-group] .component-inventory{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.anatomy-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.anatomy-controls .anatomy-size-select{margin-left:0}.anatomy-target-select select[aria-invalid=true]{border-color:#dc2626}.anatomy-target-input [data-state=Hovered] input{background:#f9fafb}.anatomy-target-input [data-state=Focused] input{border-color:#2c2c2c;box-shadow:0 0 0 1px #2c2c2c}.anatomy-target-input input[aria-invalid=true]{border-color:#dc2626}.anatomy-target-input small{color:#dc2626;font-size:12px}.anatomy-target-toggle-group .admin-filter-tabs{padding:0}.content[data-doc] .standard-playground .preview-canvas[data-viewport=mobile]{padding:16px}.content[data-doc] .standard-playground .preview-canvas[data-viewport=mobile]:has(.portal-workflow,.admin-confirmation){padding:0}.preview-canvas[data-viewport=mobile] :is(.portal-search,.portal-customer-form,.loan-large-dialog,.admin-confirmation){border-radius:24px 24px 0 0}.preview-canvas[data-viewport=mobile] .loan-calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.preview-canvas[data-viewport=mobile] .loan-calculator-fields>label{gap:12px;min-width:0}.preview-canvas[data-viewport=mobile] .loan-calculator-fields :is(input,select){width:100%;min-width:0;max-width:100%;height:48px;font-size:16px}.preview-canvas[data-viewport=mobile] .loan-repayment-summary{background:0 0;border:0;border-radius:0;padding:0}.preview-canvas[data-viewport=mobile] .loan-large-dialog>header{padding:20px 16px}.preview-canvas[data-viewport=mobile] .loan-dialog-body{padding:16px}.preview-canvas[data-viewport=mobile] .loan-breakup-summary{border:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.preview-canvas[data-viewport=mobile] .loan-schedule-scroll table{table-layout:fixed;width:660px;min-width:660px}.preview-canvas[data-viewport=mobile] .loan-breakup-dialog table{width:100%;min-width:0}.preview-canvas[data-viewport=mobile] .loan-breakup-dialog tr>:is(:nth-child(3),:nth-child(4),:nth-child(6),:nth-child(7)){display:none}.preview-canvas[data-viewport=mobile] .loan-breakup-dialog :is(th,td){white-space:normal;overflow-wrap:anywhere;padding:12px 6px;font-size:12px}.preview-canvas[data-viewport=mobile] .portal-workflow>footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.preview-canvas[data-viewport=mobile] .portal-workflow>footer button{width:100%;min-width:0;min-height:48px;padding-inline:12px}.portal-quick-actions-grid{grid-template-columns:1fr;gap:12px;display:grid}.portal-quick-actions-grid a{text-decoration:none}.portal-quick-actions-grid svg{flex:none}.preview-canvas[data-viewport=tablet] .portal-quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-preview>:is(.portal-workflow,.admin-confirmation){width:100%;max-width:none}.portal-search>.portal-workflow-body{padding:16px 0 0}.portal-search>.portal-workflow-body>.portal-form-field,.portal-search>.portal-workflow-body>.portal-refresh{margin-inline:24px}.portal-search .portal-customer-options{padding:0 24px 24px}.portal-search .portal-customer-options>label{flex-wrap:nowrap;align-items:center}.portal-mobile-records,.preview-canvas[data-viewport=mobile] .portal-loan-table .portal-table-scroll{display:none}.preview-canvas[data-viewport=mobile] .portal-mobile-records{display:block}.preview-canvas[data-viewport=mobile] .portal-loan-table{border-radius:8px}.portal-mobile-records article+article{margin-top:12px}.portal-mobile-records dd{margin:0}.portal-mobile-records footer button{min-height:44px}.portal-navigation-preview{width:100%}.portal-mobile-navigation{background:#fff;border:1px solid #e5e7eb;display:none;position:relative;overflow:hidden}.preview-canvas[data-viewport=mobile] .portal-mobile-navigation{flex-direction:column;display:flex}.preview-canvas[data-viewport=mobile] .portal-navigation{display:none}.portal-mobile-navigation-content{background:#f5f5f5;flex:1;min-height:280px;padding:20px}.portal-mobile-navigation nav button{cursor:pointer}.portal-mobile-navigation nav[aria-label="Mobile main navigation"] button{font-size:10px;line-height:14px}.portal-mobile-navigation nav:not([aria-label="Mobile main navigation"]) button{font-size:14px;line-height:20px}.portal-mobile-account{background:#fff;border-radius:24px 0 0 24px;width:88%;max-width:360px;padding:28px 24px;position:absolute;inset:0 0 0 auto;box-shadow:-12px 0 30px #0002}.portal-mobile-account>button{float:right;place-items:center;min-width:44px;min-height:44px;display:grid}.mobile-preview-setting,.standard-playground[data-viewport=mobile] .playground-settings .desktop-preview-setting{display:none}.standard-playground[data-viewport=mobile] .mobile-preview-setting{display:block}.back-anatomy-canvas{background:#f7f7f9;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:380px;margin:0;padding:32px 16px;display:flex}.back-anatomy-drawing{aspect-ratio:360/290;width:360px;max-width:100%;position:relative}.back-anatomy-control{transform-origin:0 0;position:absolute;top:37.931%;left:22.2222%;transform:scale(2)}.back-anatomy-drawing>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.back-anatomy-canvas figcaption{color:#6b7785;text-align:center;max-width:360px;font-size:12px}@media (max-width:600px){.back-anatomy-control{transform:scale(1.5)}.back-anatomy-drawing{width:270px}}.back-anatomy-playground .preview-panel{flex-direction:column;display:flex}.back-anatomy-playground .back-anatomy-canvas{flex:1}.back-anatomy-playground .button-anatomy-list{border:0}.back-anatomy-playground .button-anatomy-list li{padding:14px 0}.back-anatomy-playground .button-anatomy-list li>span{background:#2c2c2c}.content[data-doc=back-navigation] .back-anatomy-playground>.playground-settings{padding:0}.back-anatomy-canvas[data-device=mobile] .portal-back-navigation{min-height:44px}.detailed-anatomy-playground .preview-panel{flex-direction:column;min-width:0;display:flex}.detailed-anatomy-canvas{background-image:none;gap:16px;padding:24px;overflow:auto}.detailed-anatomy-drawing{box-sizing:border-box;max-width:100%;padding:132px 84px 84px}.detailed-anatomy-guides{pointer-events:none;max-width:none;position:absolute;top:-132px;left:-84px;overflow:visible}.content[data-doc] .detailed-anatomy-playground>.playground-settings{padding:0}.detailed-anatomy-values{border:0;margin:0}.detailed-anatomy-values li>span{background:#2c2c2c}.anatomy-construction-notes{border-top:1px solid #ededed;padding:20px 24px;font-size:12px}.anatomy-construction-notes summary{cursor:pointer;font-weight:600}.anatomy-controls select{color:#101721;max-width:100%;min-height:40px;font:inherit;background-color:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:0 32px 0 12px}.detailed-anatomy-drawing .anatomy-frame-stepper,.detailed-anatomy-drawing .anatomy-frame-pagination,.detailed-anatomy-drawing .anatomy-frame-document-preview{width:440px!important}.detailed-anatomy-canvas[data-device=mobile] :is(.anatomy-frame-stepper,.anatomy-frame-pagination,.anatomy-frame-document-preview){width:343px!important}.detailed-anatomy-canvas .anatomy-frame-loading{width:max-content}.detailed-anatomy-canvas .anatomy-target-toggle-switch>.admin-example{box-shadow:none;background:0 0;border:0;padding:0}@media (max-width:580px){.detailed-anatomy-canvas{padding:24px 8px}.detailed-anatomy-drawing{padding-inline:56px}}.detailed-anatomy-canvas[data-device=mobile] .portal-pagination{flex-direction:column;align-items:stretch}.detailed-anatomy-canvas[data-device=mobile] .portal-pagination>div{justify-content:space-between}.playground-settings input:not([type]),.playground-settings input:is([type=text],[type=number],[type=search]){border:1px solid var(--sg-color-border-control);width:100%;min-height:40px;color:var(--sg-color-text-primary);background:#fff;border-radius:8px;padding:0 12px;font-size:14px}.playground-settings label:not(.toggle-row):has(>input[type=checkbox]){flex-direction:row;align-items:center}.dashboard-filter-popover{display:inline-flex;position:relative}