body{margin:0;overflow:hidden;--background-secondary: rgba(30, 34, 40, 1);--surface-transparent-primary: rgba(242, 244, 246, .1);--surface-transparent-secondary: rgba(242, 244, 246, .15)}*:not([data-preview],[data-preview] *){font-family:Inter,Helvetica,Arial,sans-serif!important}*{--border-radius-s: .5rem;--border-radius-xxxs: .03125rem;--shadow-center-hard-m: 0 3.75rem 7rem -.5rem rgba(0, 0, 0, .4);--shadow-down-hard-m: 0 1rem 2rem -.5rem rgba(0, 0, 0, .24);--outline-transparent-primary: rgba(242, 244, 246, .2);--outline-transparent-secondary: rgba(242, 244, 246, .1);--inverse-outline-solid-general-secondary: rgba(174, 178, 194, 1);--outline-accent-primary: rgba(43, 140, 237, 1);--surface-accent-primary: #166dc4;--inverse-outline-transparent-primary: rgba(247, 248, 251, .12);--text-general-secondary: #d6dae0;--text-general-primary: #e8eaee;--text-general-tertiary: #b8bec6;--surface-general-card: #2f353d}* svg{display:block}.source-palette-v3{--shell-bg: #0e1015;--rail-bg: #212327;--surface: #212327;--surface-hover: #ffffff08;--line: #ffffff1a;--text: #f3f3f3;--muted: #9e9fa2;--accent: #2b8ced;--builder-ui-accent: #2b8ced;--builder-ui-accent-minor: #2281e0;--builder-ui-accent-transparent: #2b8ced33;--builder-ui-outline-primary: #3d3f42;--builder-ui-surface-primary: #3d3f42;--builder-ui-text-secondary: #dbdbdc;--builder-ui-text-paragraph: #9e9fa2;--builder-accent: var(--builder-ui-accent);font-family:Inter,Arial,sans-serif;line-height:1.45;color:var(--text)}:where(.source-palette-v3) *,:where(.source-palette-v3) *:before,:where(.source-palette-v3) *:after{box-sizing:border-box}:where(.source-palette-v3) :where(button,input,select,textarea){font:inherit}:where(.source-palette-v3) :where(button){cursor:pointer;border:1px solid #1b1d22;background:#1b1d22;color:#fff;padding:9px 14px;border-radius:6px}:where(.source-palette-v3) :where(button:disabled){opacity:.45;cursor:not-allowed}:where(.source-palette-v3) :where(button.secondary){background:#fff;color:#1b1d22}:where(.source-palette-v3) :where(footer){padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:var(--rail-bg);color:var(--muted);font-size:13px}:where(.source-palette-v3) :where(label){display:grid;gap:6px;font-weight:600}:where(.source-palette-v3) :where(input,select,textarea){width:100%;padding:9px 10px;border:1px solid #465261;border-radius:5px;background:#141a21;color:var(--text)}:where(.source-palette-v3) :where(input::placeholder){color:#6f7c8c}:where(.source-palette-v3) :where(h1){margin:0 0 12px;font-size:32px}:where(.source-palette-v3) :where(h2){margin:0 0 8px;font-size:20px}:where(.source-palette-v3) :where(p){margin-top:0}:where(.source-palette-v3) :where(.form-card){display:grid;gap:14px;margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}:where(.source-palette-v3) :where(.workspace-page){padding:32px 40px;min-height:100vh;background:var(--shell-bg)}:where(.source-palette-v3) :where(.workspace-page-header){display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}:where(.source-palette-v3) :where(.modal-backdrop){position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#080b0fcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}:where(.source-palette-v3) :where(.entity-modal){width:min(460px,100%);padding:24px;border:1px solid var(--line);border-radius:12px;background:#282e36;box-shadow:0 24px 80px #000b}.source-palette-toast{position:fixed;right:16px;bottom:16px;z-index:120;width:min(340px,calc(100vw - 32px));min-height:60px;padding:12px;display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;border:1px solid var(--builder-outline-primary,var(--builder-ui-outline-primary,#3d3f42));border-radius:8px;background:var(--builder-surface-primary,var(--builder-ui-surface-primary,#3d3f42));box-shadow:none;font-family:Inter,system-ui,sans-serif}.source-palette-toast-indicator{width:4px;align-self:stretch;flex:none;border-radius:2px;background:var(--builder-accent,var(--builder-ui-accent,#2b8ced))}.source-palette-toast>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.source-palette-toast strong,.source-palette-toast span{font-size:12px;font-weight:400;line-height:14px;letter-spacing:0}.source-palette-toast strong{color:var(--builder-accent,var(--builder-ui-accent,#2b8ced))}.source-palette-toast span{color:var(--builder-text-paragraph,var(--builder-ui-text-paragraph,#9e9fa2))}.source-palette-toast>button{width:24px;height:24px;min-height:24px;padding:4px;flex:none;border:0;border-radius:6px;background:transparent;color:var(--builder-text-secondary,var(--builder-ui-text-secondary,#dbdbdc))}.source-palette-toast>button .ui-glyph{width:16px;height:16px}.source-palette-toast.is-error .source-palette-toast-indicator{background:var(--builder-ui-text-negative,#ff6673)}.source-palette-toast.is-error strong{color:var(--builder-ui-text-negative,#ff6673)}.source-palette-toast.is-success .source-palette-toast-indicator{background:var(--builder-ui-text-positive,#2fc26e)}.source-palette-toast.is-success strong{color:var(--builder-ui-text-positive,#2fc26e)}.source-palette-page{max-width:1440px}.source-palette-hero{align-items:flex-end}.source-palette-eyebrow{display:block;margin:0 0 6px;color:#7ea4ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.source-palette-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.source-palette-stats span{min-width:104px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#1b2027;color:#9fa8b5;font-size:12px;font-weight:700}.source-palette-stats b{display:block;color:#f3f6fb;font-size:20px;line-height:22px}.source-palette-selected-swatch{width:64px;height:64px;border:1px solid #ffffff24;border-radius:14px;box-shadow:inset 0 1px #ffffff24}.source-palette-selected-card strong{display:block;color:#f0f3f8}.source-palette-selected-card code{display:block;margin-top:4px;color:#aab4c2}.source-palette-selected-card button{grid-column:1/-1}.source-palette-card{display:grid;gap:14px;overflow:hidden}.source-palette-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.source-palette-section-head h2{margin:0 0 6px}.source-palette-section-head p{margin:0;color:#9ca5b2;line-height:1.45}.source-palette-section-head>span{flex:none;padding:5px 9px;border:1px solid #ffffff12;border-radius:999px;background:#11161d;color:#aab2bf;font-size:12px;font-weight:800}.source-palette-table{display:grid;gap:8px;overflow-x:auto;padding:0 0 8px}.source-palette-step-head,.source-palette-row{min-width:1110px;display:grid;grid-template-columns:148px minmax(0,1fr);gap:8px;align-items:center}.source-palette-step-head{position:sticky;top:0;z-index:1}.source-palette-step-head i{display:grid;place-items:center;height:22px;color:#8f98a6;font-size:11px;font-style:normal;font-weight:800}.source-palette-row-title{display:flex;align-items:center;gap:10px;min-width:0}.source-palette-row-title strong{display:block;color:#f1f4f8;font-size:13px;line-height:16px}.source-palette-row-title span{display:block;color:#8d97a5;font-size:11px;line-height:14px}.source-palette-row-chip{width:34px;height:34px;flex:none;border:1px solid #ffffff18;border-radius:9px;box-shadow:inset 0 1px #ffffff24}.source-palette-scale{display:grid;grid-template-columns:repeat(var(--source-step-count),minmax(68px,1fr));gap:3px}.source-palette-cell{height:58px;min-width:0;padding:7px 8px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff18;border-radius:8px;text-align:left;box-shadow:inset 0 1px #ffffff1f;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.source-palette-cell:hover,.source-palette-cell:focus-visible{border-color:#aab5c5;box-shadow:0 0 0 1px #0005 inset;transform:translateY(-1px)}.source-palette-cell.is-selected{outline:2px solid #4284ff;outline-offset:1px}.source-palette-cell b{font-size:11px;line-height:14px}.source-palette-cell small{font-size:10px;line-height:12px;font-weight:800;letter-spacing:-.2px}.source-palette-cell.is-dark{color:#f8fbff;text-shadow:0 1px 1px #00000080}.source-palette-cell.is-light{color:#14171d;text-shadow:0 1px 0 #ffffff80}.source-palette-cell-empty{display:grid;place-items:center;border:1px dashed #3b414b;background:#171b22;color:#66707e}.source-palette-anchor-swatch{width:32px;height:32px;border:1px solid #ffffff24;border-radius:9px}.source-palette-anchor strong{display:block;color:#f0f3f8;font-size:13px}.source-palette-anchor code{display:block;margin:4px 0;color:#bfc7d3;font-size:12px}.source-palette-anchor small{display:block;color:#8e98a6;font-size:11px}.source-palette-anchor p{grid-column:1/-1;margin:0;color:#9fa8b5;font-size:12px;line-height:1.35}.source-palette-selected-card-v2{display:grid;gap:14px;background:linear-gradient(135deg,#20262f,#151920)}.source-palette-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.source-palette-state{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid #ffffff14;border-radius:999px;background:#111820;color:#b9c2ce;font-size:11px;font-weight:900;letter-spacing:.02em}.source-palette-state.is-custom{border-color:#f0ae0060;background:#30250e;color:#ffd36a}.source-palette-state.is-ok{border-color:#21a84250;background:#102617;color:#81f094}.source-palette-state.is-warning{border-color:#f0ae0060;background:#30250e;color:#ffd36a}.source-palette-selected-copy h2{margin:0;display:flex;align-items:center;gap:8px;color:#f4f7fb;font-size:22px;line-height:27px}.source-palette-title-swatch{width:18px;height:18px;flex:none;border:1px solid #ffffff26;border-radius:5px}.source-palette-selected-copy code{display:block;margin-top:4px;color:#cbd4df;font-size:12px}.source-palette-selected-copy p{margin:8px 0 0;color:#9aa5b2;font-size:13px}.source-palette-inspector-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border-radius:7px;background:#191d22}.source-palette-inspector-tabs button{height:28px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#8f98a6;font-size:11px;white-space:nowrap}.source-palette-inspector-tabs button.is-active{background:#343a44;color:#f0f3f7}.source-palette-selected-actions{display:grid;grid-template-columns:1fr;gap:6px}.source-palette-selected-actions button{min-height:34px;padding:6px 8px;border-radius:6px;font-size:11px;line-height:1.25}.source-palette-selected-actions .source-palette-change-source{border-color:#5575a8;background:#25334a;color:#eef4ff}.source-palette-selected-actions .source-palette-change-source:hover{border-color:#75a0e8;background:#2b4060}.source-palette-usedby{display:grid;gap:7px;padding:12px;border:1px solid #ffffff10;border-radius:12px;background:#11161dcc}.source-palette-usedby strong{color:#f1f4f8;font-size:13px}.source-palette-usedby span{color:#a8b2bf;font-size:12px;line-height:1.35}.source-palette-v3{max-width:none;min-height:calc(100vh - 37px);padding:0}.source-palette-v3>.source-palette-hero,.source-palette-v3>.source-palette-template-note{display:none}.source-palette-template-note{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.source-palette-template-note article{min-height:94px;padding:14px;border:1px solid #ffffff12;border-radius:14px;background:#1b2028;color:#a8b2bf}.source-palette-template-note article.is-brand{border-color:#f0ae0057;background:linear-gradient(135deg,#2a210e,#171b21)}.source-palette-template-note strong{display:block;margin-bottom:6px;color:#f3f6fb;font-size:14px}.source-palette-template-note p{margin:0;font-size:13px;line-height:1.42}.source-palette-template-note .is-brand p{color:#d9c48a}.source-palette-brand-status{width:calc(100% - 20px);margin:0 10px 8px;padding:6px 8px;display:flex;align-items:center;gap:7px;border:1px solid #8a681f80;border-radius:7px;background:#33270f;color:#d9c48a;font-size:10px;text-align:left}.source-palette-brand-status span{padding:2px 5px;border-radius:4px;background:#71520d;color:#ffe29a;font-weight:600}.source-palette-brand-status strong{min-width:0;flex:1;font-weight:400}.source-palette-brand-status i{color:#f0c85e;font-size:9px;font-style:normal}.source-palette-brand-status:hover{border-color:#b78b2b;background:#3a2c10}.source-palette-editor-grid{height:calc(100vh - 44px);min-height:0;display:grid;grid-template-columns:280px minmax(480px,1fr) 320px;gap:0;border:0;border-radius:0;overflow:hidden;background:#202327}.source-palette-editor-grid.is-inspector-collapsed{grid-template-columns:280px minmax(480px,1fr)}.source-palette-canvas-column{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:40px minmax(0,1fr);overflow:hidden;background:#212327}.source-palette-canvas-toolbar{z-index:5;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #383b41;background:#202327}.source-palette-canvas-actions{min-width:0;display:flex;align-items:center;gap:8px}.source-palette-inspector-toggle{height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8e98a5;font-size:10px}.source-palette-inspector-toggle:hover,.source-palette-inspector-toggle.is-active{border-color:#444b55;background:#2c323a;color:#e5e9ef}.source-palette-inspector-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round}.source-palette-inspector-toggle span{font-size:10px;font-weight:400}.source-palette-inspector-toggle em{min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border-radius:8px;background:#171b21;color:#b7c0cc;font-size:9px;font-style:normal;font-weight:600}.source-palette-canvas-toolbar>span{color:#747e8b;font-size:10px}.source-palette-canvas-hint{color:#747e8b;font-size:10px}.source-palette-canvas-context{max-width:220px;overflow:hidden;color:#7f8996;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.source-palette-brand-navigator{min-width:0;display:flex;align-items:center;gap:8px;color:#d7c183}.source-palette-brand-navigator>span{min-width:0;display:flex;align-items:center;gap:6px}.source-palette-brand-navigator>span>i{width:16px;height:16px;flex:none;display:grid;place-items:center;border:1px solid #8c661c;border-radius:50%;background:#34280f;color:#ffd36a;font-size:9px;font-style:normal;font-weight:700}.source-palette-brand-navigator strong{color:#d7c183;font-size:10px;font-weight:500;white-space:nowrap}.source-palette-brand-navigator em{max-width:180px;overflow:hidden;color:#8993a1;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.source-palette-brand-navigator>div{display:flex;gap:2px}.source-palette-brand-navigator button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#aab2bd;font-size:13px}.source-palette-brand-navigator button:hover{background:#30353d;color:#fff}.source-palette-brand-navigator button:focus-visible{outline:2px solid #75a7ff;outline-offset:1px}.source-palette-mode-tabs{height:24px;display:flex;align-items:center;gap:4px;padding:0;border-radius:0;background:transparent}.source-palette-mode-tabs button{height:24px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#c7c9cd;font-size:12px;font-weight:400;line-height:16px}.source-palette-mode-tabs button:hover{color:#e2e7ee}.source-palette-mode-tabs button:focus-visible{outline:2px solid #75a7ff;outline-offset:1px}.source-palette-mode-tabs button.is-active{background:#3d3f42;color:#f2f4f6}.source-palette-family-menu{height:100%;display:block;margin:0;padding:0;border:0;border-right:1px solid #383b41;border-radius:0;background:#202327;overflow:auto}.source-palette-family-head{position:sticky;top:0;z-index:3;height:40px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 16px;color:#dfe2e7;background:#202327}.source-palette-family-head strong{font-size:12px;font-weight:600}.source-palette-family-head span{color:#8f98a6;font-size:11px;font-weight:700}.source-palette-family-head button{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;flex:0 0 24px;box-sizing:border-box;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#a8b2bf;font-size:18px;line-height:1}.source-palette-family-head button:hover{background:#2b333d;color:#fff}.source-palette-family-tools{position:sticky;top:40px;z-index:3;display:grid;gap:6px;padding:4px 12px 8px;background:#202327;border-bottom:1px solid #30343a}.source-palette-family-search{height:28px;display:flex;align-items:center;gap:6px;padding:0 6px;border:1px solid #3d434c;border-radius:6px;background:#252a31;color:#8f98a6}.source-palette-family-search:focus-within{border-color:#5d87dd;box-shadow:0 0 0 1px #2d78ff55}.source-palette-family-search>span{font-size:15px;line-height:1}.source-palette-family-search input{min-width:0;flex:1;height:26px;padding:0;border:0;outline:0;background:transparent;color:#e3e7ed;font-size:11px}.source-palette-family-search input::placeholder{color:#77808d}.source-palette-family-search button{width:18px;height:18px;display:grid;place-items:center;padding:0 0 2px;border:0;border-radius:4px;background:transparent;color:#8f98a6;font-size:14px;line-height:1}.source-palette-family-search button:hover{background:#343a43;color:#fff}.source-palette-family-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;border-radius:6px;background:#191d22}.source-palette-family-filters button{min-width:0;height:24px;padding:0 4px;border:0;border-radius:4px;background:transparent;color:#8993a1;font-size:10px;line-height:1;white-space:nowrap}.source-palette-family-filters button:hover{color:#d8dde5}.source-palette-family-filters button.is-active{background:#343a44;color:#f0f3f7}.source-palette-family-categories{display:grid;gap:4px;padding-bottom:10px}.source-palette-family-category{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:2px 8px;padding:10px 12px 4px 16px}.source-palette-family-category.is-custom{grid-template-columns:minmax(0,1fr) 24px 24px;gap:2px}.source-palette-family-category strong{display:block;color:#dfe2e7;font-size:12px;font-weight:600}.source-palette-family-category small{grid-column:1/-1;display:block;color:#858e9d;font-size:10.5px;line-height:1.3}.source-palette-family-category button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#a8b2bf;font-size:18px;font-weight:400;line-height:1}.source-palette-family-category button:hover{background:#2b333d;color:#fff}.source-palette-family-category .source-palette-group-add{opacity:0;pointer-events:none}.source-palette-family-category:hover .source-palette-group-add,.source-palette-family-category:focus-within .source-palette-group-add{opacity:1;pointer-events:auto}.source-palette-family-category .source-palette-group-delete{opacity:0;pointer-events:none;color:#8793a3}.source-palette-family-category:hover .source-palette-group-delete,.source-palette-family-category:focus-within .source-palette-group-delete{opacity:1;pointer-events:auto}.source-palette-family-category .source-palette-group-delete:hover{background:#3a2a2f;color:#ff9ca5}.source-palette-family-category .source-palette-family-category-toggle{width:auto;min-width:0;justify-content:start;display:flex;align-items:center;gap:5px;text-align:left;font-size:12px}.source-palette-family-category-toggle>span{position:relative;width:12px;height:12px;flex:none;font-size:0;color:transparent}.source-palette-family-category-toggle>span:before{content:"";position:absolute;left:3px;top:1.5px;width:5px;height:5px;border-right:1.5px solid #8993a1;border-bottom:1.5px solid #8993a1;transform:rotate(45deg)}.source-palette-family-category-toggle[aria-expanded=false]>span:before{left:2px;top:3px;transform:rotate(-45deg)}.source-palette-family-category-toggle:hover>span:before{border-color:#d8dde5}.source-palette-family-empty{display:grid;gap:4px;margin:12px;padding:14px;border:1px dashed #424953;border-radius:8px;color:#8f98a6;text-align:center}.source-palette-family-empty strong{color:#d8dde5;font-size:12px}.source-palette-family-empty span{font-size:10px}.source-palette-family-empty button{justify-self:center;margin-top:5px;padding:4px 7px;border:0;border-radius:5px;background:#343a44;color:#dce2ea;font-size:10px}.source-palette-family-item{height:32px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;margin:0 12px;padding:4px;border-radius:6px;color:#aeb4bd}.source-palette-family-row{display:grid}.source-palette-family-item.is-active{background:#3d3f42;color:#e8eaee}.source-palette-family-item.is-active .source-palette-family-select{background:transparent;color:#e8eaee}.source-palette-family-item.is-disabled{opacity:.45}.source-palette-family-select{min-width:0;height:24px;display:flex;align-items:center;gap:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}.source-palette-family-select:hover{background:#2b333d;color:#f3f6fb}.source-palette-family-label{min-width:0;display:block;overflow:hidden;padding:4px;color:#aeb4bd;font-size:12px;font-weight:400;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.source-palette-family-item.is-active .source-palette-family-label{color:#f3f4f6;font-weight:500}.source-palette-family-warning{width:16px;height:16px;flex:none;display:grid;place-items:center;border:1px solid #9d741f;border-radius:50%;background:#3a2b0d;color:#ffd36a;font-size:9px;font-weight:700}.source-palette-family-chip{width:18px;height:18px;flex:none;border:1px solid #ffffff26;border-radius:4px}.source-palette-family-eye{width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:4px;border:0;border-radius:6px;background:transparent;color:#a8b2bf;opacity:0;pointer-events:none;transition:opacity .12s ease,background .12s ease,color .12s ease}.source-palette-family-eye .ui-glyph,.source-palette-family-category .ui-glyph{width:16px;height:16px}.source-palette-family-item:hover .source-palette-family-eye,.source-palette-family-item:focus-within .source-palette-family-eye,.source-palette-family-item.is-active .source-palette-family-eye{opacity:1;pointer-events:auto}.source-palette-family-eye:hover{background:#3a2a2f;color:#ff9ca5}.source-palette-color-menu .source-palette-family-category{grid-template-columns:minmax(0,1fr);padding-right:12px}.source-palette-color-family{display:grid;margin:0 8px 2px;border-radius:7px}.source-palette-color-family.is-active{background:#1b2026}.source-palette-color-family-select{width:100%;min-width:0;height:40px;display:grid;grid-template-columns:18px minmax(0,1fr) auto 14px;align-items:center;gap:8px;padding:4px 8px;border:0;border-radius:7px;background:transparent;color:#aeb4bd;text-align:left;cursor:pointer}.source-palette-color-family-select:hover{background:#2b333d;color:#f3f6fb}.source-palette-color-family.is-active>.source-palette-color-family-select{background:#4284ff21}.source-palette-color-family-chevron{position:relative;width:12px;height:12px}.source-palette-color-family-chevron:before{content:"";position:absolute;left:2px;top:2px;width:5px;height:5px;border-right:1.5px solid #8993a1;border-bottom:1.5px solid #8993a1;transform:rotate(45deg)}.source-palette-color-family-select[aria-expanded=false] .source-palette-color-family-chevron:before{left:1px;top:3px;transform:rotate(-45deg)}.source-palette-color-steps{display:grid;gap:1px;padding:3px 4px 6px 26px}.source-palette-color-step{min-width:0;height:32px;display:grid;grid-template-columns:18px 38px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:3px 7px;border:0;border-radius:6px;background:transparent;color:#aab2bd;text-align:left;cursor:pointer}.source-palette-color-step:hover{background:#2a3038;color:#eef2f7}.source-palette-color-step.is-active{background:#4284ff2e;color:#f3f6fb;box-shadow:inset 2px 0 #4284ff}.source-palette-color-step-chip{width:18px;height:18px;border:1px solid #ffffff2b;border-radius:4px}.source-palette-color-step strong{font-size:11px;font-weight:500}.source-palette-color-step small{min-width:0;overflow:hidden;color:#7f8997;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.source-palette-color-step.is-active small{color:#aeb9c8}.source-palette-color-step em{min-width:18px;padding:2px 5px;border-radius:999px;background:#303741;color:#aeb9c8;font-size:9px;font-style:normal;text-align:center}.source-palette-color-step-changed{color:#f0bd4e;font-size:7px;font-style:normal}.source-palette-ramp-shell{min-height:0;height:100%;display:block;margin:0;padding:0;border:0;border-radius:0;background:#212327;overflow:auto}.source-palette-ramp-board{width:948px;min-width:948px;min-height:100%;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px 24px 24px}.source-palette-ramp-section{width:900px;display:grid;align-content:start;gap:8px}.source-palette-ramp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.source-palette-ramp-section-head h2{margin:0;color:#f3f6fb;font:400 14px/18px Inter,system-ui,sans-serif;letter-spacing:-.28px}.source-palette-ramp-section-head p{margin:0;color:#9e9fa2;font:600 12px/14px Inter,system-ui,sans-serif;letter-spacing:-.24px}.source-palette-ramp-section-head span{padding:4px 8px;border:1px solid #ffffff12;border-radius:999px;background:#171b21;color:#9ba5b2;font-size:11px;font-weight:800}.source-palette-ramp-section-head>div:last-child{display:flex;align-items:center;gap:4px}.source-palette-ramp-section-head button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#9ba5b2;font-size:0}.source-palette-ramp-section-head button:before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-135deg);margin-top:3px}.source-palette-ramp-section-head button[aria-expanded=false]:before{transform:rotate(45deg);margin-top:-3px}.source-palette-ramp-section-head button:hover{background:#30353d;color:#fff}.source-palette-board-empty{min-height:240px;display:grid;place-content:center;justify-items:center;gap:6px;color:#8993a1;text-align:center}.source-palette-board-empty strong{color:#dce2ea;font-size:14px}.source-palette-board-empty span{font-size:12px}.source-palette-board-empty button{margin-top:6px;padding:6px 9px;border:1px solid #414954;border-radius:6px;background:#2b3139;color:#e6ebf2;font-size:11px}.source-palette-ramp-row{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px}.source-palette-ramp-item{position:relative;width:100%}.source-palette-ramp-item.is-selected{z-index:12}.source-palette-ramp-card{width:816px;height:80px;display:grid;grid-template-columns:84px minmax(0,1fr);border:1px solid #3d4148;border-radius:8px;background:#3d3f42;overflow:hidden;transition:gap .16s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease,background-color .16s ease}.source-palette-editor-grid[data-mode=palette] .source-palette-ramp-card{cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.source-palette-editor-grid[data-mode=palette] .source-palette-ramp-card:hover{border-color:#7d8da5;box-shadow:0 0 0 1px #7d8da5;transform:translateY(-1px)}.source-palette-editor-grid[data-mode=palette] .source-palette-ramp-card:focus-visible{outline:2px solid #75a7ff;outline-offset:2px;border-color:#75a7ff}.source-palette-editor-grid[data-mode=palette] .source-palette-ramp-step{pointer-events:none}.source-palette-editor-grid[data-mode=palette] .source-palette-ramp-step:hover{box-shadow:none}.source-palette-editor-grid[data-mode=color] .source-palette-ramp-card{gap:6px;border:0;background:transparent;overflow:visible}.source-palette-editor-grid[data-mode=color] .source-palette-ramp-card.is-selected{box-shadow:none}.source-palette-editor-grid[data-mode=color] .source-palette-ramp-title{border:1px solid #454a52;border-radius:8px;background:#3d3f42}.source-palette-editor-grid[data-mode=color] .source-palette-ramp-stack{gap:6px;overflow:visible}.source-palette-editor-grid[data-mode=color] .source-palette-ramp-step{border:1px solid #454a52;border-radius:8px;cursor:pointer}.source-palette-editor-grid[data-mode=color] .source-palette-ramp-step:last-child{border-right:1px solid #454a52}.source-palette-ramp-card.is-selected{border-color:#2d78ff;box-shadow:0 0 0 1px #2d78ff}.source-palette-ramp-title{position:relative;height:100%;padding:8px;display:flex;align-items:flex-end;background:#3d3f42}.source-palette-ramp-title>div{min-width:0;display:grid;align-content:end}.source-palette-ramp-title strong{color:#e8eaee;font-size:12px;font-weight:700;line-height:16px}.source-palette-ramp-title small{color:#abb3bf;font-size:10px;line-height:12px}.source-palette-ramp-edit-affordance{position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:#252a31d9;color:#c1c8d2;opacity:0;transform:translateY(1px);transition:opacity .12s ease,transform .12s ease}.source-palette-ramp-edit-affordance svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.source-palette-ramp-card:hover .source-palette-ramp-edit-affordance,.source-palette-ramp-card:focus-visible .source-palette-ramp-edit-affordance,.source-palette-ramp-card.is-selected .source-palette-ramp-edit-affordance{opacity:1;transform:none}.source-palette-card-warning{position:absolute;top:7px;left:7px;min-width:28px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid #9d741f;border-radius:9px;background:#34280f;color:#ffd36a;font-size:9px;font-weight:600;font-style:normal}.source-palette-ramp-stack{min-width:0;height:100%;display:flex;flex-direction:row;border:0;border-radius:8px;overflow:hidden;transition:gap .16s ease,border-radius .16s ease}.source-palette-ramp-step{position:relative;flex:1;min-width:52px;height:100%;display:flex;align-items:flex-end;gap:2px;padding:8px;border:0;border-right:1px solid #0000001f;border-radius:0;text-align:left;font-size:10px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--source-label-color,#f4f7fb);transition:border-radius .16s ease,box-shadow .12s ease,transform .12s ease}.source-palette-ramp-step:last-child{border-right:0}.source-palette-step-label{display:inline-flex;align-items:baseline;gap:1px;padding:0;border-radius:4px;color:var(--source-label-color,#f4f7fb);text-shadow:none}.source-palette-step-label span,.source-palette-step-label b{opacity:1}.source-palette-ramp-step:hover{box-shadow:inset 0 0 0 1px #ffffff80}.source-palette-editor-grid[data-mode=color] .source-palette-ramp-step:hover{z-index:1;transform:translateY(-1px);box-shadow:0 3px 10px #0000004d,inset 0 0 0 1px #ffffff80}.source-palette-ramp-step:focus-visible{z-index:2;outline:2px solid #75a7ff;outline-offset:-3px;box-shadow:0 0 0 2px #0d1117}.source-palette-ramp-step.is-selected{z-index:1;box-shadow:inset 0 0 0 2px #2d78ff}.source-palette-ramp-step.is-brand-mismatch{box-shadow:inset 0 -3px #e5a82d}.source-palette-ramp-step.is-brand-mismatch.is-selected{box-shadow:inset 0 0 0 2px #2d78ff,inset 0 -4px #e5a82d}.source-palette-brand-marker{position:absolute;top:7px;left:7px;width:16px;height:16px;display:grid;place-items:center;border:1px solid #8c661c;border-radius:50%;background:#34280fe8;color:#ffd36a;font-size:9px;font-style:normal;font-weight:700;text-shadow:none}.source-palette-ramp-step.is-empty{background:#25282d;color:#707987;border:1px dashed #3f4650}.source-palette-usage-marker{position:absolute;top:7px;right:7px;min-width:27px;height:18px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 5px;border:1px solid #ffffff3d;border-radius:9px;background:#12161dcc;color:#f4f7fb;box-shadow:0 1px 3px #00000052;text-shadow:none;font-style:normal;line-height:1}.source-palette-usage-marker svg{width:10px;height:10px;flex:none;fill:#f4f7fb;stroke:#f4f7fb;stroke-width:1;stroke-linecap:round}.source-palette-usage-marker em{font-size:9px;font-style:normal;font-weight:800;letter-spacing:0}.source-palette-ramp-step:hover .source-palette-usage-marker{border-color:#ffffff8f;background:#0d1117e8}.source-palette-inspector-v3{height:100%;display:flex;flex-direction:column;border-left:1px solid #383b41;background:#202327;overflow:auto}.source-palette-inspector-v3 .form-card{margin:0;border:0;border-bottom:1px solid #383b41;border-radius:0;background:#202327}.source-palette-selected-card-v3{display:grid;gap:12px;padding:12px}.source-palette-inspector-header{width:100%;min-height:40px;display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #383b41;color:#f1f2f4;font-size:12px;font-weight:500;line-height:16px}.source-palette-inspector-section{width:100%;display:grid;gap:0;padding:8px 0;border-bottom:1px solid #383b41}.source-palette-inspector-section>h2{height:28px;margin:0;padding:6px 12px;color:#96999f;font-size:10px;font-weight:500;line-height:16px}.source-palette-source-section dl{margin:0}.source-palette-source-section dl>div{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.source-palette-source-section dt{color:#c7c9cd;font-size:12px;font-weight:400}.source-palette-source-section dd{margin:0;color:#96999f;font-size:10px;font-weight:500}.source-palette-history-actions{display:flex;align-items:center;gap:2px}.source-palette-history-actions button,.source-palette-color-count{width:24px;height:24px;display:grid;place-items:center;padding:4px;border:0;border-radius:6px;background:transparent;color:#a8abb0}.source-palette-history-actions button:disabled{opacity:.4}.source-palette-history-actions button:not(:disabled):hover,.source-palette-color-count:hover,.source-palette-color-count.is-active{background:#34363a;color:#f2f3f5}.source-palette-history-actions .ui-glyph{width:16px;height:16px}.source-palette-toolbar-divider{width:1px;height:20px;background:#383b41}.source-palette-color-count{width:auto;min-width:36px;grid-template-columns:16px auto;gap:4px;color:#96999f;font-size:12px}.source-palette-color-count img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(68%) sepia(4%) saturate(206%) hue-rotate(182deg) brightness(91%) contrast(88%)}.source-palette-selection-facts{display:grid;gap:0;margin:0;border-top:1px solid #34383f}.source-palette-selection-facts>div{min-height:32px;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;border-bottom:1px solid #30343a}.source-palette-selection-facts dt{color:#818b98;font-size:10px}.source-palette-selection-facts dd{min-width:0;margin:0;overflow:hidden;color:#cbd2dc;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.source-palette-selection-facts dd.is-warning{color:#e9bd53}.source-palette-selection-facts dd.is-ok{color:#7fd69b}.source-palette-inspector-note{padding:8px;border-radius:6px;background:#252a31;color:#929ca9;font-size:10px;line-height:1.4}.source-palette-inspector-note.is-brand-warning{border-left:2px solid #c28f24;background:#2b261b;color:#d7c183}.source-palette-hex-field{display:grid;gap:6px;color:#a8afb9;font-size:12px}.source-palette-hex-field>div{height:32px;display:flex;align-items:center;overflow:hidden;border:1px solid #474a51;border-radius:6px;background:#383a40}.source-palette-hex-field i{width:16px;height:16px;margin-left:8px;border:1px solid rgba(242,244,246,.2);border-radius:3px}.source-palette-hex-field input{min-width:0;flex:1;height:30px;padding:0 8px;border:0;background:transparent;color:#e8eaee;font-size:12px;letter-spacing:-.18px;text-transform:uppercase}.source-palette-hex-field input:focus{outline:0}.source-palette-swatch-picker{position:relative;flex:none;width:16px;height:16px;margin-left:8px;overflow:hidden;border:1px solid rgba(242,244,246,.2);border-radius:3px;cursor:pointer}.source-palette-swatch-picker input[type=color]{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:32px;height:32px;padding:0;border:0;opacity:0;cursor:pointer}.source-palette-hex-field .source-palette-swatch-picker button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.source-palette-swatch-picker:has(button:focus-visible){outline:2px solid #8caef8;outline-offset:1px}.source-palette-edit-popover{position:fixed;top:48px;left:10px;right:auto;z-index:80;width:min(360px,calc(100vw - 20px));max-height:390px;display:flex;flex-direction:column;border:1px solid #4a5260;border-radius:10px;background:#2a3038;color:#e8ebef;box-shadow:0 14px 36px #0009;overflow:hidden}.source-palette-edit-popover>header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 10px;border-bottom:1px solid #414751;background:#2a3038}.source-palette-edit-scope{min-height:30px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid #3b414a;background:#252a31;color:#8e98a5;font-size:10px}.source-palette-edit-scope i{color:#626d7a;font-style:normal}.source-palette-edit-scope strong{min-width:0;overflow:hidden;color:#dce2ea;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.source-palette-edit-scope em{margin-left:auto;padding:2px 5px;border-radius:4px;background:#313843;color:#aeb7c4;font-size:9px;font-style:normal;white-space:nowrap}.source-palette-edit-tabs{height:32px;display:flex;align-items:center;gap:2px;padding:2px;border-radius:7px;background:#20242a}.source-palette-edit-tabs button{height:28px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:#a7b0bd;font-size:11px}.source-palette-edit-tabs button.is-active{background:#414956;color:#f4f6f9}.source-palette-edit-tabs button:focus-visible,.source-palette-edit-close:focus-visible,.source-palette-edit-option:focus-visible,.source-palette-inline-apply:focus-visible{outline:2px solid #75a7ff;outline-offset:1px}.source-palette-edit-close{width:26px;height:26px;display:grid;place-items:center;padding:0 0 2px;border:0;border-radius:6px;background:transparent;color:#a5afbb;font-size:17px}.source-palette-edit-close:hover{background:#3a414b;color:#fff}.source-palette-edit-replace{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px}.source-palette-edit-search{height:30px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #4a515d;border-radius:6px;background:#22272e;color:#8994a2}.source-palette-edit-search input{min-width:0;flex:1;height:28px;padding:0;border:0;outline:0;background:transparent;color:#e4e8ee;font-size:11px}.source-palette-edit-options{min-height:0;max-height:270px;display:grid;gap:3px;overflow:auto}.source-palette-edit-option{min-height:52px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;border:1px solid transparent;border-radius:7px;background:#242a31;color:#dce2e9;text-align:left}.source-palette-edit-option:hover{border-color:#536173;background:#303741}.source-palette-edit-option.is-current{border-color:var(--builder-accent,var(--builder-ui-accent,#2b8ced));background:var(--builder-ui-accent-transparent,#2b8ced33)}.source-palette-edit-option>span:first-child{min-width:0;display:grid}.source-palette-edit-option strong{font-size:11px}.source-palette-edit-option small{color:#8e98a5;font-size:9px}.source-palette-edit-option em{color:#86aefd;font-size:9px;font-style:normal}.source-palette-edit-option .source-palette-library-preview{height:28px}.source-palette-edit-empty{margin:18px;color:#8993a1;font-size:11px;text-align:center}.source-palette-edit-rebuild{display:grid;gap:13px;padding:13px}.source-palette-inline-preview{display:grid;gap:9px}.source-palette-inline-preview>div{display:grid;gap:4px}.source-palette-inline-preview>div>span{color:#8e98a5;font-size:9px;text-transform:uppercase}.source-palette-inline-ramp{height:34px;display:flex;overflow:hidden;border:1px solid #454c56;border-radius:6px}.source-palette-inline-ramp i{position:relative;flex:1}.source-palette-inline-ramp i.is-anchor{z-index:1;outline:2px solid #f2f4f6;outline-offset:-2px}.source-palette-inline-apply{justify-self:end;height:32px;padding:0 12px;border:1px solid var(--builder-accent,var(--builder-ui-accent,#2b8ced));border-radius:6px;background:var(--builder-accent,var(--builder-ui-accent,#2b8ced));color:#fff;font-size:11px}.source-palette-inline-apply:hover{background:var(--builder-ui-accent-minor,#2281e0)}.source-palette-v3>.color-picker-popover.is-source-palette{position:fixed;left:10px;right:auto;top:48px;z-index:80}@keyframes source-palette-mode-enter{0%{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.source-palette-ramp-board{animation:none}.source-palette-ramp-card,.source-palette-ramp-stack,.source-palette-ramp-step{transition:none}}.source-palette-rebuild-modal{width:min(560px,100%);display:flex;flex-direction:column;gap:0;padding:0;border-color:#4a5260;border-radius:16px;background:#242a32;overflow:hidden}.source-palette-rebuild-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid #383b41}.source-palette-rebuild-modal>header span{color:#e8a33d;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.source-palette-rebuild-modal>header h2{margin:4px 0 0;color:#eef1f5;font-size:17px}.source-palette-rebuild-body{display:grid;gap:14px;padding:16px 20px}.source-palette-rebuild-hint{margin:0;color:#a8afb9;font-size:12.5px;line-height:1.45}.source-palette-rebuild-preview{display:grid;gap:10px}.source-palette-rebuild-preview>div{display:grid;gap:5px}.source-palette-rebuild-preview>div>span{color:#858e9d;font-size:11px;letter-spacing:.2px;text-transform:uppercase}.source-palette-rebuild-ramp{height:34px}.source-palette-rebuild-ramp i.is-anchor{position:relative;z-index:1;outline:2px solid #f2f4f6;outline-offset:-2px}.source-palette-rebuild-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #383b41}.source-palette-rebuild-apply{border-color:#ffffff14;background:var(--builder-accent,var(--builder-ui-accent,#2b8ced));color:#fff}.source-palette-rebuild-apply:hover{background:var(--builder-ui-accent-minor,#2281e0)}.source-palette-usage-card{display:grid;gap:0;padding:8px 0}.source-palette-usage-card .source-palette-section-head h2{margin:0 0 4px;color:#dfe2e7;font-size:14px;font-weight:600;line-height:1.3}.source-palette-usage-card .source-palette-section-head p{max-width:250px;color:#858e9d;font-size:11px;line-height:1.35}.source-palette-open-colors{flex:none;padding:3px 0;border:0;background:transparent;color:#8caef8;font-size:11px;white-space:nowrap}.source-palette-open-colors:hover{color:#b8ceff}.source-palette-usage-scope{height:24px;display:flex;gap:4px;margin:0 12px;padding:0;border-radius:0;background:transparent}.source-palette-usage-scope button{min-width:0;height:24px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#c7c9cd;font-size:12px;line-height:16px;white-space:nowrap}.source-palette-usage-scope button.is-active{background:#3d3f42;color:#f0f3f7}.source-palette-usage-list{display:grid;gap:0;margin-top:4px}.source-palette-usage-list article{padding:10px;border:1px solid #ffffff10;border-radius:10px;background:#151a20}.source-palette-usage-list span{display:block;margin-bottom:4px;color:#778394;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.source-palette-usage-list strong{min-width:0;display:block;overflow:hidden;color:#c7cdd6;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.source-palette-usage-list p{margin:4px 0 0;color:#a7b0bd;font-size:12px;line-height:1.35}.source-palette-usage-link{position:relative;width:100%;height:32px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:0;padding:4px 12px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.source-palette-usage-link:hover{background:#2b333d}.source-palette-usage-link:focus-visible{outline:2px solid #2d78ff;outline-offset:2px}.source-palette-usage-swatch{width:16px;height:16px;margin:0!important;border:1px solid #ffffff26;border-radius:3px}.source-palette-usage-copy{min-width:0;display:grid!important;gap:2px;margin:0!important;color:inherit!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important}.source-palette-usage-copy strong{font-weight:400!important;letter-spacing:0;text-transform:none!important}.source-palette-usage-copy small{min-width:0;display:flex!important;align-items:center;gap:4px;margin:0!important;overflow:hidden;color:#8f98a6;font-size:10px;line-height:14px;text-transform:none!important;letter-spacing:0!important}.source-palette-usage-copy small b{min-width:0;overflow:hidden;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.source-palette-usage-mode{flex:0 0 32px;width:32px;height:14px;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:0;border:1px solid #ffffff0d;border-radius:3px;background:#272d35;color:#919ba8!important;font-size:9px!important;font-weight:400!important;line-height:12px!important;letter-spacing:0!important;text-transform:none!important}.source-palette-usage-mode.is-light,.source-palette-usage-mode.is-dark{background:#272d35;color:#919ba8!important}.source-palette-usage-link i{color:#8caef8;font-size:14px;font-style:normal;text-align:center;opacity:0;transition:opacity .12s ease}.source-palette-usage-link:hover i,.source-palette-usage-link:focus-visible i{opacity:1}.source-palette-quality-card{display:grid;gap:7px;padding:12px}.source-palette-quality-card .source-palette-section-head h2{margin:0;color:#dfe2e7;font-size:14px;font-weight:600;line-height:1.3}.source-palette-quality-card .source-palette-section-head p{margin:0;color:#858e9d;font-size:11px;line-height:1.35}.source-palette-quality-card .source-palette-section-head>span{padding:3px 7px;border:1px solid #3b4149;border-radius:999px;font-size:10px;font-weight:600;line-height:1.2}.source-palette-quality-card .source-palette-section-head>.is-ok{border-color:#2d6a49;background:#173d29;color:#8ee7b4}.source-palette-quality-card .source-palette-section-head>.is-warning{border-color:#80652e;background:#4a3918;color:#f3c45f}.source-palette-quality-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:4px}.source-palette-quality-summary>span{min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto auto;column-gap:5px;padding:6px;border:1px solid #3b4149;border-radius:7px;background:#252a31}.source-palette-quality-summary i{grid-row:1/3;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-style:normal;font-weight:800}.source-palette-quality-summary .is-ok i{background:#173d29;color:#69d99a}.source-palette-quality-summary .is-warning i{background:#4a3918;color:#f3c45f}.source-palette-quality-summary b{min-width:0;color:#dce2ea;font-size:10px;line-height:13px}.source-palette-quality-summary em{min-width:0;overflow:hidden;color:#8f98a6;font-size:9px;font-style:normal;line-height:12px;text-overflow:ellipsis;white-space:nowrap}.source-palette-contrast-list{display:grid;gap:2px}.source-palette-contrast-row{height:30px;display:grid;grid-template-columns:28px minmax(0,1fr) 34px 54px;align-items:center;gap:6px;padding:2px 5px;border-radius:6px;color:#aeb7c4}.source-palette-contrast-row:hover{background:#292f37}.source-palette-contrast-preview{width:28px;height:24px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:5px;font-size:10px;font-weight:700}.source-palette-contrast-row>span:nth-child(2){min-width:0;display:grid}.source-palette-contrast-row b{color:#dce2ea;font-size:10px;line-height:12px}.source-palette-contrast-row em{overflow:hidden;color:#858e9d;font-size:9px;font-style:normal;line-height:11px;text-overflow:ellipsis;white-space:nowrap}.source-palette-contrast-row strong{color:#dce2ea;font-size:10px;text-align:right}.source-palette-contrast-row>i{padding:3px 4px;border-radius:4px;background:#30363e;color:#9ea8b5;font-size:9px;font-style:normal;font-weight:700;text-align:center;white-space:nowrap}.source-palette-contrast-row>i.is-ok{background:#173d29;color:#69d99a}.source-palette-contrast-row>i.is-warning{background:#4a3918;color:#f3c45f}.source-palette-contrast-row>i.is-bad{background:#47262a;color:#ff9da5}.source-palette-quality-note{margin:0;padding:6px 8px;border-left:2px solid #536171;background:#252a31;color:#929ca9;font-size:10px;line-height:1.35}.source-palette-replace-backdrop{z-index:160;padding:32px}.source-palette-replace-modal{width:min(1040px,100%);height:min(780px,calc(100vh - 64px));display:flex;flex-direction:column;padding:0;border-color:#4a5260;border-radius:16px;background:#242a32;overflow:hidden}.source-palette-replace-modal>header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #3c434e;background:#282f38}.source-palette-replace-modal>header span{display:block;margin-bottom:3px;color:#8793a3;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.source-palette-replace-modal>header h2{margin:0;color:#f3f6fa;font-size:20px;line-height:1.25}.source-palette-modal-close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#aeb8c6;font-size:26px;font-weight:300}.source-palette-modal-close:hover{background:#353d48;color:#fff}.source-palette-replace-note{margin:16px 20px 0;padding:12px 14px;border:1px solid #416da8;border-radius:10px;background:#1d2b3d;color:#aebdd1}.source-palette-replace-note strong{display:block;margin-bottom:3px;color:#edf4ff;font-size:13px}.source-palette-replace-note p{margin:0;color:#aebdd1;font-size:12px;line-height:1.4}.source-palette-library-scroll{min-height:0;flex:1;overflow:auto;padding:18px 20px 24px}.source-palette-library-section+.source-palette-library-section{margin-top:24px}.source-palette-library-section h3{margin:0 0 10px;color:#e7ebf1;font-size:14px}.source-palette-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.source-palette-library-option{position:relative;min-width:0;display:grid;gap:9px;padding:10px;border:1px solid #414954;border-radius:10px;background:#20252c;color:#e6ebf2;text-align:left}.source-palette-library-option:hover{border-color:#6d87aa;background:#29313b}.source-palette-library-option.is-current{border-color:#2d78ff;box-shadow:inset 0 0 0 1px #2d78ff}.source-palette-library-option.is-added,.source-palette-library-option:disabled{cursor:not-allowed;opacity:.62}.source-palette-library-option.is-added:hover,.source-palette-library-option:disabled:hover{border-color:#414954;background:#20252c}.source-palette-library-option>span:not(.source-palette-library-preview){display:grid;gap:2px}.source-palette-library-option strong{font-size:12px}.source-palette-library-option small{color:#8f9aaa;font-size:10px}.source-palette-library-option em{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:999px;background:#17653b;color:#8ff0b2;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.source-palette-library-option.is-added em{background:#303741;color:#aeb7c4}.source-palette-library-preview{height:46px;display:grid!important;grid-template-columns:repeat(14,1fr)!important;gap:0!important;overflow:hidden;border:1px solid #ffffff1f;border-radius:6px}.source-palette-library-preview i{display:block;min-width:0}.source-palette-manage-backdrop{z-index:170;padding:32px}.source-palette-manage-modal{width:min(620px,100%);max-height:min(760px,calc(100vh - 64px));display:flex;flex-direction:column;padding:0;border-color:#4a5260;border-radius:16px;background:#242a32;overflow:hidden}.source-palette-manage-modal>header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #3c434e;background:#282f38}.source-palette-manage-modal>header span{display:block;margin-bottom:3px;color:#8793a3;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.source-palette-manage-modal>header h2{margin:0;color:#f3f6fa;font-size:20px;line-height:1.25}.source-palette-manage-copy{padding:16px 20px 0}.source-palette-manage-copy p{margin:0;color:#aeb7c4;font-size:13px;line-height:1.45}.source-palette-delete-group-modal>footer{gap:8px}.source-palette-delete-group-modal>footer .danger{border-color:#934957;background:#7c3441;color:#fff}.source-palette-delete-group-modal>footer .danger:hover{background:#9a3e4f}.source-palette-delete-group-note{padding:10px 12px;border-radius:8px;background:#20262e;color:#b6bfcb}.source-palette-empty-category button{display:block;margin-top:12px}.source-palette-manage-options{display:grid;gap:10px;padding:16px 20px;overflow:auto}.source-palette-manage-empty{margin:16px 20px;padding:18px;border:1px dashed #49515c;border-radius:10px;color:#929dac;text-align:center}.source-palette-manage-modal>footer{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid #3c434e}.source-palette-remove-warning{margin:16px 20px 0;padding:14px;border:1px solid #855442;border-radius:10px;background:#352923}.source-palette-remove-warning>strong{display:block;color:#ffd9c9;font-size:14px}.source-palette-remove-warning>p{margin:5px 0 12px;color:#c7aa9e;font-size:12px;line-height:1.45}.source-palette-remove-warning>div{display:flex;flex-wrap:wrap;gap:6px}.source-palette-remove-warning span{padding:5px 7px;border-radius:6px;background:#1e2228;color:#dce2ea;font-size:11px}.source-palette-remove-modal{height:min(760px,calc(100vh - 64px))}.source-palette-reassign-section{min-height:0;flex:1;display:flex;flex-direction:column;padding-top:18px;overflow:hidden}.source-palette-reassign-section h3{margin:0;padding:0 20px;color:#e6ebf2;font-size:13px}.source-palette-reassign-section .source-palette-manage-options{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}.source-palette-reassign-section .source-palette-library-option{padding-right:82px}.source-palette-custom-fallback{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 20px 18px;padding:14px;border:1px solid #474e58;border-radius:10px;background:#20252c}.source-palette-custom-fallback strong{display:block;color:#e8edf4;font-size:13px}.source-palette-custom-fallback p{margin:4px 0 0;color:#98a3b2;font-size:11px;line-height:1.4}.source-palette-custom-fallback .danger{flex:none;border-color:#934957;background:#7c3441;color:#fff}.source-palette-custom-fallback .danger:hover{background:#9a3e4f}@media (max-width:900px){.source-palette-hero{align-items:flex-start}.source-palette-stats{justify-content:flex-start}.source-palette-editor-grid{height:calc(100vh - 44px);overflow-x:auto;overflow-y:hidden}.source-palette-section-head{display:grid}}:where(.source-palette-v3) :where(.ui-glyph){width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}:where(.source-palette-v3) :where(.viewer-banner){padding:8px 14px;background:#3c3219;color:#f5d981;font-size:12px}.source-palette-ramp-stack[data-steps="15"] .source-palette-ramp-step{min-width:48px}.source-palette-group-create{margin:8px 12px 12px;padding:6px 9px;border:1px solid #414954;border-radius:6px;background:#2b3139;color:#e6ebf2;font-size:11px}.source-palette-step-editor-body{padding:12px}.source-palette-step-editor-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 12px}.source-palette-step-editor-actions .secondary{padding:6px 10px;border:1px solid #4a5260;background:transparent;color:#e8ebef;font-size:12px}.source-palette-hex-error{color:#ff8a95;font-size:11px}.source-palette-token-group{display:grid;gap:6px;padding:0 12px 8px 36px}.source-palette-token-group select{height:24px;padding:2px 6px;border:1px solid #454a52;border-radius:6px;background:#2a2d31;color:#c7c9cd;font-size:11px}.source-palette-token-group-compare{display:flex;align-items:center;gap:6px;color:#9e9fa2;font-size:11px}.source-palette-token-group-compare i{width:14px;height:14px;border:1px solid #ffffff26;border-radius:3px}.source-palette-token-group-compare button{padding:2px 8px;border:0;border-radius:6px;background:#3d3f42;color:#f0f3f7;font-size:11px}.source-palette-token-group-default{color:#858e9d;font-size:10px}.source-palette-token-group-field{display:grid;gap:4px;padding:8px 0;color:#9e9fa2;font-size:12px}.source-palette-token-group-field .source-palette-token-group{padding:0}.source-palette-edit-popover.source-palette-step-editor,.source-palette-edit-popover:has(.source-palette-rebuild-picker){max-height:min(600px,calc(100vh - 80px));overflow-y:auto}.source-palette-rebuild-picker{margin:-6px -10px 0}.source-palette-empty-category{padding:8px 12px;color:#858e9d;font-size:12px;line-height:16px}.source-palette-library-preview[data-steps="15"]{grid-template-columns:repeat(15,1fr)!important}.source-palette-editor-grid,.source-palette-family-menu,.source-palette-family-head,.source-palette-family-tools,.source-palette-canvas-column,.source-palette-ramp-shell{background:transparent}.source-palette-canvas-toolbar{background:#212327}.source-palette-inspector-v3,.source-palette-inspector-v3 .form-card{background:#27282c}.source-palette-family-menu{border-right:1px solid #3d3f42}.source-palette-inspector-v3{border-left:1px solid #3d3f42}.source-palette-family-head{height:40px;padding:4px 10px}.source-palette-family-head strong{font:400 12px/16px Inter,system-ui,sans-serif;letter-spacing:0}.source-palette-family-head-actions{display:flex;align-items:center;gap:4px}.source-palette-family-head-actions .ui-glyph{width:16px;height:16px}.source-palette-family-tools:not(.is-search-open) .source-palette-family-search{display:none}.source-palette-family-menu .source-palette-family-head,.source-palette-family-menu .source-palette-family-tools{background:#27282c}.source-palette-color-family-select .source-palette-family-label small{margin-left:6px}.source-palette-ramp-board{width:auto;min-width:0;max-width:948px}.source-palette-ramp-section{width:auto;max-width:900px;min-width:0;grid-template-columns:minmax(0,1fr)}.source-palette-family-category-toggle.is-renaming{min-width:0}.source-palette-group-name-input{min-width:0;flex:1;height:24px;padding:0 6px;border:1px solid #5d87dd;border-radius:6px;background:#252a31;color:#f3f3f3;font:inherit;font-size:12px;font-weight:600;outline:0;box-shadow:0 0 0 1px #2d78ff55}.source-palette-editor-grid :is(.source-palette-family-menu,.source-palette-inspector-v3){scrollbar-width:thin;scrollbar-color:#56585c transparent}.source-palette-editor-grid :is(.source-palette-family-menu,.source-palette-inspector-v3)::-webkit-scrollbar{width:6px;height:6px}.source-palette-editor-grid :is(.source-palette-family-menu,.source-palette-inspector-v3)::-webkit-scrollbar-thumb{border-radius:3px;background:#56585c}.source-palette-page{flex:1 1 auto;min-width:0}.source-palette-editor-grid{grid-template-columns:280px minmax(0,1fr) 320px}.source-palette-editor-grid.is-inspector-collapsed{grid-template-columns:280px minmax(0,1fr)}.source-palette-editor-grid.is-mode-switching *{transition:none!important}@media (max-width:900px){.source-palette-editor-grid{grid-template-columns:280px minmax(480px,1fr) 320px}.source-palette-editor-grid.is-inspector-collapsed{grid-template-columns:280px minmax(480px,1fr)}}.source-palette-step-color{height:32px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#c7c9cd;font-size:12px}.source-palette-step-color .source-palette-inline-apply{margin-left:auto;height:28px}.source-palette-v3.source-palette-placeholder{flex:1;align-self:stretch;display:grid;place-items:center}.source-palette-family-menu button:focus-visible{outline:2px solid #75a7ff;outline-offset:-2px}.color-tokens-screen{--builder-ui-bg-primary: #27282c;--builder-ui-bg-secondary: #212327;--builder-ui-bg-tertiary: #0e1015;--builder-ui-outline-primary: #3d3f42;--builder-ui-outline-secondary: #56585c;--builder-ui-outline-transparent-primary: #ffffff1a;--builder-ui-outline-transparent-secondary: #ffffff08;--builder-ui-outline-accent-transparent: #2b8ced33;--builder-ui-surface-card: #27282c;--builder-ui-surface-default: #212327;--builder-ui-surface-primary: #3d3f42;--builder-ui-surface-transparent-primary: #ffffff08;--builder-ui-surface-transparent-secondary: #ffffff1a;--builder-ui-text-primary: #f3f3f3;--builder-ui-text-secondary: #dbdbdc;--builder-ui-text-tertiary: #b6b7b9;--builder-ui-text-paragraph: #9e9fa2;--builder-ui-accent: #2b8ced;--builder-ui-accent-minor: #2281e0;--builder-ui-accent-transparent: #2b8ced33;--builder-ui-rail-selection: #2b8ced1f;--builder-ui-negative: #f31b31;--builder-ui-positive: #0c9423;--builder-ui-warning: #96800f;--builder-ui-radius-xxs: 4px;--builder-ui-radius-xs: 6px;--builder-ui-radius-s: 8px;--builder-ui-radius-m: 12px;--builder-bg-primary: var(--builder-ui-bg-primary);--builder-panel: var(--builder-ui-bg-secondary);--builder-surface-primary: var(--builder-ui-surface-primary);--builder-outline-primary: var(--builder-ui-outline-primary);--builder-outline-transparent: var(--builder-ui-outline-transparent-primary);--builder-control: var(--builder-ui-surface-transparent-primary);--builder-text-primary: var(--builder-ui-text-primary);--builder-text-secondary: var(--builder-ui-text-secondary);--builder-text-tertiary: var(--builder-ui-text-tertiary);--builder-text-paragraph: var(--builder-ui-text-paragraph);--builder-accent: var(--builder-ui-accent);--builder-radius-xs: var(--builder-ui-radius-xs);--builder-radius-m: var(--builder-ui-radius-m);--shell-bg: var(--builder-ui-bg-tertiary);--rail-bg: var(--builder-ui-bg-secondary);--sidebar-bg: var(--builder-ui-bg-secondary);--surface: var(--builder-ui-surface-default);--surface-hover: var(--builder-ui-surface-transparent-primary);--line: var(--builder-ui-outline-transparent-primary);--text: var(--builder-ui-text-primary);--muted: var(--builder-ui-text-paragraph);--accent: var(--builder-ui-accent);--ps-text: var(--builder-ui-text-primary);--ps-secondary: var(--builder-ui-text-secondary);--ps-tertiary: var(--builder-ui-text-tertiary);--ps-paragraph: var(--builder-ui-text-paragraph);--ps-accent: var(--builder-ui-accent);--ps-line: var(--builder-ui-outline-transparent-primary);--ps-control: var(--builder-ui-surface-transparent-primary);--ps-control-line: var(--builder-ui-outline-transparent-primary);--ps-card: var(--builder-ui-surface-card);--ps-negative: var(--builder-ui-negative);--shell-bg: #0e1015;--rail-bg: #212327;--surface: #212327;--surface-hover: #ffffff08;--line: #ffffff1a;--text: #f3f3f3;--muted: #9e9fa2;--accent: #2b8ced;--builder-ref-bg: var(--builder-ui-bg-primary);--builder-ref-panel: var(--builder-ui-bg-secondary);--builder-ref-canvas: var(--builder-ui-bg-primary);--builder-ref-rail: var(--builder-ui-bg-secondary);--builder-ref-line: var(--builder-ui-outline-transparent-primary);--builder-ref-line-soft: var(--builder-ui-outline-transparent-secondary);--builder-ref-selected: var(--builder-ui-accent-transparent);--builder-ref-selected-line: var(--builder-ui-accent);--builder-ref-text: var(--builder-ui-text-primary);--builder-ref-muted: var(--builder-ui-text-tertiary);--builder-ref-dim: var(--builder-ui-text-paragraph);position:relative;flex:1 1 auto;width:100%;min-width:0;height:100%;min-height:0;font-family:Inter,Arial,sans-serif;line-height:1.45;color:var(--text);color-scheme:dark;background:var(--builder-ref-bg)}:where(.color-tokens-screen) *,:where(.color-tokens-screen) *:before,:where(.color-tokens-screen) *:after{box-sizing:border-box}:where(.color-tokens-screen) :where(button,input,select,textarea){font:inherit}:where(.color-tokens-screen) :where(button){cursor:pointer;border:1px solid #1b1d22;background:#1b1d22;color:#fff;padding:9px 14px;border-radius:6px}:where(.color-tokens-screen) :where(button:disabled){opacity:.45;cursor:not-allowed}:where(.color-tokens-screen) :where(button.secondary){background:#fff;color:#1b1d22}:where(.color-tokens-screen) :where(h2){margin:0 0 8px;font-size:20px}:where(.color-tokens-screen) :where(p){margin-top:0}:where(.color-tokens-screen) :where(label){display:grid;gap:6px;font-weight:600}:where(.color-tokens-screen) :where(input,select,textarea){width:100%;padding:9px 10px;border:1px solid #444d59;border-radius:5px;background:#20252c;color:var(--text)}:where(.color-tokens-screen) :where(footer){padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--rail-bg);border-top:1px solid var(--line);color:var(--muted);font-size:13px}:where(.color-tokens-screen) :where(.ui-glyph){width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.color-tokens-screen .page:has(>.editor-workbench){padding:0;overflow:hidden}.color-tokens-screen .editor-workbench{height:calc(100vh - 49px);display:flex;flex-direction:column}.color-tokens-screen .editor-toolbar{min-height:52px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#191f26}.color-tokens-screen .editor-toolbar>div{display:flex;align-items:center;gap:10px}.color-tokens-screen .editor-toolbar span{color:var(--muted);font-size:12px}.color-tokens-screen .viewer-banner{padding:8px 14px;background:#3c3219}.color-tokens-screen .token-browser,.color-tokens-screen .properties-panel{overflow:auto;background:#1a2027}.color-tokens-screen .token-browser{border-right:1px solid var(--line)}.color-tokens-screen .properties-panel{border-left:1px solid var(--line)}.color-tokens-screen .token-row{width:100%;padding:9px 10px;display:grid;gap:4px;text-align:left;border:0;background:transparent;color:var(--text)}.color-tokens-screen .token-row code{width:max-content;padding:0;background:none;color:var(--muted);font-size:11px}.color-tokens-screen .token-row:hover,.color-tokens-screen .token-row.is-selected{background:#343d48}.color-tokens-screen .preview-canvas{min-width:0;display:flex;flex-direction:column;background:#0c1015}.color-tokens-screen .canvas-toolbar{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}@media (max-width:1000px){.color-tokens-screen .properties-panel{display:none}}.color-tokens-screen .app-toast>button .ui-glyph{width:16px;height:16px}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench{height:100vh}.color-tokens-screen.ct-shell.ct-theme-workspace .page:has(.editor-workbench){height:100vh}.color-tokens-screen .playground-workbench{height:100vh;display:grid;grid-template-columns:280px 280px minmax(420px,1fr);grid-template-rows:44px minmax(0,1fr);background:#252a31}.color-tokens-screen .playground-workbench .token-browser{grid-column:1;grid-row:1/3;border-right:1px solid #343a43;background:#22272e;overflow:auto}.color-tokens-screen .token-panel-header{height:44px;padding:0 8px 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343a43}.color-tokens-screen .token-panel-header>div{display:flex}.color-tokens-screen .token-panel-header button,.color-tokens-screen .canvas-toolbar button{border:0;background:transparent;color:#d6dbe3;padding:6px}.color-tokens-screen .token-tree-group{border-bottom:1px solid #30363f;color:#8f99a8;font-size:12px}.color-tokens-screen .token-tree-group>span{display:block;padding:10px 8px}.color-tokens-screen .token-tree-group.is-open{padding-bottom:7px}.color-tokens-screen .token-row{height:32px;padding:0 12px 0 20px;display:flex;align-items:center;gap:7px}.color-tokens-screen .token-row.is-selected{background:#3b424d;color:#fff}.color-tokens-screen .token-status{width:6px;height:6px;border-radius:50%;background:#ff6673}.color-tokens-screen .playground-workbench .editor-toolbar{grid-column:2/4;grid-row:1;height:44px;min-height:44px;padding:0 10px;display:grid;grid-template-columns:240px 70px 1fr auto;border-bottom:1px solid #343a43;background:#22272e}.color-tokens-screen .workspace-tabs{display:flex;gap:4px}.color-tokens-screen .workspace-tabs button{border:0;background:transparent;color:#c7ced8}.color-tokens-screen .workspace-tabs button.is-active{background:#3b424d}.color-tokens-screen .playground-workbench .properties-panel{grid-column:2;grid-row:2;border-right:1px solid #343a43;border-left:0;background:#252a31;overflow:auto}.color-tokens-screen .inspector-section{padding:12px 16px;border-bottom:1px solid #343a43;display:grid;gap:8px;font-size:12px}.color-tokens-screen .inspector-heading{color:#929cab;margin-bottom:3px}.color-tokens-screen .inspector-section label{grid-template-columns:40px 1fr;align-items:center;font-weight:400;color:#939dac}.color-tokens-screen .playground-workbench .preview-canvas{grid-column:3;grid-row:2;min-width:0;background:#282d34;overflow:auto}.color-tokens-screen .playground-workbench .canvas-toolbar{height:40px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343a43}.color-tokens-screen .accessibility-matrix{margin:32px;overflow:hidden;border:1px solid #343b45;border-radius:12px;background:#1f242a}.color-tokens-screen .accessibility-matrix>header{min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343b45}.color-tokens-screen .accessibility-matrix>header>div{display:grid;gap:2px}.color-tokens-screen .accessibility-matrix>header strong{color:#eef2f7;font-size:14px}.color-tokens-screen .accessibility-matrix>header span{color:#8f99a7;font-size:11px}.color-tokens-screen .accessibility-matrix>header>.is-ok{padding:4px 8px;border-radius:999px;background:#153c28;color:#65d995}.color-tokens-screen .accessibility-matrix>header>.is-bad{padding:4px 8px;border-radius:999px;background:#4a251f;color:#ff9b87}.color-tokens-screen .accessibility-pair-list{display:grid}.color-tokens-screen .accessibility-pair-list article{min-height:62px;padding:8px 12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #30363f}.color-tokens-screen .accessibility-pair-list article:last-child{border-bottom:0}.color-tokens-screen .accessibility-pair-list article.is-fail{background:#3c241d33}.color-tokens-screen .accessibility-pair-preview{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:7px;font-size:13px}.color-tokens-screen .accessibility-pair-copy{min-width:0;display:grid;gap:1px}.color-tokens-screen .accessibility-pair-copy strong{color:#e5e9ef;font-size:12px}.color-tokens-screen .accessibility-pair-copy span{overflow:hidden;color:#909aa8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.color-tokens-screen .accessibility-pair-result{display:grid;justify-items:end;gap:2px}.color-tokens-screen .accessibility-pair-result strong{color:#f1f4f8;font-size:14px}.color-tokens-screen .accessibility-pair-result span{color:#8994a2;font-size:10px}.color-tokens-screen .is-fail .accessibility-pair-result span{color:#ff9b87}.color-tokens-screen .accessibility-matrix>header>.is-empty{padding:4px 8px;border-radius:999px;background:#2d333b;color:#aab3bf}.color-tokens-screen .accessibility-pair-result button{padding:0;border:0;background:transparent;color:#83adff;font-size:10px;cursor:pointer}.color-tokens-screen .accessibility-pair-result button:hover{text-decoration:underline}.color-tokens-screen .accessibility-pair-more{padding:8px 12px;color:#8994a2;font-size:10px;text-align:center}@media (max-width:1100px){.color-tokens-screen .playground-workbench{grid-template-columns:250px 250px minmax(360px,1fr)}}.color-tokens-screen .playground-workbench .editor-toolbar{grid-template-columns:280px minmax(0,1fr);padding:0}.color-tokens-screen .preview-toolbar{min-width:0;height:44px;padding:0 10px;display:flex;align-items:center;justify-content:space-between}@media (max-width:1100px){.color-tokens-screen .playground-workbench .editor-toolbar{grid-template-columns:250px minmax(0,1fr)}}.color-tokens-screen .builder-tour-live[data-live=colors].is-entering .token-swatch-section{animation:tourRiseIn .6s cubic-bezier(.22,.61,.25,1) both}.color-tokens-screen .builder-tour-live[data-live=colors].is-entering .token-swatch-section:nth-child(1){animation-delay:.08s}.color-tokens-screen .builder-tour-live[data-live=colors].is-entering .token-swatch-section:nth-child(2){animation-delay:.2s}.color-tokens-screen .builder-tour-live[data-live=colors].is-entering .token-swatch-section:nth-child(3){animation-delay:.32s}.color-tokens-screen .builder-tour-live[data-live=colors].is-entering .token-swatch-section:nth-child(4){animation-delay:.44s}.color-tokens-screen .token-row small{margin-left:auto;color:var(--muted);font-size:10px}.color-tokens-screen .component-preview-stage{min-height:calc(100vh - 84px);display:grid;place-items:center;padding:40px;background-image:radial-gradient(#343a43 1px,transparent 1px);background-size:16px 16px}.color-tokens-screen .component-preview-stage article:not(.component-demo):not(.sdds-live){width:min(560px,100%);padding:32px;border-radius:12px;background:#f7f8fa;color:#14191f}.color-tokens-screen .token-status.editable{background:#48d184}.color-tokens-screen .token-status.restricted{background:#f2bd4b}.color-tokens-screen .token-status.locked{background:#77808d}.color-tokens-screen .cli-access-secret-value .ui-glyph{width:16px;height:16px}@media (max-width:900px){.color-tokens-screen .playground-workbench{height:auto;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px auto auto minmax(500px,1fr)}.color-tokens-screen .playground-workbench .editor-toolbar{grid-column:1;grid-row:1;grid-template-columns:minmax(180px,250px) minmax(0,1fr)}.color-tokens-screen .playground-workbench .token-browser{display:block;grid-column:1;grid-row:2;max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.color-tokens-screen .playground-workbench .properties-panel{display:block;grid-column:1;grid-row:3;max-height:360px;border-right:0;border-bottom:1px solid var(--line)}.color-tokens-screen .playground-workbench .preview-canvas{grid-column:1;grid-row:4;min-height:500px}.color-tokens-screen .preview-toolbar .publish-actions span{display:none}}@media (max-width:560px){.color-tokens-screen .playground-workbench .editor-toolbar{height:auto;min-height:80px;grid-template-columns:1fr;grid-template-rows:36px 44px}.color-tokens-screen .preview-toolbar{height:44px;overflow-x:auto}.color-tokens-screen .workspace-tabs button{padding-inline:8px}}.color-tokens-screen .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#080b0fcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.color-tokens-screen .entity-modal{width:min(460px,100%);padding:24px;border:1px solid var(--line);border-radius:12px;background:#282e36;box-shadow:0 24px 80px #000b}.color-tokens-screen .entity-modal h2{margin-bottom:8px}.color-tokens-screen .entity-modal p{color:var(--muted)}.color-tokens-screen .entity-modal form{display:grid;gap:16px}.color-tokens-screen .token-import-header .context-icon-button .ui-glyph{width:16px;height:16px}@media (max-width: 680px){.color-tokens-screen .modal-backdrop{padding:12px}}.color-tokens-screen .version-validation-heading .ui-glyph,.color-tokens-screen .version-cli-command .ui-glyph{width:16px;height:16px}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench,.color-tokens-screen.ct-theme-workspace .playground-workbench{height:calc(100vh - 37px)}.color-tokens-screen.ct-theme-workspace .component-preview-stage{min-height:calc(100vh - 121px)}@media (max-width:900px){.color-tokens-screen.ct-theme-workspace .playground-workbench{height:auto;min-height:calc(100vh - 37px)}}.color-tokens-screen .token-status{background:#5c6572}.color-tokens-screen .token-status.is-edited{background:#4d82ff}.color-tokens-screen .token-status.is-warning{background:#f2bd4b}.color-tokens-screen .token-status.is-error{background:#ff6673}.color-tokens-screen .tree-issue-badge{margin-left:6px;padding:1px 6px;border-radius:999px;background:#4b3037;color:#ff9ca5;font-size:10px;font-weight:400}.color-tokens-screen .font-family-control .figma-inspector-field{position:relative}.color-tokens-screen .source-palette-family-eye .ui-glyph,.color-tokens-screen .source-palette-family-category .ui-glyph,.color-tokens-screen .source-palette-history-actions .ui-glyph{width:16px;height:16px}.color-tokens-screen .source-palette-v3>.color-picker-popover.is-source-palette{position:fixed;left:10px;right:auto;top:48px;z-index:80}.color-tokens-screen .ui-glyph{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}.color-tokens-screen .mode-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#20252c;color:#cbd3de;font-size:12px;white-space:nowrap}.color-tokens-screen .reset-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:45;width:250px;padding:6px;display:grid;gap:2px;border:1px solid var(--line);border-radius:8px;background:#282e36;box-shadow:0 16px 40px #0008}.color-tokens-screen .reset-dropdown button{width:100%;padding:9px 10px;border:0;background:transparent;color:var(--text);text-align:left;font-size:12px}.color-tokens-screen .reset-dropdown button:hover:not(:disabled){background:#3b424d}.color-tokens-screen .reset-dropdown button:disabled{color:#6d7683}.color-tokens-screen .reset-dropdown .reset-dropdown-review{margin-bottom:4px;padding-bottom:11px;border-bottom:1px solid var(--line);border-radius:0;color:#dbe8ff}.color-tokens-screen .reset-dropdown .reset-dropdown-review:hover{border-bottom-color:var(--line);background:#3b424d;color:#fff}.color-tokens-screen .swatch-button{width:28px;height:28px;min-width:28px;padding:0;border:0;border-radius:0;cursor:pointer}.color-tokens-screen .swatch-button:disabled{cursor:not-allowed}.color-tokens-screen .swatch-button.is-open,.color-tokens-screen .swatch-button:hover:not(:disabled){outline:2px solid var(--accent);outline-offset:-2px}.color-tokens-screen .color-picker-popover{position:absolute;left:570px;top:52px;z-index:60;width:240px;padding:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border:.5px solid rgba(242,244,246,.2);border-radius:10px;background:#2f353d;box-shadow:0 60px 112px -8px #0006}.color-tokens-screen .color-picker-popover header{height:36px;padding:6px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.5px solid rgba(242,244,246,.2)}.color-tokens-screen .cp-tabs{display:flex;gap:4px}.color-tokens-screen .cp-tabs button{height:24px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .cp-tabs button.is-active{background:#f2f4f61a;color:#e8eaee}.color-tokens-screen .cp-close{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#9aa3af;font-size:18px;line-height:18px}.color-tokens-screen .cp-close:hover{background:#f2f4f61a;color:#fff}.color-tokens-screen .cp-tool-row{height:36px;padding:6px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.5px solid rgba(242,244,246,.2)}.color-tokens-screen .cp-tool-row div{display:flex;gap:4px}.color-tokens-screen .cp-tool-row span,.color-tokens-screen .cp-tool-row button{width:24px;height:24px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#d6dae0;font-size:12px;line-height:1}.color-tokens-screen .cp-tool-row button{cursor:pointer}.color-tokens-screen .cp-tool-row button:disabled{cursor:not-allowed;opacity:.45}.color-tokens-screen .cp-tool-row button.is-active,.color-tokens-screen .cp-tool-row div:last-child span:first-child{background:#f2f4f61a;color:#e8eaee}.color-tokens-screen .cp-tool-row button:not(:disabled):hover{background:#f2f4f614;color:#fff}.color-tokens-screen .cp-tool-row-legacy{display:none!important}.color-tokens-screen .cp-sv{position:relative;height:203px;margin:16px 10px 8px;border:1px solid rgba(7,8,11,.12);border-radius:8px;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0);cursor:crosshair;touch-action:none;overflow:hidden}.color-tokens-screen .cp-cursor{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0006,0 2px 8px #0008;pointer-events:none}.color-tokens-screen .cp-slider{position:relative;height:16px;margin:0 10px 4px;border:1px solid rgba(7,8,11,.12);border-radius:1000px;cursor:pointer;touch-action:none;overflow:visible}.color-tokens-screen .cp-slider i{position:absolute;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 4px #0009;pointer-events:none}.color-tokens-screen .cp-sv:focus-visible,.color-tokens-screen .cp-slider:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.color-tokens-screen .cp-hue{background:linear-gradient(to right,red,#ff0 16.6%,#0f0,#0ff 50%,#00f 65%,#9e00ff 75%,#ff00a7 89.5%,red)}.color-tokens-screen .cp-alpha{background-image:linear-gradient(to right,transparent,var(--cp-current)),repeating-conic-gradient(#d7dde5,#d7dde5 25%,#8a93a0 0%,#8a93a0 50%);background-size:auto,12px 12px}.color-tokens-screen .cp-format-row{height:40px;margin:8px 12px 0;padding:0 6px;display:grid;grid-template-columns:auto repeat(3,1fr) 44px;gap:0;align-items:center}.color-tokens-screen .cp-format-row:has(.cp-hex-field){grid-template-columns:44px 1fr 50px}.color-tokens-screen .cp-format-row select{height:24px;min-width:38px;padding:0 2px;border:0;background:transparent;color:#d6dae0;font-size:12px}.color-tokens-screen .cp-field{height:24px;min-width:0;padding:0 6px;border:0;border-left:1px solid rgba(242,244,246,.08);border-radius:0;background:#f2f4f61a;color:#d6dae0;font-size:12px;text-align:center}.color-tokens-screen .cp-format-row select+.cp-field{border-left:0;border-radius:6px 2px 2px 6px}.color-tokens-screen .cp-field:nth-last-child(2){border-radius:2px}.color-tokens-screen .cp-alpha-field{width:auto;border-radius:2px 6px 6px 2px}.color-tokens-screen .cp-hex-field{text-align:left}.color-tokens-screen .cp-info{display:grid;gap:8px;margin:0;padding:12px}.color-tokens-screen .cp-info div{height:16px;display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:center}.color-tokens-screen .cp-info dt{color:#9aa1ab;font-size:12px;line-height:16px}.color-tokens-screen .cp-info dd{margin:0;display:flex;align-items:center;gap:4px;color:#d6dae0;font-size:12px;line-height:16px}.color-tokens-screen .cp-copy{width:12px;height:12px;padding:0;border:0;border-radius:3px;background:transparent;color:#9aa1ab;font-size:10px;line-height:12px}.color-tokens-screen .cp-copy:hover{background:#f2f4f61a;color:#fff}.color-tokens-screen .cp-library{display:grid;grid-template-columns:1fr;gap:0}.color-tokens-screen .cp-preset{aspect-ratio:1;padding:0;border:1px solid rgba(242,244,246,.2);border-radius:6px;cursor:pointer}.color-tokens-screen .cp-preset.is-active,.color-tokens-screen .cp-preset:hover{outline:2px solid var(--accent);outline-offset:1px}.color-tokens-screen .cp-source-library{display:grid;grid-template-columns:1fr;gap:0;min-width:0;overflow:hidden;padding:0}.color-tokens-screen .color-picker-popover.is-library{width:240px;max-height:calc(100vh - 44px)}.color-tokens-screen .cp-library-search{height:36px;padding:4px 12px;display:flex;align-items:center;gap:2px;border-bottom:.5px solid rgba(242,244,246,.2);color:#8f99a8}.color-tokens-screen .cp-library-search span{width:24px;height:24px;display:grid;place-items:center;font-size:12px;line-height:12px}.color-tokens-screen .cp-library-search input{min-width:0;flex:1;height:24px;padding:0;border:0;background:transparent;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .cp-library-search input::placeholder{color:#d6dae0;opacity:1}.color-tokens-screen .cp-library-list{max-height:392px;overflow-x:hidden;overflow-y:auto;padding:16px;display:grid;gap:16px;scrollbar-color:#8f9399 #363c44;scrollbar-width:thin}.color-tokens-screen .cp-library-list::-webkit-scrollbar{width:8px;height:0}.color-tokens-screen .cp-library-list::-webkit-scrollbar-track{background:#363c44}.color-tokens-screen .cp-library-list::-webkit-scrollbar-thumb{background:#8f9399;border:2px solid #363c44;border-radius:999px}.color-tokens-screen .cp-library-empty{margin:0;padding:16px 4px;color:#8f99a8;font-size:12px;line-height:16px}.color-tokens-screen .cp-library-group{display:grid;gap:8px}.color-tokens-screen .cp-library-group h3{margin:0;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .cp-library-swatches{display:flex;flex-wrap:wrap;gap:8px;width:208px}.color-tokens-screen .cp-source-library .cp-preset{width:28px;height:28px;min-width:28px;aspect-ratio:auto;border:1px solid rgba(242,244,246,.2);border-radius:6px;box-shadow:inset 0 1px #ffffff14;cursor:pointer}.color-tokens-screen .cp-source-library .cp-preset:hover{outline:2px solid #7fa7ff;outline-offset:1px}.color-tokens-screen .cp-source-library .cp-preset.is-active{outline:2px solid var(--builder-accent,var(--builder-ui-accent,#2b8ced));outline-offset:2px;box-shadow:0 0 0 2px #182130,inset 0 1px #ffffff1f}.color-tokens-screen .cp-source-library .cp-preset-empty{display:block;background:#262d35;border-style:dashed;cursor:default;opacity:.72}.color-tokens-screen .color-picker-popover.is-gradient{width:240px}.color-tokens-screen .cp-gradient-preview{position:relative;height:28px;margin:12px 10px 8px;border:1px solid rgba(242,244,246,.2);border-radius:999px}.color-tokens-screen .cp-gradient-stop{position:absolute;top:50%;width:14px;height:14px;padding:0;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--stop-color);box-shadow:0 0 0 1px #0008,0 2px 8px #0008}.color-tokens-screen .cp-gradient-stop.is-active{outline:2px solid var(--builder-accent,var(--builder-ui-accent,#2b8ced));outline-offset:2px}.color-tokens-screen .cp-gradient-stops{margin:0 10px 8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.color-tokens-screen .cp-gradient-stops button{height:32px;padding:0 8px;display:flex;align-items:center;gap:6px;border:1px solid #474a51;border-radius:6px;background:#383a40;color:#dfe2e7;font-size:12px}.color-tokens-screen .cp-gradient-stops button.is-active{border-color:var(--builder-accent,var(--builder-ui-accent,#2b8ced));box-shadow:0 0 0 1px var(--builder-accent,var(--builder-ui-accent,#2b8ced)) inset}.color-tokens-screen .cp-gradient-stops i{width:14px;height:14px;border:1px solid rgba(242,244,246,.28);border-radius:4px}.color-tokens-screen .cp-gradient-stops span{flex:1;text-align:left}.color-tokens-screen .cp-gradient-stops b{font-weight:400;color:#a8afb9}.color-tokens-screen .cp-gradient-color-row .cp-field{height:28px;border:1px solid #474a51;border-radius:6px;background:#383a40;color:#dfe2e7}.color-tokens-screen .cp-gradient-color-row .cp-hex-field{text-align:left}.color-tokens-screen .cp-gradient-info{padding-top:8px}.color-tokens-screen .color-picker-popover.is-gradient{width:240px;overflow:visible}.color-tokens-screen .color-picker-popover.is-gradient>.cp-sv,.color-tokens-screen .color-picker-popover.is-gradient>.cp-gradient-info{display:none}.color-tokens-screen .cp-gradient-kind-row{padding:12px 16px 10px}.color-tokens-screen .cp-gradient-kind-row select{height:32px;padding:0 36px 0 12px;border:1px solid #3d4651;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#303741 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239aa3b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:#dfe4ec;font-size:16px;line-height:24px}.color-tokens-screen .cp-gradient-preview{height:36px;margin:0 32px 40px;border:0;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014}.color-tokens-screen .cp-gradient-stop{top:50%;width:24px;height:30px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:0;background:transparent;box-shadow:none;outline:0}.color-tokens-screen .cp-gradient-preview .cp-gradient-stop{background:transparent!important}.color-tokens-screen .cp-gradient-stop:focus{outline:0}.color-tokens-screen .cp-gradient-stop:focus-visible{outline:0}.color-tokens-screen .cp-gradient-stop.is-active{outline:0;outline-offset:0}.color-tokens-screen .cp-gradient-stop:before{content:"";position:absolute;left:0;top:0;z-index:1;box-sizing:border-box;width:24px;height:24px;border-radius:6px;background:#2b313a;box-shadow:0 2px 10px #00000073}.color-tokens-screen .cp-gradient-stop:after{content:"";position:absolute;left:50%;bottom:0;z-index:1;width:10px;height:6px;transform:translate(-50%);border-radius:0;background:#2b313a;clip-path:polygon(0 0,100% 0,50% 100%)}.color-tokens-screen .cp-gradient-stop i{position:absolute;left:4px;top:4px;z-index:2;box-sizing:border-box;width:16px;height:16px;border:1px solid rgba(15,17,20,.1);border-radius:3px;background:var(--stop-color);box-shadow:none}.color-tokens-screen .cp-gradient-stop.is-active:before{background:var(--builder-accent,var(--builder-ui-accent,#2b8ced));box-shadow:none}.color-tokens-screen .cp-gradient-stop.is-active:after{background:var(--builder-accent,var(--builder-ui-accent,#2b8ced))}.color-tokens-screen .cp-gradient-stop.is-active i{border-color:#0f11141a;box-shadow:none}.color-tokens-screen .cp-gradient-stops-head{height:32px;margin:0 16px 8px;display:flex;align-items:center;justify-content:space-between;color:#d8dee7;font-size:16px;line-height:24px}.color-tokens-screen .cp-gradient-stops-head button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#d8dee7;font-size:28px;line-height:28px}.color-tokens-screen .cp-gradient-stops-head button:hover{background:#f2f4f614;color:#fff}.color-tokens-screen .cp-gradient-stops{margin:0 12px 14px;display:grid;grid-template-columns:1fr;gap:8px}.color-tokens-screen .cp-gradient-stop-row{height:32px;display:grid;grid-template-columns:46px 1fr 50px 24px;align-items:center;border-radius:10px;color:#d6dae0}.color-tokens-screen .cp-gradient-stop-row.is-token-value{grid-template-columns:46px 1fr 24px}.color-tokens-screen .cp-gradient-stop-row.is-active{background:#4284ff2e}.color-tokens-screen .cp-stop-position-field,.color-tokens-screen .cp-stop-opacity-field{width:100%;height:28px;padding:0 8px;border:1px solid rgba(242,244,246,.12);background:#f2f4f614;color:#d6dae0;font-size:14px;text-align:center}.color-tokens-screen .cp-stop-position-field{border-radius:8px 0 0 8px}.color-tokens-screen .cp-stop-opacity-field{border-radius:0}.color-tokens-screen .cp-gradient-stops .cp-stop-color-field{height:28px;min-width:0;padding:0 8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(242,244,246,.12);border-left:0;border-right:0;border-radius:0;background:#f2f4f614;color:#d6dae0;font-size:14px;text-align:left}.color-tokens-screen .cp-gradient-stop-row.is-token-value .cp-stop-color-field{border-right:0}.color-tokens-screen .cp-stop-color-field i{width:18px;height:18px;flex:0 0 auto;border:1px solid rgba(242,244,246,.28);border-radius:5px}.color-tokens-screen .cp-stop-color-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-tokens-screen .cp-stop-color-field:hover{background:#f2f4f61f}.color-tokens-screen .cp-gradient-stops .cp-stop-remove{width:24px;height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:0 8px 8px 0;background:#f2f4f614;color:#8f99a8;font-size:18px}.color-tokens-screen .cp-stop-remove:hover{background:#f2f4f61f;color:#fff}.color-tokens-screen .cp-stop-popover{position:absolute;left:-240px;top:176px;z-index:85;width:240px;padding:0;overflow:hidden;border:.5px solid rgba(242,244,246,.2);border-radius:10px;background:#2f353d;box-shadow:0 44px 92px -16px #0000009e}.color-tokens-screen .cp-stop-popover-head{height:36px;padding:6px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.5px solid rgba(242,244,246,.2);color:#d6dae0;font-size:12px;font-weight:600}.color-tokens-screen .cp-stop-popover-head button{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#9aa3af;font-size:18px}.color-tokens-screen .cp-stop-popover-head button:hover{background:#f2f4f61a;color:#fff}.color-tokens-screen .cp-stop-popover-head .cp-tabs{gap:4px}.color-tokens-screen .cp-stop-popover-head .cp-tabs button{width:auto;min-width:0;height:24px;padding:0 8px;border-radius:6px;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .cp-stop-popover-head .cp-tabs button.is-active{background:#f2f4f61a;color:#e8eaee}.color-tokens-screen .cp-stop-popover-head .cp-tabs button:hover{background:#f2f4f614;color:#fff}.color-tokens-screen .cp-stop-popover .cp-sv{height:160px;margin:12px 10px 8px}.color-tokens-screen .cp-stop-popover .cp-format-row{margin-bottom:12px}@media (max-width:1100px){.color-tokens-screen .color-picker-popover{left:510px}}@media (max-width:900px){.color-tokens-screen .color-picker-popover{left:auto;right:12px;top:96px}}@media (min-width:901px) and (max-width:1100px){.color-tokens-screen .playground-workbench{grid-template-columns:220px 220px minmax(0,1fr)}.color-tokens-screen .playground-workbench .editor-toolbar{grid-template-columns:220px minmax(0,1fr)}.color-tokens-screen .playground-workbench .properties-panel{display:block}.color-tokens-screen .color-picker-popover{left:450px}}.color-tokens-screen .component-workbench .canvas-toolbar .component-forced-state{width:auto;height:24px;padding:0 8px;border:1px solid #4a5f7d;border-radius:6px;background:#293a55;color:#dce8ff;font-size:11px;font-weight:400}.color-tokens-screen .component-workbench .canvas-toolbar .component-forced-state:before,.color-tokens-screen .component-workbench .canvas-toolbar .component-forced-state:after{content:none}.color-tokens-screen .component-preview-stage-inline{min-height:100%;background-image:none;background-size:auto}.color-tokens-screen .playground-workbench{grid-template-columns:var(--panel-left,280px) minmax(320px,1fr) var(--panel-right,320px);grid-template-rows:44px minmax(0,1fr);background:#1d2025;color:#edf1f7}.color-tokens-screen .playground-workbench .editor-toolbar{grid-template-columns:minmax(0,1fr) var(--panel-right,320px)}.color-tokens-screen .panel-resizer{position:absolute;top:0;bottom:0;width:9px;z-index:6;cursor:col-resize;background:transparent;border:0;padding:0}.color-tokens-screen .panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;transition:background .15s}.color-tokens-screen .panel-resizer:hover:after,.color-tokens-screen .panel-resizer.is-dragging:after{background:#4d82ff}.color-tokens-screen .panel-resizer:focus-visible{outline:2px solid #4d82ff;outline-offset:-2px}.color-tokens-screen .playground-workbench{position:relative}.color-tokens-screen .panel-resizer-left{left:calc(var(--panel-left,280px) - 4px)}.color-tokens-screen .panel-resizer-right{right:calc(var(--panel-right,320px) - 5px)}.color-tokens-screen .playground-workbench .token-browser{grid-column:1;grid-row:1/3;background:#1f232a;border-right-color:#343a43}.color-tokens-screen .playground-workbench .editor-toolbar{grid-column:2/4;grid-row:1;grid-template-columns:minmax(0,1fr) var(--panel-right,320px);background:#1f232a;border-bottom-color:#343a43}.color-tokens-screen .playground-workbench .preview-canvas{grid-column:2;grid-row:2;background:#27282c;border-right:1px solid #343a43}.color-tokens-screen .playground-workbench .properties-panel{grid-column:3;grid-row:2;background:#25272d;border-left:0;border-right:0}.color-tokens-screen .preview-toolbar{grid-column:1;grid-row:1;border-right:1px solid #343a43}.color-tokens-screen .token-panel-header{background:#1f232a}.color-tokens-screen .token-panel-header strong{font-size:18px;line-height:24px}.color-tokens-screen .token-tree-group{border-bottom-color:#303640;color:#9aa3b2}.color-tokens-screen .token-tree-group>span{padding:12px 12px 9px;font-size:13px}.color-tokens-screen .token-row{height:34px;margin:0 6px;padding:0 12px 0 16px;border-radius:7px;color:#d9e0ea}.color-tokens-screen .token-row:hover{background:#2b313a}.color-tokens-screen .token-row.is-selected{background:#314055;color:#fff}.color-tokens-screen .token-status{width:7px;height:7px;background:#6c7481}.color-tokens-screen .workspace-tabs button{height:28px;padding:0 10px;border-radius:6px;color:#aeb7c4}.color-tokens-screen .workspace-tabs button.is-active{background:#313842;color:#fff}.color-tokens-screen .playground-workbench .canvas-toolbar{height:36px;background:#27282c;border-bottom-color:#343a43;color:#9aa3b2}.color-tokens-screen .token-canvas{min-height:100%;padding:24px 0;box-sizing:border-box}.color-tokens-screen .token-swatch-board{width:600px;max-width:calc(100% - 48px);margin:0 auto;padding-bottom:24px;display:grid;gap:10px}.color-tokens-screen .token-swatch-group{display:grid;gap:10px}.color-tokens-screen .token-swatch-head{height:16px;display:grid;grid-template-columns:repeat(4,147px);gap:4px;align-items:center;color:#969faa;font-size:12px;line-height:16px}.color-tokens-screen .token-swatch-head h3,.color-tokens-screen .token-swatch-head span{margin:0;font-size:12px;font-weight:500;color:#969faa}.color-tokens-screen .token-swatch-card{position:relative;width:90px;height:68px;min-height:68px;padding:0;display:block;overflow:hidden;border:0;border-radius:8px;background:#22272e;color:#edf1f7;text-align:left;box-shadow:none;transition:box-shadow .12s,transform .12s}.color-tokens-screen .token-swatch-card:hover{box-shadow:0 0 0 1px #8c96a5 inset;transform:none}.color-tokens-screen .token-swatch-card.is-selected{box-shadow:0 0 0 2px #4284ff inset}.color-tokens-screen .inspector-section{padding:14px 18px;border-bottom-color:#343a43}.color-tokens-screen .inspector-heading{color:#9aa3b2;font-size:13px}.color-tokens-screen .color-picker-popover{left:auto;right:var(--panel-right,320px)}.color-tokens-screen .playground-workbench .preview-toolbar{padding:0 8px;justify-content:space-between}.color-tokens-screen .playground-workbench .preview-toolbar .workspace-tabs{position:relative;width:80px;height:24px;display:block}.color-tokens-screen .playground-workbench .preview-toolbar .workspace-tabs:before{content:"Palette";position:absolute;left:0;top:0;height:24px;padding:4px 8px;color:#c9d0da;font-size:12px;line-height:16px}.color-tokens-screen .playground-workbench .preview-toolbar .workspace-tabs:after{content:"";position:absolute;left:48px;top:7px;width:6px;height:6px;border-right:1.6px solid #c9d0da;border-bottom:1.6px solid #c9d0da;border-radius:1px;transform:rotate(45deg)}.color-tokens-screen .playground-workbench .preview-toolbar .workspace-tabs button,.color-tokens-screen .playground-workbench .preview-toolbar .mode-chip,.color-tokens-screen .playground-workbench .preview-toolbar .publish-actions{display:none}.color-tokens-screen .component-workbench .preview-toolbar{justify-content:flex-end}.color-tokens-screen .component-workbench .preview-toolbar:after{content:none}.color-tokens-screen .component-preview-stage[data-preview-theme=light]{background-color:#282d34}.color-tokens-screen .component-preview-stage[data-preview-theme=dark]{background-color:#11151a;background-image:radial-gradient(#2a323c 1px,transparent 1px)}.color-tokens-screen .playground-workbench .canvas-toolbar button:not([data-action]){font-size:0}.color-tokens-screen .playground-workbench .canvas-toolbar button:not([data-action]):before{content:"Palette";font-size:12px;color:#c9d0da}.color-tokens-screen .playground-workbench .canvas-toolbar button:not([data-action]):after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 2px 5px;border-right:1.5px solid #c9d0da;border-bottom:1.5px solid #c9d0da;border-radius:1px;transform:rotate(45deg)}.color-tokens-screen .playground-workbench .canvas-toolbar>div:not([class]){color:#aeb7c4;font-size:13px;letter-spacing:3px}.color-tokens-screen .playground-workbench .token-browser,.color-tokens-screen .playground-workbench .properties-panel,.color-tokens-screen .playground-workbench .preview-canvas{height:100%;max-height:100%;overflow:auto}.color-tokens-screen .token-panel-header{height:40px;padding:0 8px 0 12px}.color-tokens-screen .token-panel-header strong{font-size:14px;font-weight:600}.color-tokens-screen .token-row{height:32px;border-radius:0;margin:0;padding-left:12px}.color-tokens-screen .token-row.is-selected{background:#2d3d55}.color-tokens-screen .token-row-value{margin-left:auto;padding-left:8px;color:#8f99a8;font-size:11px;font-weight:400;white-space:nowrap}.color-tokens-screen .token-row.is-selected .token-row-value{color:#c9d3e0}.color-tokens-screen .token-tree-group>span{height:32px;padding:8px 12px;color:#a5aebb}.color-tokens-screen .inspector-section{padding:10px 12px}.color-tokens-screen .inspector-section label{min-height:32px}.color-tokens-screen .swatch-button{height:28px}@media (max-width:1100px){.color-tokens-screen .playground-workbench{grid-template-columns:240px minmax(360px,1fr) 280px}.color-tokens-screen .playground-workbench .editor-toolbar{grid-template-columns:minmax(0,1fr) 280px}.color-tokens-screen .color-picker-popover{right:292px}}@media (max-width:900px){.color-tokens-screen .playground-workbench .preview-canvas{grid-column:1;grid-row:4;border-right:0}.color-tokens-screen .playground-workbench .properties-panel{grid-column:1;grid-row:3}.color-tokens-screen .playground-workbench .editor-toolbar{grid-column:1;grid-row:1;grid-template-columns:1fr}.color-tokens-screen .preview-toolbar{display:none}.color-tokens-screen .token-canvas{padding:24px}.color-tokens-screen .token-swatch-board{width:100%;max-width:none}.color-tokens-screen .token-swatch-head{grid-template-columns:repeat(4,minmax(0,1fr))}}.color-tokens-screen.ct-shell.ct-theme-workspace .page:has(.editor-workbench){background:var(--builder-ref-bg)}.color-tokens-screen .playground-workbench{background:var(--builder-ref-bg);color:var(--builder-ref-text)}.color-tokens-screen .playground-workbench .token-browser,.color-tokens-screen .playground-workbench .editor-toolbar,.color-tokens-screen .playground-workbench .properties-panel{background:var(--builder-ref-panel)}.color-tokens-screen .playground-workbench .preview-canvas{background:var(--builder-ref-canvas)}.color-tokens-screen .playground-workbench .token-browser,.color-tokens-screen .playground-workbench .preview-canvas,.color-tokens-screen .playground-workbench .editor-toolbar,.color-tokens-screen .token-panel-header,.color-tokens-screen .playground-workbench .canvas-toolbar{border-color:var(--builder-ref-line)}.color-tokens-screen .token-panel-header strong{color:var(--builder-ref-text);font-size:12px;font-weight:500}.color-tokens-screen .token-tree{padding-top:4px}.color-tokens-screen .token-tree-group{border-bottom:0;color:var(--builder-ref-muted)}.color-tokens-screen .token-tree-group>span{color:#d5dae2;font-size:12px;font-weight:500}.color-tokens-screen .token-row{height:32px;margin:0 8px;border-radius:5px;color:var(--builder-ref-muted);font-size:12px}.color-tokens-screen .token-row:hover{background:#292d34;color:#d9dee6}.color-tokens-screen .token-row.is-selected{background:var(--builder-ref-selected);color:#fff;box-shadow:inset 0 0 0 1px #2d78ff}.color-tokens-screen .token-status{width:16px;height:16px;border-radius:3px;opacity:.92}.color-tokens-screen .playground-workbench .preview-toolbar{background:var(--builder-ref-panel);border-right-color:var(--builder-ref-line)}.color-tokens-screen .playground-workbench .preview-toolbar:after,.color-tokens-screen .playground-workbench .canvas-toolbar div{color:#d5dae2}.color-tokens-screen .playground-workbench .canvas-toolbar{background:var(--builder-ref-canvas);color:var(--builder-ref-muted)}.color-tokens-screen .token-canvas{background:var(--builder-ref-canvas)}.color-tokens-screen .token-swatch-board{margin-top:0}.color-tokens-screen .token-swatch-head h3,.color-tokens-screen .token-swatch-head span{color:#cbd1da}.color-tokens-screen .token-swatch-card{background:#333;border:1px solid #ffffff16}.color-tokens-screen .token-swatch-card.is-selected{box-shadow:0 0 0 2px var(--builder-ref-selected-line),0 0 0 4px #0b101a}.color-tokens-screen .properties-panel .stale-draft-banner{display:none}.color-tokens-screen .inspector-section{border-bottom:0;color:var(--builder-ref-muted)}.color-tokens-screen .inspector-heading{color:#f0f3f7;font-size:12px;font-weight:600}.color-tokens-screen .inspector-section label{color:#b3bbc6}.color-tokens-screen .swatch-button{width:22px;min-width:22px;height:22px;margin-left:4px;border:1px solid #4d5158;border-radius:4px}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar{gap:16px}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar .workspace-tabs{position:static;width:auto;height:auto;display:flex;gap:4px}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar .workspace-tabs:before,.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar .workspace-tabs:after{content:none}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar .workspace-tabs button{display:inline-flex;height:24px;padding:4px 8px;align-items:center;border:0;border-radius:5px;background:transparent;color:#d2d7de;font-size:12px;line-height:16px}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar .workspace-tabs button.is-active{background:#383b42;color:#fff}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar:after{content:none}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar .mode-chip,.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar .publish-actions{display:none}.color-tokens-screen .playground-workbench:not(.component-workbench) .canvas-toolbar{display:none}.color-tokens-screen .token-swatch-board{width:720px;max-width:calc(100% - 48px);gap:12px}.color-tokens-screen .token-swatch-group{gap:8px}.color-tokens-screen .sizing-token-row .token-row-value{display:inline-flex;align-items:center;gap:4px}.color-tokens-screen .sizing-token-row .token-row-value small{color:#7f8996;font-size:10px;font-weight:500}.color-tokens-screen .token-swatch-section{align-content:start}.color-tokens-screen .token-swatch-head{grid-template-columns:repeat(4,144px);gap:6px}.color-tokens-screen .token-swatch-head h3,.color-tokens-screen .token-swatch-head span{font-size:14px;color:#d0d5dd}.color-tokens-screen .token-context-grid .token-swatch-card{width:90px;height:68px;border-radius:8px}.color-tokens-screen .token-context-grid .token-swatch-card.is-selected{box-shadow:0 0 0 2px #2d78ff,0 0 0 5px #102037}.color-tokens-screen .token-swatch-head-default{display:block}.color-tokens-screen .token-swatch-head-default h3{margin:0;font-size:12px;font-weight:500;line-height:16px;color:#d0d5dd}.color-tokens-screen .token-swatch-category{display:grid;gap:4px}.color-tokens-screen .token-swatch-category-title{font-size:10px;font-weight:500;line-height:12px;color:#9aa1ab;letter-spacing:-.15px}.color-tokens-screen .token-default-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding-bottom:4px}.color-tokens-screen .token-default-grid .token-swatch-card{width:100%;min-width:0;height:76px;border-radius:8px}.color-tokens-screen .token-default-grid .token-swatch-card.is-selected{box-shadow:0 0 0 2px #2d78ff,0 0 0 5px #102037}.color-tokens-screen .token-default-grid .token-swatch-fill:after{content:none}.color-tokens-screen .token-swatch-card-split{position:relative;display:grid;grid-template-rows:1fr 1fr;background:#202327;border:1px solid #3b414a;box-shadow:none;transition:border-color .12s ease}.color-tokens-screen .token-swatch-card-split:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .12s ease,box-shadow .12s ease}.color-tokens-screen .token-default-grid .token-swatch-card-split:hover,.color-tokens-screen .token-default-grid .token-swatch-card-split:focus-visible,.color-tokens-screen .token-default-grid .token-swatch-card-split.is-selected{box-shadow:none}.color-tokens-screen .token-swatch-card-split:hover:before,.color-tokens-screen .token-swatch-card-split:focus-visible:before{border-color:#8f9aa8;box-shadow:0 0 0 1px #00000045 inset}.color-tokens-screen .token-swatch-card-split.is-selected:before{border-color:#2d78ff;box-shadow:0 0 0 1px #2d78ff inset}.color-tokens-screen .token-swatch-card-split.is-selected:hover:before,.color-tokens-screen .token-swatch-card-split.is-selected:focus-visible:before{border-color:#7fb0ff;box-shadow:0 0 0 1px #2d78ff inset}.color-tokens-screen .token-swatch-card-split:hover,.color-tokens-screen .token-swatch-card-split:focus-visible{border-color:#8f9aa8}.color-tokens-screen .token-swatch-card-split.is-selected{border-color:#2d78ff}.color-tokens-screen .token-swatch-card-split.is-selected:hover,.color-tokens-screen .token-swatch-card-split.is-selected:focus-visible{border-color:#7fb0ff}.color-tokens-screen .token-swatch-card-split .token-swatch-half{position:relative;display:flex;align-items:flex-end;padding:6px 8px;overflow:hidden;color:var(--token-swatch-label-color,#fff);font-size:10px;font-weight:500;line-height:16px;text-align:left}.color-tokens-screen .token-swatch-card-split .token-swatch-half+.token-swatch-half{box-shadow:inset 0 1px #202327}.color-tokens-screen .token-swatch-card-split .token-swatch-half:after{content:none}.color-tokens-screen .token-swatch-card-split .token-swatch-half b{position:relative;z-index:1;font:inherit;color:currentColor;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}.color-tokens-screen .token-swatch-card-split:hover .token-swatch-half b,.color-tokens-screen .token-swatch-card-split:focus-visible .token-swatch-half b,.color-tokens-screen .token-swatch-card-split.is-selected .token-swatch-half b{opacity:1;transform:translateY(0)}.color-tokens-screen .token-swatch-light{border-bottom:1px solid #0000001a}.color-tokens-screen .token-swatch-dark-mode{color:var(--token-swatch-label-color,#000)}@media (max-width:900px){.color-tokens-screen .token-swatch-board{width:100%;max-width:none}.color-tokens-screen .token-default-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.color-tokens-screen .figma-topbar-icon .ui-glyph,.color-tokens-screen .figma-topbar-caret .ui-glyph{width:16px;height:16px}.color-tokens-screen .playground-workbench .token-browser{width:var(--panel-left,280px);background:#202327;border-right:1px solid #383b41}.color-tokens-screen .token-menu-header{height:40px;min-height:40px;padding:8px 10px 8px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:0;background:#202327}.color-tokens-screen .token-menu-header strong{color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .token-tree{padding:0;background:#202327}.color-tokens-screen .token-tree-group{margin:0;border:0;gap:0;padding:0}.color-tokens-screen .playground-workbench .token-tree-group{padding:0}.color-tokens-screen .token-tree-group>span{height:32px;padding:8px 12px;display:flex;align-items:center;color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .token-tree-heading{width:100%;height:32px;padding:8px 12px;display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px;text-align:left;cursor:pointer}.color-tokens-screen .token-tree-heading:hover{background:#2b333d}.color-tokens-screen .token-tree-heading:focus-visible{outline:2px solid #4284ff;outline-offset:-2px}.color-tokens-screen .token-tree-chevron{width:12px;display:inline-grid;place-items:center;color:#dfe2e7}.color-tokens-screen .token-tree-group{position:relative}.color-tokens-screen .token-group-add{position:absolute;top:4px;right:8px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#c2c8d1;font-size:15px;line-height:1;opacity:0;pointer-events:none;cursor:pointer}.color-tokens-screen .token-tree-group:hover .token-group-add,.color-tokens-screen .token-tree-group:focus-within .token-group-add{opacity:1;pointer-events:auto}.color-tokens-screen .token-group-add:hover{background:#343a44;color:#fff}.color-tokens-screen .token-group-add:focus-visible{outline:2px solid #4284ff;outline-offset:-2px;opacity:1;pointer-events:auto}.color-tokens-screen .token-group-add .ui-glyph{width:16px;height:16px}.color-tokens-screen .custom-token-modal .custom-token-form{padding:0 20px 4px;display:grid;gap:12px}.color-tokens-screen .custom-token-modal .custom-token-form>p{margin:0;color:#9aa4b2;font-size:12px;line-height:1.5}.color-tokens-screen .custom-token-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-tokens-screen .custom-token-error{margin:0;color:#ff9ca5;font-size:12px}.color-tokens-screen .token-tree-group.is-collapsed>span{color:#dfe2e7}.color-tokens-screen .token-tree-group.is-collapsed>.token-tree-heading{color:#dfe2e7}.color-tokens-screen .token-row{position:relative;height:32px;margin:0;padding:2px 12px;display:flex;align-items:center;gap:0;border-radius:0;background:transparent;color:#aeb4bd;font-size:12px;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .token-row>span{min-width:0;flex:1;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;opacity:.8}.color-tokens-screen .token-row.is-selected{background:transparent;color:#dfe2e7;box-shadow:none}.color-tokens-screen .token-row.is-selected:before{content:"";position:absolute;left:12px;right:12px;height:28px;border-radius:6px;background:#4284ff26;z-index:0}.color-tokens-screen .token-row>*{position:relative;z-index:1}.color-tokens-screen .token-row .token-color-preview{width:16px;height:16px;min-width:16px;margin:0 4px;border:1px solid rgba(15,17,20,.1);border-radius:3px;opacity:1}.color-tokens-screen .token-row.is-muted .token-color-preview,.color-tokens-screen .token-row.is-muted>span{opacity:.3}.color-tokens-screen .playground-workbench{grid-template-columns:var(--panel-left,280px) minmax(320px,1fr) var(--panel-right,320px)}.color-tokens-screen .playground-workbench .properties-panel{width:var(--panel-right,320px);background:#202327;border-left:1px solid #383b41;color:#d0d5dd}.color-tokens-screen .playground-workbench .inspector-toolbar{height:40px;min-height:40px;padding:4px 10px 4px 16px;background:#202327;border-left:1px solid #383b41;border-right:0;border-bottom:0}.color-tokens-screen .playground-workbench .properties-panel .viewer-banner{margin:0}.color-tokens-screen .figma-inspector-group{padding:4px 12px;border-bottom:0;display:flex;flex-direction:column;gap:2px}.color-tokens-screen .figma-inspector-group .inspector-heading{height:32px;padding:8px 4px;display:flex;align-items:center;gap:4px;color:#f0f2f5;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .figma-inspector-group .inspector-heading i{font-style:normal;color:#9aa2ad;font-size:12px}.color-tokens-screen .figma-inspector-group .inspector-collapse-heading{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.color-tokens-screen .figma-inspector-group .inspector-collapse-heading:hover{background:#2b333d}.color-tokens-screen .figma-inspector-group .inspector-collapse-heading:focus-visible{outline:2px solid #4284ff;outline-offset:-2px}.color-tokens-screen .figma-inspector-group .inspector-collapse-heading span{display:inline-flex;align-items:center;gap:4px}.color-tokens-screen .figma-inspector-field{height:32px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px}.color-tokens-screen .figma-inspector-field-label{padding:4px;color:#a8afb9;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .figma-value-control{height:28px;min-width:0;display:flex;align-items:center;overflow:hidden;border:1px solid #474a51;border-radius:6px;background:#383a40}.color-tokens-screen .figma-value-main{height:26px;min-width:0;flex:1;display:flex;align-items:center;gap:4px;padding:0 6px 0 4px}.color-tokens-screen .figma-value-main .swatch-button{width:16px;min-width:16px;height:16px;margin:0;border:1px solid rgba(15,17,20,.1);border-radius:3px}.color-tokens-screen .figma-value-main .swatch-button:disabled{opacity:1}.color-tokens-screen .figma-value-main .swatch-button.is-open,.color-tokens-screen .figma-value-main .swatch-button:hover:not(:disabled),.color-tokens-screen .figma-value-main .swatch-button:focus-visible{outline:0}.color-tokens-screen .figma-value-control:has(.swatch-button.is-open),.color-tokens-screen .figma-value-control:has(.swatch-button:hover:not(:disabled)),.color-tokens-screen .figma-value-control:has(.swatch-button:focus-visible){border-color:var(--builder-accent,var(--builder-ui-accent,#2b8ced));box-shadow:0 0 0 1px var(--builder-accent,var(--builder-ui-accent,#2b8ced)) inset}.color-tokens-screen .figma-value-main input{min-width:0;flex:1;height:24px;padding:0 2px;border:0;background:transparent;color:#dfe2e7;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .figma-value-main select{min-width:0;flex:1;height:24px;padding:0 20px 0 2px;border:0;background:transparent;color:#dfe2e7;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .figma-value-main select:focus{outline:0}.color-tokens-screen .figma-value-main input[readonly]{cursor:default}.color-tokens-screen .figma-value-main input[readonly][data-action=open-color-picker]{cursor:pointer}.color-tokens-screen .figma-value-alpha{width:46px;height:26px;padding:0 6px;display:flex;align-items:center;justify-content:space-between;border-left:1px solid #474a51;color:#dfe2e7;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .figma-value-alpha input{width:24px;height:22px;padding:0;border:0;background:transparent;color:#dfe2e7;font:inherit;text-align:right}.color-tokens-screen .figma-value-alpha input:focus{outline:0}.color-tokens-screen .figma-value-alpha input[readonly]{pointer-events:none}.color-tokens-screen .figma-value-alpha i{color:#a8afb9;font-style:normal}.color-tokens-screen .figma-value-control:not(:has(.figma-value-alpha)) .figma-value-main{padding-right:8px}.color-tokens-screen .typography-inspector-preview>.inspector-heading{color:#a8afb9;font-size:12px;font-weight:500}.color-tokens-screen .figma-subthemes{padding-top:4px}.color-tokens-screen .figma-subtheme-title{height:32px;display:flex;align-items:center;padding:2px 4px;color:#a8afb9;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.color-tokens-screen .figma-subtheme-title span{flex:1}.color-tokens-screen .figma-subtheme-title b{width:16px;height:16px;display:grid;place-items:center;color:#a8afb9;font-size:13px;font-weight:400}.color-tokens-screen .context-link-toggle{width:16px;height:16px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:none;color:#8f99a8;font-size:12px;line-height:1;cursor:pointer}.color-tokens-screen .context-link-toggle:hover:not(:disabled){background:#343d48;color:#e8edf4}.color-tokens-screen .context-link-toggle.is-unlinked{color:#e0a33c}.color-tokens-screen .context-link-toggle:disabled{cursor:default;opacity:.5}.color-tokens-screen .figma-subthemes+.inspector-section{display:none}@media (max-width:1100px){.color-tokens-screen .playground-workbench{grid-template-columns:240px minmax(360px,1fr) 300px}.color-tokens-screen .playground-workbench .properties-panel{width:300px}.color-tokens-screen .playground-workbench .editor-toolbar{grid-template-columns:minmax(0,1fr) 300px}}.color-tokens-screen .component-list .token-row:hover .component-list-icon{color:#dbe2ec}.color-tokens-screen .component-list .token-row.is-selected .component-list-icon{color:#8eb5ff}.color-tokens-screen .theme-start-company-switch .ui-glyph{width:14px;height:14px}.color-tokens-screen .theme-start-appbar .ui-glyph,.color-tokens-screen .theme-start-period .ui-glyph{width:12px;height:12px}.color-tokens-screen .theme-start-operations>header button .ui-glyph{width:12px;height:12px}.color-tokens-screen .alpha-swatch{position:relative;overflow:hidden;background:var(--swatch-solid, var(--swatch-color, transparent));background-origin:border-box;background-repeat:no-repeat}.color-tokens-screen .alpha-swatch:before,.color-tokens-screen .alpha-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:0;opacity:var(--swatch-alpha-preview, 0);pointer-events:none}.color-tokens-screen .alpha-swatch:before{background-color:#f3f5f7;background-image:conic-gradient(#f3f5f7 25%,#aeb5bf 0,#aeb5bf 50%,#f3f5f7 0,#f3f5f7 75%,#aeb5bf 0);background-position:0 0;background-size:8px 8px}.color-tokens-screen .token-row .token-color-preview.alpha-swatch:before,.color-tokens-screen .token-row .token-color-preview.alpha-swatch:after,.color-tokens-screen .figma-value-main .swatch-button.alpha-swatch:before,.color-tokens-screen .figma-value-main .swatch-button.alpha-swatch:after{display:none}.color-tokens-screen .alpha-swatch:after{background:var(--swatch-color, transparent)}.color-tokens-screen .token-swatch-card .alpha-swatch:after{content:""}.color-tokens-screen .alpha-swatch>*{position:relative;z-index:1}.color-tokens-screen .token-panel-header>strong{display:inline-flex;align-items:center;gap:6px}.color-tokens-screen .sdds-wcag-issue-actions .ui-glyph{width:12px;height:12px}.color-tokens-screen .sdds-wcag-accepted header .ui-glyph{width:14px;height:14px}.color-tokens-screen .sdds-editability-guidance>span .ui-glyph{width:16px;height:16px}.color-tokens-screen .sdds-editability-guidance button .ui-glyph{width:12px;height:12px}.color-tokens-screen .component-workbench .preview-canvas{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}@media (min-width:901px){.color-tokens-screen .component-workbench .editor-toolbar{grid-column:3;grid-template-columns:minmax(0,1fr)}.color-tokens-screen .component-workbench .preview-canvas{grid-column:2;grid-row:1 / 3}}.color-tokens-screen .playground-workbench.component-workbench .preview-canvas{background:var(--stage-surface,#27282c)}.color-tokens-screen .playground-workbench.component-workbench .sdds-lib-stage{background:transparent}@media (max-width:900px){.color-tokens-screen .component-workbench .preview-canvas{min-height:640px}}.color-tokens-screen .sizing-relations .inspector-heading,.color-tokens-screen .sizing-calculation .inspector-heading{color:#f0f2f5;font-weight:500}.color-tokens-screen .ps-icon-button .ui-glyph{width:16px;height:16px}.color-tokens-screen .ps-move-target-trigger .ui-glyph{width:12px;height:12px;flex:0 0 12px;color:var(--ps-secondary);transition:transform .15s ease}.color-tokens-screen .ps-move-target-trigger[aria-expanded=true] .ui-glyph{transform:rotate(180deg)}.color-tokens-screen .ps-search .ui-glyph{position:absolute;left:8px;width:16px;height:16px;color:var(--ps-paragraph);pointer-events:none}.color-tokens-screen .ps-member-role-trigger .ui-glyph{width:14px;height:14px;color:var(--ps-paragraph)}.color-tokens-screen .ps-invite-search .ui-glyph{position:absolute;left:8px;width:14px;height:14px;color:var(--ps-paragraph);pointer-events:none}.color-tokens-screen .catalog-sort-trigger .ui-glyph{width:16px;height:16px;flex:0 0 16px;transition:transform .15s ease}.color-tokens-screen .catalog-sort-trigger[aria-expanded=true] .ui-glyph{transform:rotate(180deg)}.color-tokens-screen .catalog-icon-action .ui-glyph,.color-tokens-screen .catalog-card .card-kebab .ui-glyph{width:16px;height:16px}.color-tokens-screen .create-project-role-control .ui-glyph{width:12px;height:12px;color:var(--builder-text-paragraph,var(--builder-ui-text-paragraph,#9e9fa2))}.color-tokens-screen .playground-workbench{background:var(--builder-bg-primary)}.color-tokens-screen .playground-workbench .token-browser,.color-tokens-screen .playground-workbench .properties-panel,.color-tokens-screen .playground-workbench .editor-toolbar{background:var(--builder-panel)}.color-tokens-screen .sidebar-header{height:40px;min-height:40px;padding:4px 10px;display:flex;align-items:center;gap:2px;box-sizing:border-box;border-bottom:1px solid var(--builder-outline-transparent);background:var(--builder-panel)}.color-tokens-screen .sidebar-header>strong{min-width:0;flex:1;overflow:hidden;color:var(--builder-text-primary);font:400 12px/16px Inter,system-ui,sans-serif;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.color-tokens-screen .sidebar-header-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.color-tokens-screen .sidebar-header-actions>button,.color-tokens-screen .sidebar-header-actions>.component-filter-menu>summary{width:24px;height:24px;padding:4px;display:grid;flex:none;place-items:center;box-sizing:border-box;border:0;border-radius:var(--builder-radius-xs);background:transparent;color:var(--builder-text-secondary)}.color-tokens-screen .sidebar-header-actions>button:hover,.color-tokens-screen .sidebar-header-actions>button.is-active,.color-tokens-screen .sidebar-header-actions>.component-filter-menu[open]>summary,.color-tokens-screen .sidebar-header-actions>.component-filter-menu>summary:hover{background:var(--builder-control);color:var(--builder-text-primary)}.color-tokens-screen .sidebar-header-actions .ui-glyph,.color-tokens-screen .sidebar-search-field .ui-glyph{width:16px;height:16px}.color-tokens-screen .sidebar-search-field{width:208px;height:24px;padding:4px 6px;display:flex;align-items:center;gap:6px;box-sizing:border-box;border:1px solid var(--builder-outline-primary);border-radius:var(--builder-radius-xs);background:var(--builder-control);color:var(--builder-text-tertiary)}.color-tokens-screen .sidebar-search-field:focus-within{border-color:var(--builder-accent)}.color-tokens-screen .sidebar-search-field input,.color-tokens-screen .component-catalog-header .sidebar-search-field .component-search{min-width:0;width:auto;height:16px;padding:0;flex:1;border:0;border-radius:0;outline:0;background:transparent;color:var(--builder-text-secondary);font:400 12px/16px Inter,system-ui,sans-serif;letter-spacing:0}.color-tokens-screen .component-catalog-header .sidebar-search-field .component-search:hover,.color-tokens-screen .component-catalog-header .sidebar-search-field .component-search:focus{width:auto;border:0;background:transparent}.color-tokens-screen .sidebar-search-field input::placeholder{color:var(--builder-text-paragraph);opacity:1}.color-tokens-screen .component-filter-menu summary .ui-glyph{width:16px;height:16px}.color-tokens-screen .sdds-component-category-toggle>.ui-glyph{width:16px;height:16px;flex:none;opacity:.8}.color-tokens-screen .sdds-component-category-items .token-row{width:100%;height:32px;padding:4px 12px;box-sizing:border-box;background:transparent}.color-tokens-screen .sdds-component-category-items .token-row:hover,.color-tokens-screen .sdds-component-category-items .token-row.is-selected{background:transparent}.color-tokens-screen .changes-row-undo .ui-glyph,.color-tokens-screen .changes-inspector header button .ui-glyph{width:16px;height:16px}.color-tokens-screen .validation-workspace-header .ui-glyph{width:14px;height:14px}.color-tokens-screen .validation-row-open .ui-glyph{width:16px;height:16px}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.editor-sizes-workbench.playground-workbench:not(.component-workbench){grid-template-columns:var(--panel-left, 280px) minmax(0,1fr) var(--panel-right, 320px)}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench)>.editor-toolbar,.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .preview-canvas>.canvas-toolbar{display:none}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .preview-canvas{grid-row:1 / 3}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-token-row{height:24px;min-height:24px;padding:3px 10px 3px 22px;grid-template-columns:16px minmax(0,1fr) auto}.color-tokens-screen .token-menu-header,.color-tokens-screen .token-tree{background:var(--builder-ui-bg-secondary)}.color-tokens-screen .playground-workbench,.color-tokens-screen .playground-workbench .token-browser,.color-tokens-screen .playground-workbench .editor-toolbar,.color-tokens-screen .playground-workbench .properties-panel,.color-tokens-screen .token-canvas{background:var(--builder-ui-bg-primary)}.color-tokens-screen .playground-workbench .token-browser,.color-tokens-screen .playground-workbench .editor-toolbar,.color-tokens-screen .playground-workbench .properties-panel,.color-tokens-screen .token-panel-header{border-color:var(--builder-ui-outline-transparent-primary)}.color-tokens-screen.ct-theme-workspace :is(.token-browser,.properties-panel,.editor-toolbar,.component-props-dock) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:var(--builder-ui-outline-transparent-primary);border-radius:var(--builder-ui-radius-s);background-color:var(--builder-ui-surface-transparent-primary);color:var(--builder-ui-text-primary)}.color-tokens-screen.ct-theme-workspace :is(.token-browser,.properties-panel,.editor-toolbar,.component-props-dock) :is(input,select,textarea)::placeholder{color:var(--builder-ui-text-paragraph)}.color-tokens-screen .token-row:hover{background:var(--builder-ui-surface-transparent-primary);color:var(--builder-ui-text-primary)}.color-tokens-screen .token-row.is-selected{background:var(--builder-ui-accent-transparent);color:var(--builder-ui-text-primary);box-shadow:inset 0 0 0 1px var(--builder-ui-accent)}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.playground-workbench{height:calc(100vh - 40px);min-height:0;grid-template-columns:clamp(220px,var(--panel-left, 280px),320px) minmax(0,1fr) clamp(280px,var(--panel-right, 320px),400px);grid-template-rows:40px minmax(0,1fr);background:var(--builder-ui-bg-primary)}.color-tokens-screen .playground-workbench .token-browser{grid-column:1;grid-row:1 / 3;width:clamp(220px,var(--panel-left, 280px),320px);min-width:220px;max-width:320px;height:100%;border-right:1px solid var(--builder-ui-outline-primary);border-bottom:0}.color-tokens-screen .playground-workbench .editor-toolbar{grid-column:2;grid-row:1;width:100%;height:40px;min-height:40px;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .playground-workbench .preview-canvas{grid-column:2;grid-row:2;min-width:0;min-height:0;background:var(--builder-ui-bg-primary)}.color-tokens-screen .playground-workbench .properties-panel{grid-column:3;grid-row:1 / 3;width:320px;min-width:320px;height:100%;border-left:1px solid var(--builder-ui-outline-primary);border-right:0;border-bottom:0}.color-tokens-screen .source-palette-family-head-actions .ui-glyph{width:16px;height:16px}.color-tokens-screen .component-workbench .preview-canvas{grid-template-rows:minmax(0,1fr) 44px auto}.color-tokens-screen .component-search-control .ui-glyph{width:16px;height:16px;flex:none}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.playground-workbench.component-workbench{grid-template-rows:40px minmax(0,1fr)}.color-tokens-screen .component-workbench .token-browser{grid-column:1;grid-row:1 / 3}.color-tokens-screen .component-inspector-shell .editor-toolbar{grid-column:1;grid-row:1;width:100%;height:40px;min-height:40px;padding:0;border-bottom:1px solid var(--builder-ui-outline-primary);border-left:0}.color-tokens-screen .component-inspector-shell .properties-panel{grid-column:1;grid-row:2;width:100%;min-width:0;min-height:0;height:100%;overflow:auto;border:0}.color-tokens-screen .component-inspector-shell .component-token-field>button .ui-glyph{width:16px;height:16px}.color-tokens-screen .component-workbench .preview-canvas{grid-column:2;grid-row:1 / 3}@media (max-width:900px){.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.playground-workbench.component-workbench{height:auto;min-height:calc(100vh - 40px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(500px,1fr)}.color-tokens-screen .component-workbench .token-browser{grid-column:1;grid-row:1;width:100%;min-width:0;max-height:260px}.color-tokens-screen .component-workbench .preview-canvas{grid-column:1;grid-row:3}}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-sizes-workbench.playground-workbench:not(.component-workbench){grid-template-columns:var(--panel-left, 280px) minmax(0,1fr) var(--panel-right, 320px)}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .properties-panel{width:var(--panel-right, 320px);min-width:var(--panel-right, 320px);max-width:var(--panel-right, 320px)}.color-tokens-screen .editor-sizes-workbench .preview-toolbar{justify-content:flex-end}.color-tokens-screen .editor-sizes-workbench .editor-header-select{width:auto;min-width:108px}.color-tokens-screen .editor-sizes-workbench .token-tree{padding:0}.color-tokens-screen .editor-sizes-workbench .token-tree-heading{height:28px;min-height:28px;padding:4px 10px;gap:6px;color:var(--builder-ui-text-primary);font-size:12px;font-weight:500;line-height:16px}.color-tokens-screen .editor-sizes-workbench .token-tree-chevron{width:12px;color:var(--builder-ui-text-secondary);text-align:center}.color-tokens-screen .editor-sizes-workbench .sizing-token-row .token-row-value{color:var(--builder-ui-text-secondary);font-size:10px;font-weight:600;line-height:12px}.color-tokens-screen .editor-sizes-workbench .token-inspector-header p{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1}.color-tokens-screen .editor-sizes-workbench .token-inspector-header{height:56px;min-height:56px;gap:0}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-value-group,.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-foundation-relations,.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-foundation-support{padding:8px 0;display:grid;gap:0}.color-tokens-screen .editor-sizes-workbench .sizing-value-group>.inspector-heading,.color-tokens-screen .editor-sizes-workbench .sizing-foundation-relations>.inspector-heading,.color-tokens-screen .editor-sizes-workbench .sizing-foundation-support>.inspector-heading{height:32px;margin:0;padding:9px 12px;display:flex;align-items:center;color:var(--builder-ui-text-primary);font-size:12px;font-weight:600;line-height:14px;letter-spacing:0;text-transform:none}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-value-group .figma-inspector-field{height:56px;padding:6px 12px 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.color-tokens-screen .editor-sizes-workbench .sizing-value-group .figma-value-control{width:100%}@media (max-width:900px){.color-tokens-screen.ct-shell.ct-theme-workspace .editor-sizes-workbench.playground-workbench:not(.component-workbench){height:auto;min-height:calc(100vh - 44px);grid-template-columns:minmax(0,1fr);grid-template-rows:40px auto auto minmax(500px,1fr)}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .editor-toolbar{grid-column:1;grid-row:1}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .token-browser{grid-column:1;grid-row:2;width:100%;min-width:0;max-height:360px;border-right:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .properties-panel{grid-column:1;grid-row:3;width:100%;min-width:0;max-width:none;border-left:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .preview-canvas{grid-column:1;grid-row:4;min-height:500px}.color-tokens-screen .editor-sizes-workbench .panel-resizer{display:none}}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.playground-workbench,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .token-browser,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .token-menu-header,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .token-panel-header,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .token-filters,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .token-tree,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .editor-toolbar,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .preview-toolbar,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .inspector-toolbar,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .properties-panel,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .preview-canvas,.color-tokens-screen.ct-shell.ct-theme-workspace .playground-workbench .token-canvas{background:transparent}.color-tokens-screen .component-workbench :is(.token-browser,.properties-panel){scrollbar-width:thin;scrollbar-color:var(--builder-ui-outline-secondary) transparent}.color-tokens-screen .component-workbench :is(.token-browser,.properties-panel)::-webkit-scrollbar{width:6px;height:6px}.color-tokens-screen .component-workbench :is(.token-browser,.properties-panel)::-webkit-scrollbar-thumb{border-radius:3px;background:var(--builder-ui-outline-secondary)}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.playground-workbench:not(.component-workbench){grid-template-columns:clamp(220px,var(--panel-left, 280px),320px) minmax(0,1fr) clamp(280px,var(--panel-right, 320px),400px);grid-template-rows:40px minmax(0,1fr)}.color-tokens-screen .playground-workbench:not(.component-workbench) .token-browser{width:clamp(220px,var(--panel-left, 280px),320px);min-width:220px;max-width:320px}.color-tokens-screen .playground-workbench:not(.component-workbench) .editor-toolbar{grid-column:2;grid-row:1;display:block;width:100%;height:40px;min-height:40px;padding:0}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar{width:100%;height:40px;padding:4px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:0}.color-tokens-screen .playground-workbench:not(.component-workbench) .workspace-tabs{flex:none}.color-tokens-screen .playground-workbench:not(.component-workbench) .workspace-tabs button{height:24px;padding:4px 8px;border-radius:6px;letter-spacing:0}.color-tokens-screen .editor-header-controls{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.color-tokens-screen .editor-canvas-picker{position:relative;min-width:0}.color-tokens-screen .editor-header-select,.color-tokens-screen .token-sort-trigger{height:24px;padding:3px 7px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--builder-ui-outline-primary);border-radius:6px;background:transparent;color:var(--builder-ui-text-primary);font:inherit;font-size:12px;line-height:16px;letter-spacing:0;cursor:pointer}.color-tokens-screen .editor-header-select{width:86px}.color-tokens-screen .editor-header-select>span,.color-tokens-screen .token-sort-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-tokens-screen .editor-header-select svg,.color-tokens-screen .token-sort-trigger svg{width:14px;height:14px;flex:none}.color-tokens-screen .editor-platform-select{width:62px}.color-tokens-screen .editor-canvas-menu{left:auto;right:0;display:block;min-width:170px;max-height:320px;overflow:auto}.color-tokens-screen .editor-canvas-menu button.is-selected{background:var(--builder-ui-bg-secondary)}.color-tokens-screen .playground-workbench:not(.component-workbench) .properties-panel{grid-column:3;grid-row:1 / 3;width:clamp(280px,var(--panel-right, 320px),400px);min-width:280px;max-width:400px}.color-tokens-screen .token-panel-header.sidebar-header{height:40px;min-height:40px;padding:4px 10px}.color-tokens-screen .token-sort-trigger{width:auto;min-width:60px;max-width:116px}.color-tokens-screen .token-inspector-header{min-height:72px;padding:8px 12px;display:grid;align-content:start;gap:4px;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .token-inspector-header>div{min-width:0;height:24px;display:flex;align-items:center;justify-content:space-between;gap:8px}.color-tokens-screen .token-inspector-header strong{min-width:0;overflow:hidden;color:var(--builder-ui-text-primary);font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.color-tokens-screen .token-inspector-actions{flex:none;display:flex;gap:2px}.color-tokens-screen .token-inspector-actions button,.color-tokens-screen .figma-subthemes-heading button{width:24px;height:24px;padding:4px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--builder-ui-text-secondary)}.color-tokens-screen .token-inspector-actions button:not(:disabled):hover,.color-tokens-screen .figma-subthemes-heading button:not(:disabled):hover{background:var(--builder-ui-bg-secondary);color:var(--builder-ui-text-primary)}.color-tokens-screen .token-inspector-actions button:disabled,.color-tokens-screen .figma-subthemes-heading button:disabled{opacity:.35}.color-tokens-screen .token-inspector-actions svg,.color-tokens-screen .figma-subthemes-heading svg{width:16px;height:16px}.color-tokens-screen .token-inspector-header p{margin:0;display:-webkit-box;overflow:hidden;color:var(--builder-ui-text-secondary);font-size:10px;line-height:14px;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-group{padding:4px 0;gap:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-group>.inspector-heading,.color-tokens-screen .figma-subthemes-heading{height:28px;padding:6px 12px;display:flex;align-items:center;color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500;line-height:12px;letter-spacing:0;text-transform:uppercase}.color-tokens-screen .figma-subthemes-heading{justify-content:space-between;padding-right:8px}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-field{height:32px;padding:4px 12px;grid-template-columns:76px minmax(0,1fr);gap:8px}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-field-label{padding:0;font-size:12px;line-height:16px;letter-spacing:0}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-value-control{height:24px}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-value-main{height:22px}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-value-alpha{height:22px}.color-tokens-screen .playground-workbench:not(.component-workbench) .figma-subtheme-title{height:28px;padding:4px 12px}.color-tokens-screen .token-deletion-status{display:grid;color:var(--builder-ui-text-primary)}.color-tokens-screen .token-deletion-status>header,.color-tokens-screen .token-deletion-status>div{padding:12px;display:grid;gap:4px;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .token-deletion-status strong{font-size:12px;font-weight:500;line-height:16px}.color-tokens-screen .token-deletion-status header span,.color-tokens-screen .token-deletion-status p{margin:0;color:var(--builder-ui-text-secondary);font-size:10px;line-height:14px}.color-tokens-screen .token-deletion-status .inspector-heading{margin-bottom:8px;color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500;line-height:12px;text-transform:uppercase}.color-tokens-screen .playground-workbench:not(.component-workbench) .token-canvas{padding-top:16px}.color-tokens-screen .playground-workbench:not(.component-workbench) .token-swatch-board{width:720px;max-width:none}.color-tokens-screen .playground-workbench:not(.component-workbench) .token-default-grid{grid-template-columns:repeat(6,115px);gap:6px}.color-tokens-screen .playground-workbench:not(.component-workbench) .token-default-grid .token-swatch-card{width:115px;min-width:115px;height:72px;min-height:72px}@media (max-width: 1050px){.color-tokens-screen .playground-workbench:not(.component-workbench) .editor-platform-select{display:none}.color-tokens-screen .playground-workbench:not(.component-workbench) .preview-toolbar{padding-inline:8px}}.color-tokens-screen .editor-fonts-workbench .token-panel-context-name{min-width:0;overflow:hidden;color:var(--builder-ui-text-primary);font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.color-tokens-screen .editor-fonts-workbench .preview-toolbar{justify-content:flex-end}.color-tokens-screen .editor-fonts-workbench .editor-header-select{width:auto;min-width:96px;max-width:180px}.color-tokens-screen .playground-workbench.editor-fonts-workbench .typography-canvas{padding:24px 36px 40px 40px}.color-tokens-screen .playground-workbench.editor-fonts-workbench .typography-style-inspector{padding:8px 0}.color-tokens-screen .playground-workbench.editor-fonts-workbench .typography-style-inspector>.inspector-heading{margin-bottom:0}.color-tokens-screen .editor-fonts-workbench .typography-property-chevron .ui-glyph,.color-tokens-screen .editor-fonts-workbench .typography-family-trigger .ui-glyph{width:12px;height:12px}.color-tokens-screen .editor-fonts-workbench .token-inspector-header{height:56px;min-height:56px;gap:0}.color-tokens-screen .editor-fonts-workbench .token-inspector-header p{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1}.color-tokens-screen .editor-fonts-workbench .typography-impact>.inspector-heading{height:28px;padding:6px 12px;color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500;line-height:12px;letter-spacing:0;text-transform:uppercase}.color-tokens-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .preview-toolbar{justify-content:flex-end}.color-tokens-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .editor-header-controls{margin-left:auto}@media (max-width: 900px){.color-tokens-screen.ct-shell.ct-theme-workspace .editor-fonts-workbench.playground-workbench:not(.component-workbench){height:auto;min-height:calc(100vh - 44px);grid-template-columns:minmax(0,1fr);grid-template-rows:40px auto auto minmax(500px,1fr)}.color-tokens-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .editor-toolbar{grid-column:1;grid-row:1}.color-tokens-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .token-browser{grid-column:1;grid-row:2;width:100%;min-width:0;max-height:260px;border-right:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .properties-panel{grid-column:1;grid-row:3;width:100%;min-width:0;max-width:none;max-height:360px;border-left:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.color-tokens-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .preview-canvas{grid-column:1;grid-row:4;min-height:500px;border-right:0}.color-tokens-screen .editor-fonts-workbench .panel-resizer-right{display:none}}@media (max-width:900px){.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.editor-sizes-workbench.playground-workbench:not(.component-workbench){grid-template-columns:minmax(0,1fr);grid-template-rows:40px auto auto minmax(500px,1fr)}.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .token-browser,.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .editor-toolbar,.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .properties-panel,.color-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .preview-canvas{width:100%;min-width:0;max-width:none}}.color-tokens-screen .source-palette-modal-close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#aeb8c6;font-size:26px;font-weight:300}.color-tokens-screen .source-palette-modal-close:hover{background:#353d48;color:#fff}.color-tokens-screen .source-palette-group-field{display:grid;gap:7px;margin-top:18px;color:#aeb7c4;font-size:12px}.color-tokens-screen .source-palette-group-field :is(input,select){height:42px;padding:0 12px;border:1px solid #4a5260;border-radius:8px;background:#1e242b;color:#f3f6fa;font:inherit;font-size:14px;outline:none}.color-tokens-screen .source-palette-group-field :is(input,select):focus{border-color:#4284ff;box-shadow:0 0 0 2px #4284ff2e}.color-tokens-screen .custom-token-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.color-tokens-screen .custom-token-modal>header span{display:block;margin-bottom:4px;color:#8793a3;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.color-tokens-screen .delete-token-modal>header span{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}.color-tokens-screen .custom-token-modal>header h2{margin:0;color:#f3f6fa;font-size:20px;line-height:1.25}.color-tokens-screen .custom-token-modal>header .source-palette-modal-close{flex:none;margin:-8px -10px 0 0}.color-tokens-screen .custom-token-modal .custom-token-form{padding:0}.color-tokens-screen .custom-token-modal>footer{margin-top:24px;padding:0;justify-content:flex-end;gap:8px;background:transparent;border-top:0}.color-tokens-screen .accessibility-pair-list .empty.compact{display:grid;gap:4px;padding:16px 14px;text-align:left;color:var(--text)}.color-tokens-screen .accessibility-pair-list .empty.compact strong{color:#eef2f7;font-size:13px}.color-tokens-screen .accessibility-pair-list .empty.compact p{margin:0;color:#8f99a7;font-size:12px;line-height:1.45}.color-tokens-screen .figma-inspector-group .source-palette-token-group-field{padding:4px 12px 8px}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.playground-workbench{height:100%}.color-tokens-screen .token-menu-header .token-search-field{flex:1 1 auto;min-width:0}.color-tokens-screen.ct-theme-workspace .token-browser .token-search-field input:not([type=checkbox]):not([type=radio]):not([type=range]){background:transparent;border-radius:0;color:#e3e7ed}.color-tokens-screen .token-tree-heading>.token-tree-chevron{position:relative;width:12px;height:12px;flex:0 0 auto;display:block;font-size:0;color:transparent}.color-tokens-screen .token-tree-heading>.token-tree-chevron:before{content:"";position:absolute;left:3px;top:1.5px;width:5px;height:5px;border-right:1.5px solid #8993a1;border-bottom:1.5px solid #8993a1;transform:rotate(45deg)}.color-tokens-screen .token-tree-heading[aria-expanded=false]>.token-tree-chevron:before{left:2px;top:3px;transform:rotate(-45deg)}.color-tokens-screen .token-tree-heading:hover>.token-tree-chevron:before{border-color:#d8dde5}.color-tokens-screen .cp-library-search .cp-library-search-field{flex:1 1 auto;min-width:0}.color-tokens-screen .cp-library-search .cp-library-search-field>span{width:auto;height:auto;display:block;font-size:15px;line-height:1}.color-tokens-screen .cp-library-search .cp-library-search-field input{height:26px;outline:0;color:#e3e7ed;font-size:11px;font-weight:600}.color-tokens-screen .cp-library-search .cp-library-search-field input::placeholder{color:#77808d}.color-tokens-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 705px 800px at 0 0,#2b8ced1f 0,#2b8ced0f 14.473%,#2b8ced05 45.75%,#2b8ced00 71.635%) fixed}.color-tokens-screen .token-tree .token-row.is-selected:before{content:none}.color-tokens-screen .ct-save-status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:0 8px;font-size:12px;color:var(--builder-ui-text-paragraph);white-space:nowrap}.color-tokens-screen .editor-header-controls .ct-save-status{min-width:0}.color-tokens-screen .ct-save-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.color-tokens-screen .editor-header-controls .editor-canvas-picker{flex:none}.color-tokens-screen .editor-toolbar{overflow-x:clip}.color-tokens-screen .editor-toolbar .editor-header-controls{justify-content:safe flex-end}.color-tokens-screen .ct-save-status.is-error{color:var(--builder-ui-negative, #ff6b5f)}.color-tokens-screen .ct-save-status button,.color-tokens-screen .ct-inline-action{padding:2px 8px;border:1px solid var(--builder-ui-outline-primary);border-radius:4px;background:transparent;color:var(--builder-ui-text-primary);font-size:12px}.color-tokens-screen .ct-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--builder-ui-outline-transparent-primary);font-size:12px;color:var(--builder-ui-text-secondary)}.color-tokens-screen .ct-row-flag{margin-left:auto;font-size:11px;color:var(--builder-ui-text-paragraph)}.color-tokens-screen .ct-row-flag.is-error{color:var(--builder-ui-negative, #ff6b5f)}.color-tokens-screen .ct-tree-empty{padding:16px 12px;font-size:12px;color:var(--builder-ui-text-paragraph)}.color-tokens-screen .token-tree-heading-row{position:relative}.color-tokens-screen .token-tree-subheading{padding-left:24px;color:#aeb7c4;font-weight:400}.color-tokens-screen .token-tree-subgroup .token-row{padding-left:28px}.color-tokens-screen .token-tree-group:hover .token-group-add{opacity:0;pointer-events:none}.color-tokens-screen .token-tree-heading-row:hover>.token-group-add,.color-tokens-screen .token-tree-heading-row:focus-within>.token-group-add,.color-tokens-screen .token-group-add[aria-expanded=true]{opacity:1;pointer-events:auto}.color-tokens-screen .token-tree-heading-row>.token-tree-delete{right:34px}.color-tokens-screen .token-row-wrap{position:relative}.color-tokens-screen .token-row-wrap>.token-row{padding-right:44px}.color-tokens-screen .token-row-wrap .ct-row-flag{flex:none}.color-tokens-screen .token-tree-delete{position:absolute;z-index:3;top:4px;right:14px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#c2c8d1;opacity:0;pointer-events:none}.color-tokens-screen .token-row-wrap:hover>.token-tree-delete,.color-tokens-screen .token-row-wrap:focus-within>.token-tree-delete,.color-tokens-screen .token-tree-heading-row:hover>.token-tree-delete,.color-tokens-screen .token-tree-heading-row:focus-within>.token-tree-delete{opacity:1;pointer-events:auto}.color-tokens-screen .token-tree-delete:hover{background:#343a44;color:#ff6b6b}.color-tokens-screen .token-tree-delete .ui-glyph{width:15px;height:15px}.color-tokens-screen .token-group-menu{position:absolute;top:30px;right:8px;z-index:20;min-width:176px}.color-tokens-screen .token-tree-heading-row>.token-group-add[aria-expanded=true]{background:#343a44;color:#fff}.color-tokens-screen .token-tree-input{display:grid;gap:4px;margin:2px 8px}.color-tokens-screen .token-tree-input-field{position:relative;display:flex;align-items:center}.color-tokens-screen .token-tree-input-error{color:#ff8a8a;font-size:11px;line-height:14px}.color-tokens-screen .ct-published-warning{position:absolute;right:8px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#f5a623;color:#1b1f24;font-size:11px;font-weight:700;cursor:help}.color-tokens-screen .token-tree-drop{position:absolute;top:0;left:8px;right:8px;height:2px;border-radius:1px;background:#4284ff;z-index:5}.color-tokens-screen .token-tree-drop .ct-published-warning{top:-8px;right:0}.color-tokens-screen .token-row[draggable=true]{cursor:grab}.color-tokens-screen .playground-workbench .component-preview-stage-inline>.workspace-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:#24282f}.color-tokens-screen .playground-workbench .component-preview-stage-inline>.workspace-tabs button{display:inline-flex;height:26px;padding:4px 12px;align-items:center;border:0;border-radius:6px;background:transparent;color:#aeb7c4;font-size:12px;line-height:16px;outline:none}.color-tokens-screen .playground-workbench .component-preview-stage-inline>.workspace-tabs button.is-active{background:#383b42;color:#fff}.color-tokens-screen .playground-workbench .component-preview-stage-inline>.workspace-tabs button:focus-visible{box-shadow:0 0 0 2px #4284ff}.color-tokens-screen .token-tree-drop.is-area{top:50%;background:transparent}.color-tokens-screen .token-tree-heading-row.is-drop-target,.color-tokens-screen .token-row-wrap.is-drop-target{background:#4284ff29}.color-tokens-screen .token-tree-input.is-row{margin:0}.color-tokens-screen .token-tree-input.is-row .token-tree-input-field{cursor:text}.color-tokens-screen.ct-theme-workspace .token-browser .token-tree-input.is-row input:not([type=checkbox]):not([type=radio]):not([type=range]){flex:1;min-width:0;height:24px;padding:4px;border:0;border-radius:0;outline:none;background:transparent;color:#dfe2e7;font:inherit;font-size:12px;letter-spacing:-.18px}.color-tokens-screen.ct-theme-workspace .token-browser .token-tree-input.is-row .token-tree-heading input:not([type=checkbox]):not([type=radio]):not([type=range]){padding-inline:0;color:inherit}.color-tokens-screen .token-tree-input.is-row .token-tree-heading:hover{background:transparent}.color-tokens-screen .token-tree-group.is-collapsed>.token-tree-input .token-tree-chevron:before,.color-tokens-screen .token-tree-subgroup.is-collapsed>.token-tree-input .token-tree-chevron:before{left:2px;top:3px;transform:rotate(-45deg)}.color-tokens-screen .token-tree-input.is-row .token-row>.ct-published-warning{position:static;flex:none;padding:0;overflow:visible;opacity:1;font-weight:700}.color-tokens-screen .token-tree-input.is-row .token-tree-input-error{padding:0 16px 4px}.color-tokens-screen .token-tree-input.is-row .token-color-preview.is-placeholder{border:1px solid #6b7380;background:transparent}.color-tokens-screen.ct-theme-workspace .properties-panel .figma-value-control input:not([type=checkbox]):not([type=radio]):not([type=range]){border-radius:0;background-color:transparent}.color-tokens-screen .cp-format-row:has(.cp-hex-field){grid-template-columns:max-content 1fr 50px}.color-tokens-screen .cp-format-row select{width:max-content}.color-tokens-screen .properties-panel .figma-value-control:has(input:focus-visible){outline:1px solid #4284ff;outline-offset:-1px}.color-tokens-screen .ct-inline-rename{min-width:0;flex:1;height:auto;margin:0;padding:4px;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent!important;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;caret-color:#fff}.color-tokens-screen .ct-inline-rename::selection{background:#2f6fde;color:#fff}.color-tokens-screen .ct-inline-rename.is-error{text-decoration:underline wavy #ff6b6b}.color-tokens-screen .token-row.is-renaming{cursor:text}.color-tokens-screen .token-row.is-renaming .ct-published-warning{position:static;flex:none}.color-tokens-screen .ct-row-rename-error{display:block;padding:0 16px 4px 40px}.color-tokens-screen .token-inspector-header strong.is-renaming{flex:1;display:flex;align-items:center;gap:4px;overflow:visible}.color-tokens-screen .token-inspector-header strong .ct-inline-rename{padding:0;font-weight:inherit}.color-tokens-screen .token-inspector-header strong .ct-published-warning{position:static;flex:none}.color-tokens-screen .ct-value-line{position:relative;min-width:0;display:flex;align-items:center;gap:4px}.color-tokens-screen .ct-value-line>.figma-value-control{flex:1}.color-tokens-screen .ct-platform-add{position:relative;flex:none}.color-tokens-screen .ct-platform-button{width:24px;height:24px;padding:0;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #474a51;border-radius:6px;background:transparent;color:#c7ced8;font-size:15px;line-height:1;cursor:pointer}.color-tokens-screen .ct-platform-button:hover:not(:disabled),.color-tokens-screen .ct-platform-button[aria-expanded=true]{background:#343a44;color:#fff}.color-tokens-screen .ct-platform-button:disabled{opacity:.35;cursor:default}.color-tokens-screen .ct-platform-menu{width:140px}.color-tokens-screen .ct-platform-menu button{text-align:left}.color-tokens-screen .figma-inspector-field-label.ct-platform-label{padding-left:6px;overflow:visible;color:#f5a623;font-size:11px;white-space:nowrap}.color-tokens-screen .cp-platform-notes{margin:8px 10px 0;display:grid;gap:4px}.color-tokens-screen .cp-platform-note{margin:0;padding:6px 8px;border:1px solid #3a414c;border-radius:8px;background:#252a31;color:#dfe3ea;font-size:12px;line-height:16px}.color-tokens-screen .cp-gradient-geometry{margin:0 10px 12px;display:grid;gap:8px}.color-tokens-screen .cp-geometry-row{display:flex;align-items:center;gap:6px;color:#9aa3b2;font-size:12px}.color-tokens-screen .cp-number-field{display:inline-flex;align-items:center;gap:2px}.color-tokens-screen .cp-number-field input{width:52px;height:24px;padding:0 6px;border:1px solid #3a414c;border-radius:6px;background:#1f2329;color:#fff;font:inherit}.color-tokens-screen .cp-number-field i{font-style:normal}.color-tokens-screen .cp-angle-dial{position:relative;width:30px;height:30px;flex:none;border:1px solid #4a5260;border-radius:50%;cursor:grab}.color-tokens-screen .cp-angle-dial:focus-visible{outline:2px solid #4284ff}.color-tokens-screen .cp-angle-dial i{position:absolute;left:50%;top:50%;width:2px;height:13px;margin-left:-1px;background:#fff;transform-origin:50% 0}.color-tokens-screen .cp-radius-slider{min-width:0;flex:1;accent-color:#4284ff}.color-tokens-screen .cp-gradient-plane{position:relative;height:132px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:crosshair;touch-action:none}.color-tokens-screen .cp-gradient-center{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #fff;border-radius:50%;background:#fff3;box-shadow:0 0 0 1px #0009;pointer-events:none}.color-tokens-screen .cp-gradient-radius{position:absolute;border:1px dashed rgba(255,255,255,.67);border-radius:50%;pointer-events:none}.color-tokens-screen .cp-gradient-preview{touch-action:none}.color-tokens-screen .cp-stop-title{padding:6px 10px 0;color:#9aa3b2;font-size:11px}.color-tokens-screen .properties-panel .figma-value-control.is-invalid{border-color:var(--builder-ui-negative, #ff6b5f);box-shadow:0 0 0 1px var(--builder-ui-negative, #ff6b5f) inset}.color-tokens-screen.ct-shell.ct-theme-workspace .editor-workbench.playground-workbench:not(.component-workbench):has(.ct-toolbar-error){grid-template-rows:auto minmax(0,1fr)}.color-tokens-screen .playground-workbench:not(.component-workbench) .editor-toolbar:has(.ct-toolbar-error){height:auto}.color-tokens-screen .ct-toolbar-error{padding:6px 12px;border-bottom:1px solid var(--builder-ui-outline-transparent-primary);color:var(--builder-ui-negative, #ff6b5f);font-size:12px;line-height:16px}:root{--p-bg: #27282c;--p-panel: #303236;--p-surface: #3d3f42;--p-line: #ffffff1a;--p-outline: #56585c;--p-text: #f3f3f3;--p-muted: #9e9fa2;--p-accent: #2b8ced;--p-danger: #ff4060}*{box-sizing:border-box}:where(.builder-shell,.catalog-dialog-scrim,.modal,.styled-select-popover,.account-popover,.ps-member-actions-popover) :where(a[href],button,input,textarea,select,[tabindex]):focus{outline:none!important;box-shadow:none!important}:where(.builder-shell,.catalog-dialog-scrim,.modal,.styled-select-popover,.account-popover,.ps-member-actions-popover) :where(a[href],button,input[type=checkbox],input[type=radio],[tabindex]):focus-visible{outline:1px solid var(--p-accent)!important;outline-offset:1px;box-shadow:none!important}.builder-shell input:not([type=checkbox]):not([type=radio]):focus-visible,.builder-shell textarea:focus-visible,.builder-shell select:focus-visible,.catalog-dialog-scrim input:not([type=checkbox]):not([type=radio]):focus-visible,.catalog-dialog-scrim textarea:focus-visible,.modal input:not([type=checkbox]):not([type=radio]):focus-visible,.modal textarea:focus-visible,.modal select:focus-visible{border-color:var(--p-accent);outline:0;box-shadow:none}.builder-shell{min-height:100vh;display:grid;grid-template-columns:56px 1fr;background:var(--p-bg);color:var(--p-text);font-family:Inter,system-ui,sans-serif}.builder-rail{position:sticky;top:0;height:100vh;padding:8px;display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid var(--p-line);background:#212327}.rail-mark,.rail-project,.rail-action,.rail-account{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:8px;background:#303236;color:#d7d8da;text-decoration:none;font:600 12px Inter}.rail-mark{margin-bottom:8px;background:var(--p-accent);font-size:18px}.rail-project.is-active{outline:2px solid var(--p-accent);outline-offset:1px}.rail-action{border:1px dashed var(--p-outline);background:transparent;font-size:20px}.rail-spacer{flex:1}.rail-account{border-radius:50%;background:#4b4d52}.builder-main{min-width:0}.builder-topbar{height:44px;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--p-line)}.builder-crumbs,.builder-actions{display:flex;align-items:center;gap:8px}.builder-crumbs{min-width:0;color:var(--p-muted);font-size:12px}.builder-crumbs a{color:inherit;text-decoration:none}.builder-crumbs b{color:var(--p-text);font-weight:400}.builder-crumbs i{opacity:.25;font-style:normal}.hierarchy-linked-segment{display:contents}.builder-button,.builder-actions a,.builder-actions button,.dialog-actions a,.dialog-actions button,.settings-button{height:24px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--p-outline);border-radius:6px;background:transparent;color:var(--p-text);font:400 12px/16px Inter;text-decoration:none;cursor:pointer}.primary,.builder-actions .primary,.settings-button.primary{border-color:var(--p-accent)!important;background:var(--p-accent)!important;color:#fff!important}.builder-icon-button{width:24px!important;padding:0!important}.catalog-view{height:calc(100vh - 44px);padding:0 16px 40px;overflow:auto}.catalog-header{min-height:56px;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.catalog-header h1{margin:0;font:400 20px/32px Inter;letter-spacing:-.5px}.catalog-controls{display:flex;gap:8px}.catalog-select{height:24px;padding:0 8px;border:1px solid var(--p-line);border-radius:6px;background:#303236;color:var(--p-text)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,330px);gap:16px;padding:12px 0}.catalog-card{position:relative;width:330px;height:260px;overflow:hidden;border:.5px solid var(--p-outline);border-radius:12px;background:var(--p-surface);color:inherit;text-decoration:none;display:flex;flex-direction:column}.catalog-cover{position:relative;width:100%;height:194px;min-height:194px;padding:0;flex:none;background:var(--p-bg)}.project-cover{display:grid;place-items:center}.project-cover span{width:72px;height:72px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#4284ff,#895cff);font-size:28px}.project-cover img{width:24px;height:24px}.catalog-empty-cover{width:100%;height:100%;grid-column:1 / -1;object-fit:cover}.catalog-body{width:100%;height:66px;min-height:66px;padding:12px 16px;display:flex;min-width:0;flex:none;flex-direction:column;justify-content:flex-start;gap:2px;border-top:1px solid var(--p-line)}.catalog-body h2{margin:0;min-width:0;max-width:100%;overflow:hidden;font:600 16px/20px Inter;letter-spacing:-.32px;text-overflow:ellipsis;white-space:nowrap}.catalog-meta{width:100%;min-width:0;margin:0;overflow:hidden;color:var(--p-muted);font:400 12px/14px Inter;letter-spacing:-.24px;text-overflow:ellipsis;white-space:nowrap}.catalog-role{position:absolute;top:12px;right:12px;padding:4px 7px;border-radius:6px;background:#202226cc;font-size:10px}.catalog-tiles{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.catalog-tiles.is-design-system[data-count="1"]{grid-template-columns:1fr}.catalog-tiles.is-design-system[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tiles.is-design-system[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-tiles.is-design-system[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tiles.is-design-system{grid-auto-rows:minmax(0,1fr)}.catalog-tiles.is-design-system .catalog-tile.is-filled{position:relative;justify-content:flex-start;gap:1px;padding:10px;overflow:hidden;border:0;border-radius:6px;background:#ffffff08;color:#dbdbdc}.catalog-tiles.is-design-system .catalog-tile.is-filled:before{width:32px;height:4px;margin:10px 0 4px;flex:none;border-radius:4px;background:var(--catalog-entity-color);content:""}.catalog-tiles.is-design-system .catalog-tile.is-filled span{color:var(--p-muted);opacity:1}.catalog-tile{padding:12px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--p-line);border-radius:8px;background:#303236;color:var(--p-muted);font-size:10px}.catalog-tile.is-filled{background:var(--catalog-entity-color);color:var(--p-text)}.catalog-tile strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.theme-pane{padding:12px;display:flex;flex-direction:column;gap:10px;border:1px solid #0002;border-radius:8px;font-size:10px}.theme-pane b{width:42%;height:8px;border-radius:4px}.theme-pane i{height:40px;margin-top:auto;border:1px solid currentColor;border-radius:5px;opacity:.35}.catalog-empty,.catalog-state{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.empty-art{width:270px;height:150px;display:grid;place-items:center;border:1px dashed var(--p-line);border-radius:16px;background:#ffffff08;color:var(--p-accent);font-size:36px}.empty-art img{width:100%;height:100%;object-fit:contain}.catalog-empty h2{margin:0;font-size:14px}.catalog-empty p,.catalog-state p{margin:0;color:var(--p-muted);font-size:12px}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#0e101580}.entity-dialog{width:520px;padding:20px 24px 24px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface)}.entity-dialog.compact{width:340px}.entity-dialog form{display:flex;flex-direction:column;gap:20px}.entity-dialog header{display:grid;gap:4px}.entity-dialog h1{margin:0;font-size:14px}.entity-dialog header p{margin:0;color:var(--p-muted);font-size:10px}.entity-field{display:grid;gap:6px;color:var(--p-muted);font-size:10px}.entity-field input,.entity-field textarea{width:100%;border:1px solid var(--p-line);border-radius:6px;background:#ffffff08;color:var(--p-text);font:400 12px/16px Inter}.entity-field input{height:24px;padding:4px 6px}.entity-field textarea{height:72px;padding:10px 12px;resize:none}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.form-error{margin:0;color:var(--p-danger);font-size:12px}.settings-workspace{height:calc(100vh - 44px);display:grid;grid-template-columns:200px minmax(0,1fr) 240px}.settings-aside{padding:16px;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--p-line);color:var(--p-muted);font-size:11px}.settings-aside strong{color:var(--p-text);font-size:12px}.settings-aside p{margin:24px 0 0;color:var(--p-text)}.settings-nav{padding:16px 8px;border-right:1px solid var(--p-line)}.settings-nav strong,.settings-nav span,.settings-nav a,.settings-nav button{height:32px;padding:8px;display:block;font-size:12px}.settings-nav span,.settings-nav a.is-active,.settings-nav button.is-active{border-radius:6px;background:#ffffff0d}.settings-nav a{color:var(--p-muted);text-decoration:none}.settings-nav button{width:100%;border:0;color:var(--p-muted);text-align:left;cursor:pointer}.settings-content [id^=settings-],.ps-content [id^=settings-]{display:none}.settings-content[data-active-section=general] #settings-general,.ps-content[data-active-section=general] #settings-general,.settings-content[data-active-section=members] #settings-members,.ps-content[data-active-section=members] #settings-members,.settings-content[data-active-section=lifecycle] #settings-lifecycle,.ps-content[data-active-section=lifecycle] #settings-lifecycle,.settings-content[data-active-section=delete] #settings-delete,.ps-content[data-active-section=delete] #settings-delete{display:block}.settings-main{overflow:auto}.settings-header{height:48px;padding:12px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--p-line)}.settings-header h1{margin:0;font-size:12px}.settings-content{width:min(680px,100%);padding:24px}.settings-section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--p-line)}.settings-section h2{margin:0 0 14px;font-size:12px}.settings-section p{color:var(--p-muted);font-size:12px}.settings-form{display:grid;gap:14px}.settings-form label{display:grid;gap:6px;font-size:12px}.settings-form input,.settings-form textarea,.settings-form select,.settings-section>select{width:100%;height:24px;padding:4px 8px;border:1px solid var(--p-line);border-radius:6px;background:#303236;color:var(--p-text)}.settings-form textarea{height:72px}.member{min-height:48px;padding:8px 0;display:grid;grid-template-columns:1fr 150px auto;gap:8px;align-items:center;border-top:1px solid var(--p-line);font-size:12px}.danger-zone{padding:16px;border:1px solid #9f2632;border-radius:8px}.create-theme-workspace{height:calc(100vh - 44px);display:grid;grid-template-columns:320px 1fr;overflow:hidden}.create-theme-panel{min-height:0;display:grid;grid-template-rows:40px 1fr 49px;border-right:1px solid var(--p-line)}.create-theme-panel>header{padding:12px;border-bottom:1px solid var(--p-line);font-size:12px}.create-theme-body{padding:8px 12px;overflow:auto}.create-theme-body h2{margin:8px 0;font-size:12px}.create-theme-name,.custom-fields label{display:grid;gap:4px;padding:6px 0;color:var(--p-muted);font-size:11px}.create-theme-name input,.custom-fields input{width:100%;height:24px;padding:0 6px;border:1px solid var(--p-line);border-radius:6px;background:#303236;color:var(--p-text)}.theme-options{display:grid;gap:8px}.theme-option{height:48px;padding:10px 12px;display:flex;align-items:center;gap:16px;border:1px solid var(--p-outline);border-radius:8px;background:transparent;color:var(--p-text);text-align:left}.theme-option.selected{border-color:var(--p-accent);background:var(--p-surface)}.theme-option-swatch{width:48px;height:16px;border-radius:4px;background:linear-gradient(90deg,var(--swatch),#27282c)}.custom-presets{display:flex;gap:6px;padding:8px 0}.custom-presets button{height:24px;border:1px solid var(--p-outline);border-radius:6px;background:transparent;color:var(--p-text)}.custom-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.custom-palette-error{margin-top:4px}.create-theme-footer{padding:12px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--p-line)}.create-theme-preview{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:24px;background:#27282c;color:#f5f5f5;font-family:Inter,system-ui,sans-serif}.create-theme-preview.is-light{background:#f0f2f4;color:#171717}.create-theme-preview-main{width:100%;height:min(649px,calc(100% - 59px));min-width:0;min-height:0;display:grid;grid-template-rows:35px minmax(0,600px);gap:14px;flex:none}.create-theme-preview-main>header{display:flex;align-items:center;justify-content:space-between}.create-theme-preview-main>header>div:first-child{display:grid;gap:1px}.create-theme-preview-main>header strong{font:600 16px/20px Inter,system-ui,sans-serif;letter-spacing:-.32px}.create-theme-preview-main>header span{color:#8d8f93;font:400 12px/14px Inter,system-ui,sans-serif;letter-spacing:-.24px;text-transform:none}.create-theme-mode{width:170px;height:30px;display:grid;grid-template-columns:1fr 1fr;padding:2px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:transparent}.create-theme-preview.is-light .create-theme-mode{background:#0000000f}.create-theme-mode button{height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:400 10px/14px Inter,system-ui,sans-serif}.create-theme-mode button.is-active{background:#ffffff21}.create-theme-preview.is-light .create-theme-mode button.is-active{background:#fff;box-shadow:0 1px 3px #0000001f}.create-theme-preview-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;overflow:auto;align-items:start}.create-theme-preview-note{height:13px;min-height:13px;display:flex;align-items:center;margin-top:auto;padding:0;border:0;background:transparent;color:#8d8f93;font:400 11px/13px Inter,system-ui,sans-serif}.create-theme-preview-column{min-width:0;display:flex;flex-direction:column;gap:10px}.create-theme-preview-grid article{min-width:0;min-height:108px;display:flex;flex-direction:column;gap:7px;padding:11px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--theme-radius);background:#ffffff09;box-sizing:border-box}.create-theme-preview-grid .preview-card-dynamics{height:188px}.create-theme-preview-grid .preview-card-limit{height:163px}.create-theme-preview-grid .preview-card-goals{height:170px}.create-theme-preview-grid .preview-card-investment{height:160px}.create-theme-preview-grid .preview-empty{height:108px}.create-theme-preview-grid .preview-card-balance{height:145px}.create-theme-preview-grid .preview-card-operations{height:153px}.create-theme-preview-grid .preview-card-navigation,.create-theme-preview-grid .preview-card-settings{height:128px}.create-theme-preview-grid .preview-card-turnover{height:187px}.create-theme-preview-grid .preview-card-approval{height:127px}.create-theme-preview.is-light .create-theme-preview-grid article{border-color:#00000021;background:#fff}.create-theme-preview-grid h3{margin:0;font:600 12px/16px Inter,system-ui,sans-serif}.create-theme-preview-grid small,.create-theme-preview-grid label{color:#8d8f93;font:400 10px/14px Inter,system-ui,sans-serif}.preview-bars{height:62px;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-top:4px}.preview-bars i{width:18px;border-radius:4px 4px 0 0;background:var(--theme-data)}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.preview-stats span{padding:7px;border-radius:var(--theme-radius);background:#ffffff0f;color:#8d8f93;font-size:8px}.create-theme-preview.is-light .preview-stats span{background:#f0f2f4}.preview-stats strong{color:inherit;font-size:9px}.preview-input{height:24px;display:flex;align-items:center;margin-top:3px;padding:0 7px;border-radius:var(--theme-radius);background:#ffffff0e;color:inherit}.create-theme-preview.is-light .preview-input{background:#f0f2f4}.preview-nav{display:grid;gap:5px;margin-top:5px;font-size:8px}.preview-nav>*{padding:5px 7px;border-radius:var(--theme-radius)}.preview-nav b{background:var(--theme-accent);color:#fff}.preview-money{font-size:18px}.preview-slider{height:3px;margin-top:auto;background:#ffffff29}.preview-slider i{display:block;width:42%;height:100%;background:var(--theme-accent)}.preview-scale{display:flex;justify-content:space-between;color:#8d8f93;font-size:7px}.preview-empty{align-items:center;justify-content:center;text-align:center}.preview-empty>span{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--theme-radius);background:#ffffff1a;font-size:18px}.preview-empty button{height:24px;border:0;border-radius:var(--theme-radius);background:var(--theme-accent);color:#fff;font-size:8px}.preview-switch-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:8px}.preview-switch-row i{width:24px;height:14px;border-radius:1000px;background:var(--theme-accent)}.preview-progress{height:3px;background:#ffffff24}.preview-progress i{display:block;height:100%;background:var(--theme-accent)}.preview-list{display:grid;margin-top:auto;font-size:8px}.preview-list span{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid rgba(255,255,255,.08)}.preview-line-chart{height:76px;margin-top:auto;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--theme-text) 14%,transparent)}.preview-line-chart svg{display:block;width:100%;height:100%}.preview-line-chart path{fill:color-mix(in srgb,var(--theme-data) 18%,transparent)}.preview-line-chart polyline{fill:none;stroke:var(--theme-data);stroke-width:2;vector-effect:non-scaling-stroke}.preview-line-chart circle{fill:var(--theme-surface-card);stroke:var(--theme-data);stroke-width:2;vector-effect:non-scaling-stroke}.preview-operations{display:grid;margin-top:3px}.preview-operations span{min-width:0;height:24px;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:6px;align-items:center;border-top:1px solid rgba(255,255,255,.08);font-size:7px}.preview-operations i{width:12px;height:12px;border-radius:50%;background:var(--theme-accent)}.preview-operations b{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.preview-operations em{color:inherit;font-style:normal}.preview-operations em.is-positive{color:#10a536}button:disabled{opacity:.42}.settings{width:min(680px,100%);padding:16px 0 40px}.settings>form,.settings>.danger{padding:16px;margin:0 0 24px;border:1px solid var(--p-line);border-radius:8px;background:#303236}.settings h2{margin:20px 0 12px;font:600 12px/16px Inter}.settings>p{color:var(--p-muted);font-size:12px}.settings form{display:grid;gap:12px}.settings form>button,.settings>.danger button,.member button{width:max-content;height:24px;padding:4px 8px;border:0;border-radius:6px;background:var(--p-accent);color:#fff}.settings input,.settings textarea,.settings select,.settings>select{width:100%;height:24px;padding:4px 8px;border:1px solid var(--p-line);border-radius:6px;background:#27282c;color:var(--p-text)}.settings textarea{height:72px}.settings>.danger{border-color:#9f2632}.settings>.danger button{background:#9f2632}.catalog-card>a{color:inherit;text-decoration:none}.catalog-card .card-settings{position:absolute;z-index:3;top:12px;right:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;border:0;background:transparent;color:var(--p-muted);opacity:0}.catalog-card:hover .card-settings,.catalog-card:focus-within .card-settings{opacity:1}.catalog-card .card-settings:hover{background:var(--p-line);color:var(--p-text)}.catalog-card .card-settings .ui-glyph{width:16px;height:16px}.catalog-card>button{position:absolute;z-index:2;top:12px;height:24px;padding:4px 8px;border:0;border-radius:6px;background:#202226dd;color:var(--p-text);font-size:10px}.catalog-card>button:last-child{right:12px}.catalog-card>button:nth-last-child(2){right:80px}@media (max-width: 760px){.builder-shell{grid-template-columns:44px 1fr}.builder-rail{padding:6px 4px}.rail-mark,.rail-project,.rail-action,.rail-account{width:32px;height:32px}.catalog-controls{display:none}.catalog-grid{grid-template-columns:1fr}.catalog-card{width:100%}.entity-dialog,.entity-dialog.compact{width:calc(100vw - 24px)}.settings-workspace{grid-template-columns:1fr}.settings-nav{padding:8px;display:flex;gap:4px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--p-line)}.settings-nav strong{display:none}.settings-nav button{width:auto;flex:none}.settings-aside{display:none}.member{grid-template-columns:1fr auto}.create-theme-workspace{height:auto;grid-template-columns:1fr}.create-theme-panel{min-height:calc(100vh - 44px)}.theme-live-preview{min-height:600px}.preview-grid,.custom-fields{grid-template-columns:1fr}}.editor-autosave-status{color:var(--builder-text-tertiary, #b6b7b9);font-size:12px;white-space:nowrap;display:inline-flex;min-width:24px;min-height:24px;width:24px;height:24px;padding:2px;align-items:center;justify-content:center;flex:none}.editor-autosave-status:focus-visible{outline:1px solid var(--p-accent, #2b8ced);outline-offset:2px;border-radius:4px}.editor-autosave-status.is-saving .editor-autosave-progress{transform-origin:18px 18px;animation:editor-autosave-spin .8s linear infinite}@keyframes editor-autosave-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.editor-autosave-status.is-saving .editor-autosave-progress{animation:none}}.editor-autosave-tooltip{padding:8px 10px;border:1px solid var(--p-line, #ffffff1a);border-radius:6px;background:var(--builder-panel, #212327);color:var(--p-text, #f3f3f3);box-shadow:0 4px 16px #0006;font:400 12px/16px Inter,system-ui,sans-serif;white-space:pre-line;pointer-events:none}.editor-section-loading{display:grid;flex:1;min-width:0;min-height:0;place-items:center}.editor-autosave-status.is-error button{border:0;padding:0;background:transparent;cursor:pointer;font:inherit;display:grid;width:20px;height:20px;place-items:center;color:inherit}.builder-shell{position:relative;isolation:isolate;min-height:100vh;display:grid;grid-template-columns:44px minmax(0,1fr);background:var(--builder-bg-primary, #27282c);color:#f3f3f3;font-family:Inter,system-ui,sans-serif}.builder-shell-gradient{position:fixed;z-index:0;top:0;left:0;width:705px;height:800px;pointer-events:none;background:radial-gradient(ellipse 705px 800px at 0 0,#2b8ced1f 0,#2b8ced0f 14.473%,#2b8ced05 45.75%,#2b8ced00 71.635%)}.builder-icon-sidebar,.builder-main{position:relative;z-index:1}.builder-icon-sidebar{position:sticky;top:0;width:44px;height:100vh;padding:0;display:flex;flex-direction:column;overflow:visible;border-right:1px solid var(--p-line);background:transparent}.builder-icon-sidebar nav{min-height:0;flex:1}.builder-icon-sidebar .builder-rail-section{width:44px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px}.builder-icon-sidebar .builder-rail-section-head{height:44px;border-bottom:1px solid var(--p-line)}.builder-icon-sidebar .builder-rail-section-main{height:100%}.builder-icon-sidebar .builder-entity-list{display:flex;flex-direction:column;gap:4px}.builder-icon-sidebar .builder-rail-section-foot{min-height:126px;gap:6px;padding-bottom:12px}.builder-icon-sidebar .builder-rail-button,.builder-icon-sidebar .builder-rail-help,.builder-icon-sidebar .builder-notification-button,.builder-icon-sidebar .builder-rail-logo{width:32px;height:32px;padding:8px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#9e9fa2}.builder-icon-sidebar .builder-rail-button.is-active{background:var(--builder-accent-transparent, var(--builder-ui-accent-transparent, #2b8ced1f));color:var(--p-accent, #2b8ced)}.builder-icon-sidebar .builder-rail-button:hover:not(:disabled):not(.is-active){background:var(--builder-control, #ffffff08)}.builder-icon-sidebar[data-testid=editor-rail] .builder-rail-button{padding:7px;border:1px solid transparent;background:transparent;color:var(--builder-text-tertiary, #b6b7b9)}.builder-icon-sidebar[data-testid=editor-rail] .builder-rail-button.is-active{border-color:var(--builder-outline-transparent, var(--builder-ui-outline-transparent-primary, #ffffff1a));background:var(--builder-surface-transparent-secondary, #ffffff1a);color:var(--builder-text-primary, #f3f3f3)}.builder-icon-sidebar[data-testid=editor-rail] .builder-rail-button:hover:not(:disabled):not(.is-active){border-color:transparent;background:transparent}.builder-icon-sidebar[data-testid=editor-rail] .builder-rail-icon,.builder-icon-sidebar[data-testid=editor-rail] .builder-rail-button.is-active .builder-rail-icon{filter:brightness(0) saturate(100%) invert(84%) sepia(6%) saturate(359%) hue-rotate(177deg) brightness(93%) contrast(88%)}.builder-icon-sidebar .builder-rail-logo{background:#2b8ced}.builder-icon-sidebar .builder-rail-logo img,.builder-icon-sidebar .builder-rail-icon{width:16px;height:16px}.builder-entity-initials{font:500 11px/12px Inter}.builder-icon-sidebar .builder-avatar{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#3d3f42;color:#f3f3f3;font:500 11px Inter}.builder-hierarchy-bar{height:44px;min-height:44px;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--p-line);background:transparent}.builder-hierarchy-path{min-width:0;display:flex;align-items:center;flex:1;gap:8px;overflow:hidden}.builder-hierarchy-path .hierarchy-product,.builder-hierarchy-path a,.builder-hierarchy-path .hierarchy-current{height:16px;min-width:0;padding:0;overflow:hidden;color:#b6b7b9;font:400 12px/16px Inter;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.builder-hierarchy-path .hierarchy-current{color:#f3f3f3}.builder-hierarchy-path a:hover,.builder-hierarchy-path a:focus-visible{color:#f3f3f3;outline:0;text-decoration:underline;text-underline-offset:2px}.builder-hierarchy-path .hierarchy-separator{color:#b6b7b9;opacity:.2}.builder-hierarchy-meta{display:flex;align-items:center;gap:8px}.catalog-view{height:calc(100vh - 44px);padding:0 16px 40px;background:transparent}.catalog-header{min-height:44px;padding-top:12px}.catalog-header-actions{display:flex;align-items:center;gap:8px}.catalog-sort-control{position:relative;z-index:30}.catalog-sort-trigger{width:auto;min-width:132px;height:24px;padding:4px 4px 4px 8px;display:flex;align-items:center;justify-content:space-between;gap:2px;border:1px solid #56585c;border-radius:6px;background:transparent;color:#f3f3f3;font:400 12px/16px Inter}.catalog-sort-menu{position:absolute;top:28px;right:0;width:148px;padding:4px;display:flex;flex-direction:column;gap:2px;border:.5px solid #ffffff1a;border-radius:10px;background:#212327;box-shadow:0 16px 32px -8px #0000003d}.catalog-sort-trigger>span{min-width:0;white-space:nowrap}.archived-projects{margin-top:32px}.archived-projects>h2{margin:0 0 12px;color:#b8b9ba;font:500 16px/20px Inter,system-ui,sans-serif}.catalog-sort-menu button{height:22px;padding:4px;border:0;border-radius:6px;background:transparent;color:#dbdbdc;font:400 12px/14px Inter;text-align:left}.catalog-sort-menu button.is-selected{background:#ffffff14;color:#f3f3f3;font-weight:600}.catalog-project-identity{width:100%;height:100%;display:grid;place-items:center;border:1px solid #3d3f42;border-radius:8px;background:#27282c}.catalog-project-identity-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#2b8ced;color:#f3f3f3;font:400 12px/14px Inter}.catalog-card.clickable-card{display:flex;flex-direction:column}.catalog-body{flex:none;box-sizing:border-box}.catalog-icon-action{width:24px!important;padding:3px!important}.catalog-sort-menu button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-empty-state{width:min(520px,100%);height:420px;margin:14px auto 0;padding:16px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.catalog-empty-art{position:relative;width:min(420px,100%);height:260px;flex:none;overflow:hidden}.catalog-empty-art img{width:100%;height:100%;object-fit:contain}.catalog-empty-copy{width:min(420px,100%);height:56px;display:flex;flex-direction:column;align-items:center;gap:4px}.catalog-empty-state h2{margin:0;font:600 14px/18px Inter}.catalog-empty-state p{margin:0;color:#9e9fa2;font:400 12px/16px Inter}.catalog-empty-project-frame{position:absolute;left:75px;top:35px;width:270px;height:190px;border:1px dashed #ffffff1a;border-radius:16px;background:#ffffff14}.catalog-empty-project-root{position:absolute;left:182px;top:66px;width:56px;height:48px;border:1px solid #2b8ced;border-radius:10px;background:#ffffff08}.catalog-empty-project-root:before,.catalog-empty-project-root:after{position:absolute;left:50%;top:50%;background:#2b8ced;content:"";transform:translate(-50%,-50%)}.catalog-empty-project-root:before{width:16px;height:2px}.catalog-empty-project-root:after{width:2px;height:16px}.catalog-empty-project-connectors{position:absolute;left:152px;top:140px;width:116px;height:15px;border-top:2px solid #ffffff1a;border-left:2px solid #ffffff1a;border-right:2px solid #ffffff1a}.catalog-empty-project-child{position:absolute;top:154px;width:82px;height:46px;padding:11px;border:1px solid #ffffff1a;border-radius:8px;background:#ffffff08}.catalog-empty-project-child.is-left{left:112px}.catalog-empty-project-child.is-right{left:226px}.catalog-empty-project-child i{display:block;height:5px;border-radius:3px;background:#ffffff08}.catalog-empty-project-child i:first-child{width:35px;margin-bottom:6px}.catalog-empty-project-child i:last-child{width:52px}.catalog-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;background:#0e101580}.create-project-dialog{width:520px;height:342px;padding:20px 24px 24px;outline:1px solid #3d3f42;border-radius:8px;background:#3d3f42;color:#f3f3f3}.create-project-dialog.has-error{height:362px}.create-project-dialog.is-team{width:560px;height:auto;min-height:428px;max-height:calc(100vh - 48px);overflow:hidden}.create-project-dialog form{height:100%;display:flex;flex-direction:column;gap:24px}.create-project-dialog.is-team form{min-height:380px}.create-project-main{display:flex;flex-direction:column;gap:20px}.create-project-header{display:flex;flex-direction:column;gap:19px}.create-project-header h1{margin:0;font:500 14px/17px Inter}.create-project-stepper{width:256px;height:20px;margin:0;padding:0;display:flex;align-items:center;gap:8px;list-style:none}.create-project-stepper:before{order:2;width:98px;height:1px;background:#ffffff1a;content:""}.create-project-stepper li{display:flex;align-items:center;gap:6px;color:#9e9fa2;font:400 11px/16px Inter}.create-project-stepper li:first-child{order:1}.create-project-stepper li:last-child{order:3}.create-project-stepper b{width:20px;height:20px;display:grid;place-items:center;border:1px solid #3d3f42;border-radius:50%;background:#212327;font:500 10px/12px Inter}.create-project-stepper li.is-active,.create-project-stepper li.is-complete{color:#f3f3f3}.create-project-stepper li.is-active b,.create-project-stepper li.is-complete b{border-color:#2b8ced;background:#2b8ced}.create-project-details{display:flex;flex-direction:column;gap:16px}.create-project-field{display:flex;flex-direction:column;gap:6px;color:#9e9fa2;font:500 10px/12px Inter}.create-project-field input,.create-project-field textarea{width:100%;border:1px solid #ffffff08;border-radius:6px;background:#ffffff08;color:#f3f3f3;font:400 12px/16px Inter;outline:0}.create-project-field input{height:24px;padding:4px 6px}.create-project-field textarea{height:72px;padding:10px 12px;resize:none}.create-project-field>small{color:#f34;font:400 12px/16px Inter}.create-project-hint{margin:-2px 0 0;color:#9e9fa2;font:400 10px/12px Inter}.create-project-dialog footer{height:24px;margin-top:auto;display:flex;justify-content:flex-end;gap:8px}.create-project-dialog footer a,.create-project-dialog footer button{height:24px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#f3f3f3;font:400 12px/16px Inter;text-decoration:none}.create-project-dialog footer .secondary{border:1px solid #3d3f42;background:#27282c}.create-project-dialog footer .primary{border:0;background:#2b8ced}.create-project-dialog.is-team footer .primary{width:110px}.create-project-team-intro{display:flex;flex-direction:column;gap:7px}.create-project-team-intro h2{margin:0;font:500 12px/15px Inter}.create-project-team-intro p,.create-project-members>p{margin:0;color:#9e9fa2;font:400 10px/12px Inter}.create-project-members{margin-top:24px;padding-top:17px;border-top:1px solid #ffffff08}.create-project-members h3{margin:0 0 12px;color:#9e9fa2;font:500 10px/12px Inter}.create-project-member-row{height:52px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 108px 24px;gap:8px;align-items:center}.create-project-member-row>span:first-child{display:flex;flex-direction:column;gap:6px}.create-project-member-row strong{font:500 11px/14px Inter}.create-project-member-row small,.create-project-member-role{color:#9e9fa2;font:400 10px/12px Inter;justify-self:start}.create-project-members>p{margin-top:14px}.create-design-system-dialog{width:340px;height:189px;padding:24px;border:1px solid #3d3f42;border-radius:12px;background:#3d3f42;color:#f3f3f3}.create-design-system-dialog.has-error{height:209px}.create-design-system-dialog form{height:100%;display:flex;flex-direction:column;gap:16px}.create-design-system-dialog header{display:flex;flex-direction:column;gap:4px}.create-design-system-dialog h1{margin:0;font:500 14px/17px Inter}.create-design-system-dialog header p{height:24px;margin:0;overflow:hidden;color:#9e9fa2;font:400 10px/12px Inter}.create-design-system-field{display:flex;flex-direction:column;gap:2px;color:#9e9fa2;font:400 10px/12px Inter}.create-design-system-field input{width:100%;height:24px;padding:3px 6px;border:1px solid #ffffff14;border-radius:6px;background:#ffffff08;color:#f3f3f3;font:400 12px/16px Inter;outline:0}.create-design-system-dialog.is-import{height:auto;min-height:229px}.create-design-system-file{position:relative;width:100%;height:24px;padding:3px 3px 3px 6px;display:flex;align-items:center;gap:6px;border:1px solid #ffffff14;border-radius:6px;background:#ffffff08;color:#f3f3f3;font:400 12px/16px Inter;cursor:pointer}.create-design-system-file:focus-within{border-color:var(--p-accent)}.create-design-system-file input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.create-design-system-file.is-disabled{opacity:.5}.create-design-system-file input:disabled{cursor:default}.create-design-system-file>span:not(.create-design-system-file-action){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-design-system-file>.is-placeholder{color:#9e9fa2}.create-design-system-file-action{height:16px;padding:0 6px;display:inline-flex;align-items:center;flex:none;border:1px solid #3d3f42;border-radius:4px;background:#27282c;font:400 10px/12px Inter}.create-design-system-skipped{max-height:96px;margin:0;overflow:auto;color:#9e9fa2;font:400 10px/12px Inter}.create-design-system-field small{height:16px;color:#ff4060;font:400 12px/16px Inter}.create-design-system-dialog footer{margin-top:auto;display:flex;justify-content:flex-end;gap:12px}.create-design-system-dialog footer a,.create-design-system-dialog footer button{height:24px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#f3f3f3;font:400 12px/16px Inter;text-decoration:none}.create-design-system-dialog footer .secondary{border:1px solid #3d3f42;background:#27282c}.create-design-system-dialog footer .primary{border:0;background:#2b8ced}@media (max-width: 760px){.builder-shell{grid-template-columns:44px minmax(0,1fr)}.catalog-grid{grid-template-columns:minmax(0,330px)}.catalog-card{width:min(330px,100%)}.create-project-dialog,.create-project-dialog.is-team{width:calc(100vw - 68px);max-height:calc(100vh - 24px);height:auto;min-height:342px}.create-project-stepper{width:100%}.create-project-stepper:before{width:auto;flex:1}.catalog-empty-project-frame{left:calc(50% - 135px)}.catalog-empty-project-root{left:calc(50% - 28px)}.catalog-empty-project-connectors{left:calc(50% - 58px)}.catalog-empty-project-child.is-left{left:calc(50% - 98px)}.catalog-empty-project-child.is-right{left:calc(50% + 16px)}}.project-settings{height:calc(100vh - 44px);display:grid;grid-template-columns:280px minmax(0,1fr) 320px;overflow:hidden;background:transparent}.ps-nav{min-width:0;padding:8px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--p-line)}.ps-nav-section{height:32px;padding:8px;color:#9e9fa2;font:600 10px/12px Inter;text-transform:uppercase}.ps-nav-item{width:100%;height:32px;padding:8px;border:0;border-radius:6px;background:transparent;color:#dbdbdc;font:400 12px/16px Inter;text-align:left}.ps-nav-item:hover,.ps-nav-item.is-active{background:#ffffff08;color:#f3f3f3}.ps-main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.ps-header{height:52px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--p-line)}.ps-header h1{margin:0;font:500 16px/20px Inter}.ps-content{min-height:0;padding:24px;overflow:auto}.ps-button{height:24px;padding:4px 8px;display:inline-flex;align-items:center;border:1px solid #3d3f42;border-radius:6px;background:#27282c;color:#f3f3f3;font:400 12px/16px Inter;text-decoration:none}.ps-aside{width:320px;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--p-line);background:#212327}.ps-aside-header{min-height:52px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--p-line)}.ps-aside-header strong{font:600 12px/16px Inter}.ps-aside-header span,.ps-aside-note{color:#9e9fa2;font:400 12px/14px Inter}.ps-aside-body{padding:4px 0 12px}.ps-aside-section-block{padding:8px 0;border-bottom:1px solid var(--p-line)}.ps-aside-section{height:32px;margin:0;padding:8px 12px;font:600 12px/16px Inter}.ps-aside-note{margin:0;padding:0 12px}.ps-aside-overview{margin:0;padding:0 12px;display:grid;gap:8px}.ps-aside-overview div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ps-aside-overview dt{color:#9e9fa2;font:400 12px/16px Inter}.ps-aside-overview dd{max-width:170px;margin:0;color:#f3f3f3;font:500 12px/16px Inter;text-align:right;overflow-wrap:anywhere}@media (max-width: 760px){.project-settings{height:auto;min-height:calc(100vh - 44px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:start}.ps-nav{display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--p-line)}.ps-nav-section{display:none}.ps-nav-item{width:auto;flex:0 0 auto}.ps-header{height:auto;padding:12px 16px;align-items:center;flex-direction:row;gap:8px}.ps-header h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-header>:last-child{flex:0 0 auto}.ps-content{padding:16px}.ps-aside{display:none}}.ui-glyph{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}.catalog-sort-trigger .ui-glyph{width:16px;height:16px;flex:0 0 16px;transition:transform .15s ease}.catalog-sort-trigger[aria-expanded=true] .ui-glyph{transform:rotate(180deg)}.catalog-icon-action .ui-glyph{width:16px;height:16px}.catalog-state-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog-loading-grid{height:284px;margin-top:82px;padding:12px 0;display:grid;grid-template-columns:repeat(auto-fill,330px);align-items:start;gap:16px;box-sizing:border-box}.catalog-loading-grid.is-project{margin-top:2px}.catalog-loading-grid.is-theme{margin-top:14px}.catalog-loading-card{position:relative;width:330px;height:260px;overflow:hidden;box-sizing:border-box;border:.5px solid var(--builder-outline-transparent, var(--builder-ui-outline-transparent-primary, #ffffff1a));border-radius:var(--builder-radius-m, var(--builder-ui-radius-m, 12px));background:var(--builder-control, var(--builder-ui-bg-transparent-secondary, #ffffff08))}.catalog-loading-card>span{position:absolute;left:11.5px;top:11.5px;width:306px;height:180px;border-radius:8px;background:var(--builder-control, var(--builder-ui-bg-transparent-secondary, #ffffff08))}.catalog-loading-card>div{position:static}.catalog-loading-card i{position:absolute;left:15.5px;display:block;border-radius:4px;background:var(--builder-control, var(--builder-ui-bg-transparent-secondary, #ffffff08))}.catalog-loading-card i:first-child{top:211.5px;width:156px;height:14px}.catalog-loading-card i:last-child{top:233.5px;width:244px;height:10px}.catalog-error-state{height:370px;min-height:370px;margin-top:172px;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--builder-text-primary, var(--builder-ui-text-primary, #f3f3f3));box-sizing:border-box}.catalog-view:has(.catalog-error-state.is-project){padding-bottom:0}.catalog-error-state.is-project{height:710px;min-height:710px;margin-top:2px}.catalog-error-state.is-system{margin-top:39px}.catalog-error-art{width:min(470px,100%);height:190px;display:grid;place-items:center;overflow:hidden}.catalog-error-art img{display:block;width:470px;max-width:100%;height:190px;object-fit:contain}.catalog-error-state h2{width:min(420px,100%);margin:0;font:600 14px/18px Inter,system-ui,sans-serif;letter-spacing:-.28px}.catalog-error-state p{width:min(420px,100%);margin:0;color:var(--builder-text-paragraph, var(--builder-ui-text-paragraph, #9e9fa2));font:400 12px/16px Inter,system-ui,sans-serif}.catalog-error-state .catalog-primary-action{width:auto;height:24px;min-height:24px;padding-inline:8px}@media (max-width: 760px){.catalog-grid,.catalog-loading-grid{grid-template-columns:minmax(0,330px)}.catalog-card,.catalog-loading-card{width:min(330px,100%)}}.catalog-card{box-sizing:border-box}.catalog-card-link{width:100%;height:100%;display:flex;flex-direction:column;color:inherit;text-decoration:none}.catalog-cover{overflow:hidden;border:0;border-radius:0}.catalog-project-identity{border:0;border-radius:0}.catalog-card .card-menu-wrap{position:absolute;top:12px;right:12px;z-index:8}.catalog-card .card-kebab{width:24px;height:24px;padding:4px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#dbdbdc;opacity:0;transition:opacity .12s ease,background-color .12s ease}.catalog-card:hover .card-kebab,.catalog-card:focus-within .card-kebab,.catalog-card .card-kebab[aria-expanded=true]{opacity:1}.catalog-card .card-kebab:hover,.catalog-card .card-kebab:focus-visible{background:#ffffff1a;color:#f3f3f3;outline:0}.card-dropdown{position:absolute;top:28px;right:0;width:139px;padding:4px;display:flex;flex-direction:column;gap:2px;border:.5px solid #ffffff1a;border-radius:8px;background:#212327;box-shadow:0 16px 32px -8px #0000003d}.card-dropdown a{height:24px;padding:4px 8px;display:flex;align-items:center;border-radius:4px;color:#dbdbdc;font:400 12px/16px Inter;text-decoration:none;white-space:nowrap}.card-dropdown button{width:100%;height:28px;padding:4px 8px;display:flex;align-items:center;border:0;border-radius:4px;background:transparent;color:#dbdbdc;font:400 12px/16px Inter;text-align:left;white-space:nowrap}.card-dropdown button[role=menuitem]{height:24px;cursor:pointer}.card-dropdown button[role=menuitem]:disabled{color:#9e9fa2;cursor:default}.card-dropdown a:hover,.card-dropdown a:focus-visible,.card-dropdown button[role=menuitem]:not(:disabled):hover,.card-dropdown button[role=menuitem]:focus-visible{background:#ffffff08;color:#f3f3f3;outline:0}.card-dropdown [role=separator]{height:1px;margin:1px 4px;background:#ffffff1a}.card-dropdown .danger-menu-item{color:#ff7b86}.card-dropdown .danger-menu-item:hover,.card-dropdown .danger-menu-item:focus-visible{background:#ff334414;color:#ff7b86}.theme-cover{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}.theme-pane{padding:10px 8px 8px;display:flex;flex-direction:column;gap:6px;border:0;border-radius:0;font:500 9px/12px Inter}.theme-pane-mode{font:600 9px/12px Inter,system-ui,sans-serif}.theme-pane>b{width:40%;height:6px;margin:0;border-radius:4px}.theme-pane-widget{min-height:0;padding:7px;display:flex;flex:1;flex-direction:column;gap:4px;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:5px;background:color-mix(in srgb,currentColor 6%,transparent)}.theme-pane-line{width:76%;height:3px;flex:none;border-radius:3px;background:currentColor;opacity:.22}.theme-pane-line.is-title{width:48%;height:4px;opacity:.5}.theme-pane-line.is-short{width:58%}.theme-pane-chart{min-height:22px;margin-top:auto;display:flex;align-items:flex-end;gap:3px}.theme-pane-chart span{width:6px;border-radius:2px 2px 0 0;background:currentColor;opacity:.55}.theme-pane-chart span:nth-child(1){height:35%}.theme-pane-chart span:nth-child(2){height:70%}.theme-pane-chart span:nth-child(3){height:50%}.theme-pane-chart span:nth-child(4){height:88%}.theme-pane-chart span:nth-child(5){height:62%}.theme-pane>em{width:62%;height:18px;margin-top:auto;display:grid;place-items:center;border-radius:4px;color:#fff;font:500 7px/10px Inter;font-style:normal}.builder-icon-sidebar .rail-entity-item{box-sizing:border-box;border:1px solid transparent;background:#ffffff08;color:#dbdbdc;text-decoration:none}.project-settings-layout{grid-template-columns:280px minmax(0,1fr) 320px;background:#212327}@media (max-width: 760px){.project-settings-layout{grid-template-columns:1fr}}.project-settings-layout .ps-header{height:52px;padding:10px 16px}.project-settings-layout .ps-header h1{font:400 12px/14px Inter,system-ui,sans-serif}.project-settings-layout .ps-content{padding:23px 24px}.project-settings-layout .ps-nav-section{color:#9e9fa2;font:600 12px/16px Inter,system-ui,sans-serif;text-transform:none}.project-settings-layout .ps-nav-item{height:32px;padding:8px;color:#dbdbdc}.project-settings-layout .ps-nav-item.is-active{background:#3d3f42}.project-settings-layout .entity-field{gap:6px;font-weight:400}.project-settings-layout #settings-general .entity-field+.entity-field{margin-top:16px}.project-settings-layout #settings-general .entity-field input{width:min(520px,100%)}.project-settings-layout #settings-general .entity-field textarea{width:min(640px,100%);height:72px}.project-settings-layout .ps-hint{margin:10px 0 0;color:#9e9fa2;font:400 12px/14px Inter,system-ui,sans-serif}.project-settings-layout .ps-divider{height:1px;margin:17px 0 23px;background:var(--p-line)}.project-settings-layout .ps-icon-row{height:56px;display:flex;align-items:flex-start;gap:16px}.project-settings-layout .ps-icon-preview{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:var(--p-accent)}.project-settings-layout .ps-icon-actions{display:flex;flex-direction:column;gap:0}.project-settings-layout .ps-project-cover-field{margin-top:23px}.project-settings-layout .ps-project-cover-row{margin-top:14px;display:flex;align-items:center;gap:16px}.project-settings-layout .ps-project-cover-preview{width:160px;height:88px;display:grid;place-items:center;border:1px solid var(--p-line);border-radius:8px;background:#27282c;color:#86878a}.project-settings-layout .ps-project-cover-actions{display:flex;flex-direction:column;gap:0}.ps-aside-row{height:32px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ps-aside-row span{color:#dbdbdc;font:400 12px/14px Inter,system-ui,sans-serif}.ps-aside-row strong{color:#9e9fa2;font:400 12px/14px Inter,system-ui,sans-serif}.ps-aside-role{padding:6px 12px;display:flex;flex-direction:column;gap:2px}.ps-aside-role strong{font:400 12px/14px Inter,system-ui,sans-serif}.ps-aside-role span{color:#9e9fa2;font:400 12px/14px Inter,system-ui,sans-serif}.ps-aside-members,.ps-aside-lifecycle,.project-settings-layout[data-active-section=members] .ps-aside-general,.project-settings-layout[data-active-section=lifecycle] .ps-aside-general{display:none}.project-settings-layout[data-active-section=members] .ps-aside-members,.project-settings-layout[data-active-section=lifecycle] .ps-aside-lifecycle{display:block}.project-settings-layout .ps-members-toolbar{position:relative;z-index:20;height:52px;padding-bottom:28px;display:flex;gap:12px}.project-settings-layout .ps-search{position:relative;width:352px}.project-settings-layout .ps-search>.ui-glyph{position:absolute;left:9px;top:4px;width:16px;height:16px;color:#9e9fa2;pointer-events:none}.project-settings-layout .ps-search input{width:100%;height:24px;padding:4px 30px;border:1px solid var(--p-line);border-radius:6px;background:#303236;color:#f3f3f3}.project-settings-layout .ps-search-clear{position:absolute;top:0;right:0;width:24px!important;padding:0!important;border:0!important;background:transparent!important;color:#b8b9ba!important;font-size:16px!important}.project-settings-layout .ps-search-clear:hover,.project-settings-layout .ps-search-clear:focus-visible{color:#f3f3f3!important}.project-settings-layout .ps-role-filter{position:relative;z-index:1;width:116px}.project-settings-layout .ps-role-filter .styled-select-trigger{border-color:var(--p-line);background:#303236;color:#dbdbdc}.ps-role-filter-menu{display:flex;flex-direction:column;gap:2px}.project-settings-layout .ps-members-count{height:28px;margin:0;padding-bottom:12px}.project-settings-layout .ps-members-head{height:20px;display:grid;grid-template-columns:minmax(0,1fr) 64px 116px 24px;gap:32px;padding:0 12px 8px;border-bottom:1px solid var(--p-line);color:#9e9fa2;font:600 12px/16px Inter}.project-settings-layout .ps-member-row{height:48px;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) 64px 116px 24px;gap:32px;align-items:center;background:#303236;border-bottom:1px solid var(--p-line)}.project-settings-layout .ps-member-identity{min-width:0;display:flex;flex-direction:column;gap:4px}.project-settings-layout .ps-member-identity strong,.project-settings-layout .ps-member-identity span{overflow:hidden;font:400 12px/14px Inter;text-overflow:ellipsis;white-space:nowrap}.project-settings-layout .ps-member-identity span{color:#9e9fa2}.project-settings-layout .ps-badge{width:max-content;justify-self:start;min-height:20px;padding:3px 8px;border-radius:6px;background:#27282c;color:#dbdbdc;font:400 12px/14px Inter}.project-settings-layout .ps-badge.is-positive{background:#108e2629;color:#21a038}.project-settings-layout .ps-member-row .styled-select{width:116px}.project-settings-layout .ps-member-row .styled-select-trigger:disabled{opacity:1;cursor:default;color:#9e9fa2}.project-settings-layout .ps-member-menu{position:relative;z-index:10;justify-self:end}.ps-member-actions-popover{min-width:0}@media (max-width: 760px){.project-settings-layout .ps-content{padding:16px 12px}.project-settings-layout .ps-members-toolbar{height:auto;padding-bottom:20px;flex-wrap:wrap}.project-settings-layout .ps-search{width:100%}.project-settings-layout .ps-members-head{grid-template-columns:minmax(94px,1fr) max-content 80px 24px;gap:8px;padding-inline:8px}.project-settings-layout .ps-member-row{height:52px;padding:8px;grid-template-columns:minmax(94px,1fr) max-content 80px 24px;gap:8px}.project-settings-layout .ps-member-row .styled-select{width:80px}.create-project-member-add{grid-template-columns:minmax(0,1fr);align-items:stretch}.create-project-member-add>button{width:100%}.create-project-member-row{min-height:68px;height:auto;grid-template-columns:minmax(0,1fr) 24px;grid-template-rows:auto auto}.create-project-member-role{grid-column:1;grid-row:2}.create-project-member-row>button{grid-column:2;grid-row:1 / span 2}}.project-settings-layout .ps-add-member{margin-top:16px}.project-settings-layout .ps-add-member-form{margin-top:16px;max-width:520px}.project-settings-layout .cli-access-settings,.project-settings-layout #settings-lifecycle{width:100%}.project-settings-layout .ps-administration .ps-block-title{color:#dbdbdc;font:600 13px/18px Inter,system-ui,sans-serif}.project-settings-layout .cli-access-settings .ps-subtitle{margin:0 0 5px;color:#f3f3f3;font:500 14px/18px Inter,system-ui,sans-serif}.project-settings-layout .ps-cli-form{height:90px;margin-top:23px;display:grid;grid-template-columns:436px 148px 168px;grid-template-rows:22px 24px 44px}.project-settings-layout .ps-cli-expiry-label{grid-column:2;grid-row:1}.project-settings-layout .ps-cli-scope-label{grid-column:3;grid-row:1}.project-settings-layout .ps-cli-name{grid-column:1;grid-row:2;width:420px}.project-settings-layout .ps-cli-expiry{grid-column:2;grid-row:2;width:132px}.project-settings-layout .ps-cli-scope{grid-column:3;grid-row:2;width:106px;text-align:center}.project-settings-layout .ps-cli-status{grid-column:1/3;grid-row:3;margin-top:25px}.project-settings-layout .ps-cli-submit{grid-column:3;grid-row:3;justify-self:end;margin-top:20px}.project-settings-layout .ps-cli-list{width:100%;margin-top:16px;border-top:1px solid var(--p-line)}.project-settings-layout .ps-cli-head,.project-settings-layout .ps-cli-row{display:grid;grid-template-columns:minmax(120px,1fr) 70px minmax(240px,2fr) 90px 72px;gap:12px;align-items:center}.project-settings-layout .ps-cli-head{min-height:34px;color:#9e9fa2;font:600 11px/14px Inter,system-ui,sans-serif}.project-settings-layout .ps-cli-row{min-height:42px;border-bottom:1px solid var(--p-line);font-size:10px}.project-settings-layout .ps-cli-row:last-child{border-bottom:0}.project-settings-layout .ps-cli-created{margin-top:19px;padding:14px;display:flex;flex-direction:column;gap:8px;border:1px solid #9b742e;border-radius:8px;background:#9b742e1f;color:#f3f3f3}.project-settings-layout .ps-cli-created-title{color:#eacb8b;font:600 13px/18px Inter,system-ui,sans-serif}.project-settings-layout .ps-cli-secret-row{display:flex;align-items:stretch;overflow:hidden;border:1px solid #9b742e80;border-radius:6px;background:#212327}.project-settings-layout .ps-cli-secret-row code{min-width:0;flex:1;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-settings-layout .ps-danger-title{height:auto;margin:0;padding:0 0 10px;color:#ff526d;font:600 16px/20px Inter,system-ui,sans-serif}.project-settings-layout .ps-danger-zone{width:min(752px,100%);padding:14px 16px 34px;border:1px solid #ff4060;border-radius:6px;background:linear-gradient(0deg,#27282ceb,#27282ceb),#ff4060}.project-settings-layout .ps-danger-zone>p{color:#b8b9ba;font:400 12px/14px Inter}.project-settings-layout .ps-danger-badges{display:flex;gap:8px}.project-settings-layout .ps-danger-confirm{color:#ff4060!important}.project-settings-layout .ps-danger-actions{display:flex;gap:12px}.project-settings-layout .ps-danger-actions .ps-field{width:min(520px,100%)}.ps-button-danger,.project-settings .ps-button-danger{border-color:#9f2632;background:#9f2632;color:#fff}.ps-button-danger:hover:not(:disabled),.project-settings .ps-button-danger:hover:not(:disabled),.danger-menu-item:hover{border-color:#bd3545!important;background:#bd3545!important;color:#fff!important}.catalog-primary-action{height:24px;padding:4px 8px;display:inline-flex;align-items:center;border:1px solid var(--p-accent);border-radius:6px;background:var(--p-accent);color:#fff;font:400 12px/16px Inter;text-decoration:none}.builder-icon-sidebar .rail-entity-item:hover{border-color:transparent;background:#ffffff14;color:#f3f3f3}.builder-icon-sidebar .rail-entity-item.is-active{border-color:#56585c;background:#ffffff08;color:#f3f3f3}.builder-icon-sidebar .builder-add-entity:hover{background:#ffffff08;color:#f3f3f3}.builder-rail-section-foot{position:relative;justify-content:flex-end}.builder-avatar:hover,.builder-avatar.is-open{background:#56585c!important}.account-popover{position:fixed;left:48px;bottom:12px;z-index:2147483647;width:216px;padding:4px;display:flex;flex-direction:column;gap:2px;border:.5px solid #ffffff1a;border-radius:6px;background:#212327;box-shadow:0 8px 24px #0000003d}.account-popover-user{padding:6px 8px 8px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid #ffffff1a}.account-popover-user strong{overflow:hidden;font:500 12px/16px Inter;text-overflow:ellipsis;white-space:nowrap}.account-popover-user span{color:#9e9fa2;font:400 10px/12px Inter}.account-popover button{width:100%;height:24px;padding:4px 8px;border:0;border-radius:4px;background:transparent;color:#dbdbdc;font:400 12px/16px Inter;text-align:left}.account-popover button:hover,.account-popover button:focus-visible{background:#ffffff08;color:#f3f3f3;outline:0}.account-popover-divider{height:1px;margin:1px 6px;background:#ffffff1a}.account-popover .danger-menu-item{color:#ff7b86}.styled-select{position:relative;min-width:0}.styled-select-trigger{width:100%;height:24px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--p-line);border-radius:6px;background:#303236;color:#f3f3f3;font:400 12px/16px Inter,system-ui,sans-serif;text-align:left}.styled-select-chevron{width:6px;height:6px;margin:-3px 2px 0 8px;border-right:1px solid #b8b9ba;border-bottom:1px solid #b8b9ba;transform:rotate(45deg)}.styled-select-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:1600;min-width:100%;max-height:calc(100vh - 16px);padding:4px;overflow-y:auto;border:1px solid #ffffff1a;border-radius:6px;background:#212327;box-shadow:0 8px 24px #0008}.styled-select-popover{position:fixed;min-width:0}.styled-select-menu button{width:100%;height:26px;padding:4px 8px;border:0;border-radius:4px;background:transparent;color:#dbdbdc;text-align:left;white-space:nowrap}.styled-select-menu button:hover,.styled-select-menu button[aria-selected=true]{background:#ffffff14;color:#fff}.ps-button-primary,.project-settings .ps-button-primary{border-color:#2b8ced;background:#2b8ced;color:#fff}.ps-button-primary:hover:not(:disabled),.project-settings .ps-button-primary:hover:not(:disabled){border-color:#4a9df0;background:#4a9df0}.project-settings .settings-section .styled-select-trigger,.project-settings .settings-section .styled-select-menu button,.project-settings .settings-section .ps-icon-button,.project-settings .settings-section .card-dropdown button{background:transparent}.project-settings .settings-section .styled-select-trigger{border:1px solid var(--p-line);background:#303236;color:#dbdbdc}.project-settings .settings-section .styled-select-menu button:hover,.project-settings .settings-section .styled-select-menu button[aria-selected=true]{background:#ffffff14}.project-settings .settings-section .ps-icon-button{width:24px;padding:0;border:1px solid transparent;color:#b8b9ba}.project-settings .settings-section .ps-icon-button:hover{border-color:var(--p-line);background:#ffffff08;color:#f3f3f3}.project-settings .settings-section .card-dropdown button.danger-menu-item{width:100%;color:#ff7b86}.project-settings .settings-section .card-dropdown button.danger-menu-item:hover{background:#9f2632!important;color:#fff}.member-candidate-picker{position:relative;min-width:0;display:flex;flex-direction:column;gap:4px;color:#9e9fa2;font:500 10px/12px Inter,system-ui,sans-serif}.member-candidate-picker>label{min-width:0;display:flex;flex-direction:column;gap:4px}.member-candidate-picker>label>input[type=search]{width:100%;height:24px;padding:4px 28px 4px 8px;border:1px solid var(--p-line);border-radius:6px;background:#303236;color:#f3f3f3}.member-candidate-clear{position:absolute;top:16px;right:0;z-index:1;width:24px!important;height:24px!important;padding:0!important;border:0!important;background:transparent!important;color:#b8b9ba!important;font-size:16px!important}.member-candidate-clear:hover,.member-candidate-clear:focus-visible{color:#f3f3f3!important}.member-candidate-results{position:absolute;z-index:2100;top:calc(100% + 4px);left:0;width:100%;max-height:220px;padding:4px;overflow:auto;border:1px solid var(--p-line);border-radius:8px;background:#27282c;box-shadow:0 12px 32px #0008}.member-candidate-results p{margin:0;padding:10px 12px;color:#9e9fa2}.member-candidate-results button{width:100%;min-height:48px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:0;border-radius:6px;background:transparent;color:#f3f3f3;text-align:left}.member-candidate-results button:hover,.member-candidate-results button[aria-selected=true]{background:#ffffff14}.member-candidate-results small{color:#9e9fa2}.create-project-member-add .member-candidate-results button{width:100%;height:auto;min-height:48px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#0009}.modal{width:min(520px,100%);max-height:min(720px,calc(100vh - 48px));overflow:hidden;border:1px solid #ffffff1a;border-radius:12px;background:#27282c;box-shadow:0 24px 80px #000b;color:#f3f3f3}.modal>header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--p-line)}.modal>header h2{margin:0;font:600 16px/20px Inter,system-ui,sans-serif}.modal>header button{width:28px;height:28px;border:0;background:transparent;color:#dbdbdc;font-size:22px}.modal.ps-access-key-dialog{height:min(720px,calc(100vh - 48px));display:grid;grid-template-rows:48px minmax(0,1fr)}.ps-access-key-modal{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto}.ps-access-key-modal-body{min-height:0;padding:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.ps-access-key-modal-body>.ps-label{display:grid;gap:6px;color:#dbdbdc}.modal .ps-field{height:28px;padding:5px 8px;border:1px solid var(--p-line);border-radius:6px;background:#303236;color:#f3f3f3;outline:0}.modal .ps-field:focus-visible{border-color:var(--p-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-accent) 28%,transparent)}.modal .ps-field:disabled{opacity:.55;cursor:not-allowed}.ps-scope-picker{min-height:0;margin:0;padding:0;display:flex;flex:1;flex-direction:column;border:0}.ps-scope-picker legend{font:600 13px/18px Inter,system-ui,sans-serif}.ps-scope-picker>p{margin:2px 0 8px;color:#9e9fa2;font-size:12px}.ps-scope-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.ps-scope-option{min-height:44px;padding:7px 8px;display:flex;align-items:flex-start;gap:10px;border-top:1px solid #ffffff12;cursor:pointer}.ps-scope-option input{width:16px;height:16px;margin-top:2px;accent-color:var(--p-accent)}.ps-scope-option span{display:grid;gap:2px}.ps-scope-option strong{font:500 12px/16px Inter,system-ui,sans-serif}.ps-scope-option small{color:#9e9fa2;font:400 11px/14px Inter,system-ui,sans-serif}.ps-access-key-modal footer,.ps-add-member-modal footer{padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--p-line);background:#27282c}.ps-confirm-member-remove>p{margin:0;padding:20px 16px;color:#dbdbdc}.ps-confirm-member-remove footer{padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--p-line)}.ps-add-member-modal-body{padding:16px;display:grid;gap:16px}.ps-add-member-modal-body>label{display:grid;gap:6px}.ps-cli-heading-row{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ps-cli-heading-row p{margin:0}.ps-scope-flow{min-width:0;display:flex;flex-wrap:wrap;gap:4px}.ps-scope-chip{max-width:100%;padding:3px 7px;border-radius:999px;background:#ffffff12;color:#dbdbdc;font:400 10px/14px Inter,system-ui,sans-serif;overflow-wrap:anywhere}.ps-cli-row .ps-scope-flow{align-self:stretch;align-content:center;gap:6px 8px;padding:7px 0}.catalog-card-link .catalog-body h2{position:relative;z-index:1;color:#f3f3f3}.builder-actions>.actions{display:flex;align-items:center;gap:8px}.catalog-icon-action{width:24px!important;height:24px!important;box-sizing:border-box}.primary:hover:not(:disabled),.builder-actions .primary:hover:not(:disabled),.catalog-primary-action:hover{border-color:#4a9df0!important;background:#4a9df0!important}.create-project-member-add{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;align-items:end;gap:8px;margin-top:16px}.create-project-member-add label{display:flex;flex-direction:column;gap:4px;color:#9e9fa2;font:500 10px/12px Inter}.create-project-member-add input,.create-project-member-add select{height:24px;padding:4px 6px;border:1px solid #ffffff14;border-radius:6px;background:#ffffff08;color:#f3f3f3}.create-project-member-add button{height:24px}.create-project-members{min-height:0;overflow:visible}.create-project-members>div{max-height:clamp(104px,calc(100vh - 500px),272px);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.create-project-member-row>button{width:24px;height:24px;border:0;border-radius:4px;background:transparent;color:#9e9fa2;justify-self:end}.create-project-member-row>button:hover{background:#ffffff08;color:#f3f3f3}@media (max-width: 760px){.create-project-member-add{grid-template-columns:minmax(0,1fr);align-items:stretch}.create-project-member-add>button{width:100%}}.project-settings .settings{width:100%;max-width:none;margin:0;padding:0;background:transparent}.project-settings .settings-section{width:min(752px,100%);margin:0;padding:0;border:0;background:transparent}.project-settings #settings-members{width:100%;max-width:none}.member-candidate-picker input[type=search]::-webkit-search-cancel-button,.project-settings-layout .ps-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.project-settings .settings-section h2{height:24px;margin:0;padding:0 0 8px;color:#9e9fa2;font:600 12px/16px Inter;text-transform:uppercase}.project-settings .settings-section[hidden]{display:none}.project-settings #settings-lifecycle .ps-danger-title,.project-settings #settings-delete .ps-danger-title{height:auto;padding:0 0 10px;color:#ff526d;font:600 13px/18px Inter,system-ui,sans-serif}.project-settings .settings-section p{color:#9e9fa2;font:400 12px/14px Inter}.project-settings .settings-section .theme-name-hint{margin:10px 0 0}.project-settings .settings-form,.project-settings .settings-section>form{display:flex;flex-direction:column;gap:6px}.project-settings .entity-field{display:flex;flex-direction:column;gap:6px;color:#f3f3f3;font:600 12px/16px Inter}.project-settings .entity-field input,.project-settings .entity-field textarea,.project-settings .settings-section input,.project-settings .settings-section select{height:24px;padding:4px 8px;border:1px solid #ffffff14;border-radius:6px;background:#ffffff08;color:#f3f3f3;font:400 12px/14px Inter}.project-settings .settings-section .ps-search input{padding:4px 30px}.project-settings .entity-field textarea{width:640px;max-width:100%;height:72px;resize:vertical}.project-settings .settings-section button{width:max-content;height:24px;padding:4px 8px;border:0;border-radius:6px;background:#2b8ced;color:#f3f3f3;font:400 12px/16px Inter}.project-settings .settings-section button:hover:not(:disabled){background:#4a9df0}.project-settings #settings-lifecycle .ps-cli-copy-button{width:32px;min-width:32px;height:auto;padding:0;display:grid;place-items:center;border:0;border-left:1px solid #9b742e80;border-radius:0;background:transparent;color:#eacb8b;line-height:0}.project-settings #settings-lifecycle .ps-cli-copy-button svg{display:block}.project-settings #settings-lifecycle .ps-cli-copy-button:hover:not(:disabled){background:#9b742e2e;color:#fff0c9}.project-settings #settings-lifecycle .ps-button-danger,.project-settings #settings-delete .ps-button-danger{border-color:#9f2632;background:#9f2632;color:#fff}.project-settings #settings-delete .ps-button-danger:hover:not(:disabled){background:#b32b3a}.project-settings #settings-lifecycle .ps-button-danger:hover:not(:disabled){background:#b32b3a}.project-settings .settings-section.danger{padding:14px 16px 24px;border:1px solid #9f2632;border-radius:8px}.project-settings .settings-section.danger button{background:#9f2632}.project-settings .member{min-height:44px;padding:8px 0;display:grid;grid-template-columns:minmax(0,1fr) 140px auto;align-items:center;gap:8px;border-bottom:1px solid #ffffff1a}.editor-version-actions,.version-journal-controls{display:flex;align-items:center;gap:8px}.builder-embedded-content{display:flex;flex:1;width:100%;min-width:0;min-height:0;flex-direction:column;overflow:auto}.builder-embedded-content>.project-settings,.builder-embedded-content>.catalog-view{width:100%;height:100%;min-height:0;flex:1}.editor-version-selector{position:relative}.editor-version-select{width:max-content;min-width:0;max-width:calc(100vw - 16px)}.editor-version-select .styled-select-trigger{background:#ffffff08;width:max-content;white-space:nowrap}.editor-version-error{position:absolute;right:0;top:32px;z-index:1100;width:280px;padding:12px;border:1px solid var(--p-line);border-radius:6px;background:var(--p-bg);color:var(--p-text);font:400 12px/16px Inter,system-ui,sans-serif}.editor-version-error button{margin-top:8px;border:1px solid var(--p-line);border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}.version-journal-controls select,.version-journal-controls>button{min-height:32px;border:1px solid #ffffff26;border-radius:8px;background:#20232a;color:#f3f3f3;padding:0 10px}.change-journal{position:fixed;z-index:100;top:64px;right:16px;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto;padding:16px;border:1px solid #ffffff26;border-radius:12px;background:#17191f;box-shadow:0 18px 48px #0008}.change-journal header,.change-journal li{display:flex;justify-content:space-between;gap:12px}.change-journal ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.change-journal li{padding:10px;border-radius:8px;background:#ffffff0d}.change-journal li div{display:grid;gap:3px}.change-journal .change-journal-batch{width:100%;gap:8px}.change-journal .change-journal-item{padding-top:8px;border-top:1px solid #ffffff14}.change-journal .change-journal-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.change-journal small{color:#fff9}:where(.size-tokens-screen) *,:where(.size-tokens-screen) *:before,:where(.size-tokens-screen) *:after{box-sizing:border-box}:where(.size-tokens-screen) :where(button,input,select,textarea){font:inherit}:where(.size-tokens-screen) :where(button){cursor:pointer;border:1px solid #1b1d22;background:#1b1d22;color:#fff;padding:9px 14px;border-radius:6px}:where(.size-tokens-screen) :where(button:disabled){opacity:.45;cursor:not-allowed}:where(.size-tokens-screen) :where(button.secondary){background:#fff;color:#1b1d22}:where(.size-tokens-screen) :where(h2){margin:0 0 8px;font-size:20px}:where(.size-tokens-screen) :where(p){margin-top:0}:where(.size-tokens-screen) :where(label){display:grid;gap:6px;font-weight:600}:where(.size-tokens-screen) :where(input,select,textarea){width:100%;padding:9px 10px;border:1px solid #444d59;border-radius:5px;background:#20252c;color:var(--text)}:where(.size-tokens-screen) :where(footer){padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--rail-bg);border-top:1px solid var(--line);color:var(--muted);font-size:13px}:where(.size-tokens-screen) :where(.ui-glyph){width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.size-tokens-screen{font-family:Inter,Arial,sans-serif;color:#1b1d22;background:#07080b;line-height:1.45}.size-tokens-screen button.secondary{background:#fff;color:#1b1d22}.size-tokens-screen{color-scheme:dark;--shell-bg: #07080B;--rail-bg: #151a20;--sidebar-bg: #1a2027;--surface: #202731;--surface-hover: #29323d;--line: #343e4a;--text: #edf1f6;--muted: #9aa6b5;--accent: #4d82ff}.size-tokens-screen .editor-workbench{height:calc(100vh - 49px);display:flex;flex-direction:column}.size-tokens-screen .token-browser,.size-tokens-screen .properties-panel{overflow:auto;background:#1a2027}.size-tokens-screen .token-browser{border-right:1px solid var(--line)}.size-tokens-screen .properties-panel{border-left:1px solid var(--line)}.size-tokens-screen .token-row{width:100%;padding:9px 10px;display:grid;gap:4px;text-align:left;border:0;background:transparent;color:var(--text)}.size-tokens-screen .token-row code{width:max-content;padding:0;background:none;color:var(--muted);font-size:11px}.size-tokens-screen .token-row:hover,.size-tokens-screen .token-row.is-selected{background:#343d48}.size-tokens-screen .preview-canvas{min-width:0;display:flex;flex-direction:column;background:#0c1015}@media (max-width:1000px){.size-tokens-screen .properties-panel{display:none}}.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench{height:100vh}.size-tokens-screen .playground-workbench{height:100vh;display:grid;grid-template-columns:280px 280px minmax(420px,1fr);grid-template-rows:44px minmax(0,1fr);background:#252a31}.size-tokens-screen .playground-workbench .token-browser{grid-column:1;grid-row:1/3;border-right:1px solid #343a43;background:#22272e;overflow:auto}.size-tokens-screen .token-panel-header{height:44px;padding:0 8px 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343a43}.size-tokens-screen .token-panel-header>div{display:flex}.size-tokens-screen .token-panel-header button{border:0;background:transparent;color:#d6dbe3;padding:6px}.size-tokens-screen .token-tree-group{border-bottom:1px solid #30363f;color:#8f99a8;font-size:12px}.size-tokens-screen .token-tree-group>span{display:block;padding:10px 8px}.size-tokens-screen .token-tree-group.is-open{padding-bottom:7px}.size-tokens-screen .token-row{height:32px;padding:0 12px 0 20px;display:flex;align-items:center;gap:7px}.size-tokens-screen .token-row.is-selected{background:#3b424d;color:#fff}.size-tokens-screen .playground-workbench .properties-panel{grid-column:2;grid-row:2;border-right:1px solid #343a43;border-left:0;background:#252a31;overflow:auto}.size-tokens-screen .inspector-section{padding:12px 16px;border-bottom:1px solid #343a43;display:grid;gap:8px;font-size:12px}.size-tokens-screen .inspector-heading{color:#929cab;margin-bottom:3px}.size-tokens-screen .inspector-section label{grid-template-columns:40px 1fr;align-items:center;font-weight:400;color:#939dac}.size-tokens-screen .impact-line,.size-tokens-screen .component-impact>div{display:flex;justify-content:space-between;padding:5px 0;color:#c8ced7}.size-tokens-screen .playground-workbench .preview-canvas{grid-column:3;grid-row:2;min-width:0;background:#282d34;overflow:auto}@media (max-width:1100px){.size-tokens-screen .playground-workbench{grid-template-columns:250px 250px minmax(360px,1fr)}}.size-tokens-screen{--shell-bg: #07080B;--rail-bg: #11161c;--sidebar-bg: #151b24;--surface: #20262f;--surface-hover: #29313d;--line: #343a43;--text: #f1f3f6;--muted: #98a2b1;--accent: #3678f6}.size-tokens-screen .token-row small{margin-left:auto;color:var(--muted);font-size:10px}@media (max-width:900px){.size-tokens-screen .playground-workbench{height:auto;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px auto auto minmax(500px,1fr)}.size-tokens-screen .playground-workbench .token-browser{display:block;grid-column:1;grid-row:2;max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.size-tokens-screen .playground-workbench .properties-panel{display:block;grid-column:1;grid-row:3;max-height:360px;border-right:0;border-bottom:1px solid var(--line)}.size-tokens-screen .playground-workbench .preview-canvas{grid-column:1;grid-row:4;min-height:500px}}.size-tokens-screen .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#080b0fcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.size-tokens-screen .entity-modal{width:min(460px,100%);padding:24px;border:1px solid var(--line);border-radius:12px;background:#282e36;box-shadow:0 24px 80px #000b}.size-tokens-screen .entity-modal h2{margin-bottom:8px}.size-tokens-screen .entity-modal p{color:var(--muted)}.size-tokens-screen .entity-modal form{display:grid;gap:16px}@media (max-width: 680px){.size-tokens-screen .modal-backdrop{padding:12px}}.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench,.size-tokens-screen.st-theme-workspace .playground-workbench{height:calc(100vh - 37px)}@media (max-width:900px){.size-tokens-screen.st-theme-workspace .playground-workbench{height:auto;min-height:calc(100vh - 37px)}}.size-tokens-screen .impact-component{display:flex;justify-content:space-between;width:100%;padding:5px 0;border:0;background:transparent;color:#c8ced7;text-align:left;font-size:12px}.size-tokens-screen .impact-component:hover{color:#fff}.size-tokens-screen .impact-component b{color:#c8ced7}.size-tokens-screen .ui-glyph{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}@media (min-width:901px) and (max-width:1100px){.size-tokens-screen .playground-workbench{grid-template-columns:220px 220px minmax(0,1fr)}.size-tokens-screen .playground-workbench .properties-panel{display:block}}.size-tokens-screen .playground-workbench{grid-template-columns:var(--panel-left,280px) minmax(320px,1fr) var(--panel-right,320px);grid-template-rows:44px minmax(0,1fr);background:#1d2025;color:#edf1f7}.size-tokens-screen .playground-workbench{position:relative}.size-tokens-screen .playground-workbench .token-browser{grid-column:1;grid-row:1/3;background:#1f232a;border-right-color:#343a43}.size-tokens-screen .playground-workbench .preview-canvas{grid-column:2;grid-row:2;background:#27282c;border-right:1px solid #343a43}.size-tokens-screen .playground-workbench .properties-panel{grid-column:3;grid-row:2;background:#25272d;border-left:0;border-right:0}.size-tokens-screen .token-panel-header{background:#1f232a}.size-tokens-screen .token-panel-header strong{font-size:18px;line-height:24px}.size-tokens-screen .token-tree-group{border-bottom-color:#303640;color:#9aa3b2}.size-tokens-screen .token-tree-group>span{padding:12px 12px 9px;font-size:13px}.size-tokens-screen .token-row{height:34px;margin:0 6px;padding:0 12px 0 16px;border-radius:7px;color:#d9e0ea}.size-tokens-screen .token-row:hover{background:#2b313a}.size-tokens-screen .token-row.is-selected{background:#314055;color:#fff}.size-tokens-screen .token-canvas{min-height:100%;padding:24px 0;box-sizing:border-box}.size-tokens-screen .inspector-section{padding:14px 18px;border-bottom-color:#343a43}.size-tokens-screen .inspector-heading{color:#9aa3b2;font-size:13px}.size-tokens-screen .playground-workbench .token-browser,.size-tokens-screen .playground-workbench .properties-panel,.size-tokens-screen .playground-workbench .preview-canvas{height:100%;max-height:100%;overflow:auto}.size-tokens-screen .token-panel-header{height:40px;padding:0 8px 0 12px}.size-tokens-screen .token-panel-header strong{font-size:14px;font-weight:600}.size-tokens-screen .token-row{height:32px;border-radius:0;margin:0;padding-left:12px}.size-tokens-screen .token-row.is-selected{background:#2d3d55}.size-tokens-screen .token-row-value{margin-left:auto;padding-left:8px;color:#8f99a8;font-size:11px;font-weight:400;white-space:nowrap}.size-tokens-screen .token-row.is-selected .token-row-value{color:#c9d3e0}.size-tokens-screen .token-tree-group>span{height:32px;padding:8px 12px;color:#a5aebb}.size-tokens-screen .inspector-section{padding:10px 12px}.size-tokens-screen .inspector-section label{min-height:32px}@media (max-width:1100px){.size-tokens-screen .playground-workbench{grid-template-columns:240px minmax(360px,1fr) 280px}}@media (max-width:900px){.size-tokens-screen .playground-workbench .preview-canvas{grid-column:1;grid-row:4;border-right:0}.size-tokens-screen .playground-workbench .properties-panel{grid-column:1;grid-row:3}.size-tokens-screen .token-canvas{padding:24px}}.size-tokens-screen.st-theme-workspace{--builder-ref-bg: #202327;--builder-ref-panel: #202327;--builder-ref-canvas: #24262a;--builder-ref-rail: #1f2227;--builder-ref-line: #383b41;--builder-ref-line-soft: #30343a;--builder-ref-selected: #23324a;--builder-ref-selected-line: #2d78ff;--builder-ref-text: #f3f5f8;--builder-ref-muted: #a7afb9;--builder-ref-dim: #707782}.size-tokens-screen .playground-workbench{background:var(--builder-ref-bg);color:var(--builder-ref-text)}.size-tokens-screen .playground-workbench .token-browser,.size-tokens-screen .playground-workbench .properties-panel{background:var(--builder-ref-panel)}.size-tokens-screen .playground-workbench .preview-canvas{background:var(--builder-ref-canvas)}.size-tokens-screen .playground-workbench .token-browser,.size-tokens-screen .playground-workbench .preview-canvas,.size-tokens-screen .token-panel-header{border-color:var(--builder-ref-line)}.size-tokens-screen .token-panel-header strong{color:var(--builder-ref-text);font-size:12px;font-weight:500}.size-tokens-screen .token-tree{padding-top:4px}.size-tokens-screen .token-tree-group{border-bottom:0;color:var(--builder-ref-muted)}.size-tokens-screen .token-tree-group>span{color:#d5dae2;font-size:12px;font-weight:500}.size-tokens-screen .token-row{height:32px;margin:0 8px;border-radius:5px;color:var(--builder-ref-muted);font-size:12px}.size-tokens-screen .token-row:hover{background:#292d34;color:#d9dee6}.size-tokens-screen .token-row.is-selected{background:var(--builder-ref-selected);color:#fff;box-shadow:inset 0 0 0 1px #2d78ff}.size-tokens-screen .token-canvas{background:var(--builder-ref-canvas)}.size-tokens-screen .inspector-section{border-bottom:0;color:var(--builder-ref-muted)}.size-tokens-screen .inspector-heading{color:#f0f3f7;font-size:12px;font-weight:600}.size-tokens-screen .inspector-section label{color:#b3bbc6}.size-tokens-screen .impact-line,.size-tokens-screen .component-impact>div,.size-tokens-screen .impact-component{color:#b3bbc6}.size-tokens-screen .sizing-token-row .token-row-value{display:inline-flex;align-items:center;gap:4px}.size-tokens-screen .sizing-token-row .token-row-value small{color:#7f8996;font-size:10px;font-weight:500}.size-tokens-screen .sizing-canvas{padding:24px}.size-tokens-screen .radius-overview-board{width:100%;max-width:752px;margin:0 auto;color:var(--builder-text-primary,#f3f3f3)}.size-tokens-screen .radius-overview-intro{display:grid;gap:4px;margin-bottom:16px}.size-tokens-screen .radius-overview-intro strong{font-size:14px;font-weight:600;line-height:18px;letter-spacing:0}.size-tokens-screen .radius-overview-intro p{margin:0;color:var(--builder-text-tertiary,#b6b7b9);font-size:12px;font-weight:400;line-height:14px;letter-spacing:0}.size-tokens-screen .radius-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.size-tokens-screen .radius-overview-group{min-width:0;padding:16px;overflow:hidden;border:1px solid var(--builder-outline-primary,#3d3f42);border-radius:12px;background:var(--builder-ui-surface-card,#27282c)}.size-tokens-screen .radius-overview-group-header{height:32px;display:flex;align-items:flex-start;gap:8px}.size-tokens-screen .radius-overview-group-header>img{width:16px;height:16px;object-fit:contain;filter:brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(500%) hue-rotate(185deg) brightness(95%) contrast(91%)}.size-tokens-screen .radius-overview-group-header>span{min-width:0;display:grid;gap:2px}.size-tokens-screen .radius-overview-group-header strong,.size-tokens-screen .radius-overview-group-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.size-tokens-screen .radius-overview-group-header strong{font-size:12px;font-weight:400;line-height:14px}.size-tokens-screen .radius-overview-group-header small{color:var(--builder-text-tertiary,#b6b7b9);font-size:12px;font-weight:400;line-height:14px}.size-tokens-screen .radius-overview-list{display:grid}.size-tokens-screen .radius-overview-row{width:100%;height:72px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--builder-outline-primary,#3d3f42);border-radius:0;background:transparent;color:inherit;text-align:left;letter-spacing:0}.size-tokens-screen .radius-overview-row:hover,.size-tokens-screen .radius-overview-row:focus-visible{background:var(--builder-ui-surface-transparent-primary,#ffffff08)}.size-tokens-screen .radius-overview-row.is-selected,.size-tokens-screen .radius-overview-row:focus-visible{border-radius:12px;outline:2px solid var(--builder-accent,#2b8ced);outline-offset:-2px}.size-tokens-screen .radius-overview-meta{width:88px;min-width:0;display:grid;gap:2px}.size-tokens-screen .radius-overview-meta strong,.size-tokens-screen .radius-overview-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.size-tokens-screen .radius-overview-meta strong{font-size:12px;font-weight:400;line-height:14px}.size-tokens-screen .radius-overview-meta small{color:var(--builder-text-paragraph,#9e9fa2);font-size:10px;font-weight:400;line-height:12px}.size-tokens-screen .radius-overview-preview{flex:0 1 208px;height:56px;padding:8px 24px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--builder-outline-primary,#3d3f42);border-radius:8px;background:var(--builder-ui-surface-card,#27282c);box-sizing:border-box}.size-tokens-screen .radius-overview-preview i{display:block;width:160px;max-width:100%;height:40px;border-radius:var(--radius-preview) 0 0 0;background:var(--builder-text-primary,#f3f3f3)}.size-tokens-screen .radius-overview-note{margin:8px 0 0;padding:0;color:var(--builder-text-tertiary,#b6b7b9);font-size:12px;font-weight:400;line-height:14px;letter-spacing:0}@media (max-width:900px){.size-tokens-screen .sizing-canvas{padding:16px}.size-tokens-screen .radius-overview-grid{grid-template-columns:1fr}.size-tokens-screen .radius-overview-group{width:100%;box-sizing:border-box}}.size-tokens-screen .playground-workbench .token-browser{width:var(--panel-left,280px);background:#202327;border-right:1px solid #383b41}.size-tokens-screen .token-menu-header{height:40px;min-height:40px;padding:8px 10px 8px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:0;background:#202327}.size-tokens-screen .token-menu-header strong{color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .token-tree{padding:0;background:#202327}.size-tokens-screen .token-tree-group{margin:0;border:0;gap:0;padding:0}.size-tokens-screen .playground-workbench .token-tree-group{padding:0}.size-tokens-screen .token-tree-group>span{height:32px;padding:8px 12px;display:flex;align-items:center;color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .token-tree-heading{width:100%;height:32px;padding:8px 12px;display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px;text-align:left;cursor:pointer}.size-tokens-screen .token-tree-heading:hover{background:#2b333d}.size-tokens-screen .token-tree-heading:focus-visible{outline:2px solid #4284ff;outline-offset:-2px}.size-tokens-screen .token-tree-chevron{width:12px;display:inline-grid;place-items:center;color:#dfe2e7}.size-tokens-screen .token-tree-group{position:relative}.size-tokens-screen .token-group-add{position:absolute;top:4px;right:8px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#c2c8d1;font-size:15px;line-height:1;opacity:0;pointer-events:none;cursor:pointer}.size-tokens-screen .token-tree-heading-row{position:relative}.size-tokens-screen .token-tree-heading-row>.token-group-add{top:2px}.size-tokens-screen .token-tree-heading-row:hover>.token-group-add,.size-tokens-screen .token-tree-heading-row:focus-within>.token-group-add{opacity:1;pointer-events:auto}.size-tokens-screen .token-tree-group.is-collapsed>.token-tree-heading-row>.token-tree-heading{color:#dfe2e7}.size-tokens-screen .token-group-add:hover{background:#343a44;color:#fff}.size-tokens-screen .token-group-add:focus-visible{outline:2px solid #4284ff;outline-offset:-2px;opacity:1;pointer-events:auto}.size-tokens-screen .token-group-add .ui-glyph{width:16px;height:16px}.size-tokens-screen .custom-token-modal .custom-token-form{padding:0 20px 4px;display:grid;gap:12px}.size-tokens-screen .custom-token-modal .custom-token-form>p{margin:0;color:#9aa4b2;font-size:12px;line-height:1.5}.size-tokens-screen .custom-token-error{margin:0;color:#ff9ca5;font-size:12px}.size-tokens-screen .token-tree-group.is-collapsed>span{color:#dfe2e7}.size-tokens-screen .token-tree-group.is-collapsed>.token-tree-heading{color:#dfe2e7}.size-tokens-screen .token-row{position:relative;height:32px;margin:0;padding:2px 12px;display:flex;align-items:center;gap:0;border-radius:0;background:transparent;color:#aeb4bd;font-size:12px;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .token-row>span{min-width:0;flex:1;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;opacity:.8}.size-tokens-screen .token-row.is-selected{background:transparent;color:#dfe2e7;box-shadow:none}.size-tokens-screen .token-row.is-selected:before{content:"";position:absolute;left:12px;right:12px;height:28px;border-radius:6px;background:#4284ff26;z-index:0}.size-tokens-screen .token-row>*{position:relative;z-index:1}.size-tokens-screen .playground-workbench{grid-template-columns:var(--panel-left,280px) minmax(320px,1fr) var(--panel-right,320px)}.size-tokens-screen .playground-workbench .properties-panel{width:var(--panel-right,320px);background:#202327;border-left:1px solid #383b41;color:#d0d5dd}.size-tokens-screen .figma-inspector-group{padding:4px 12px;border-bottom:0;display:flex;flex-direction:column;gap:2px}.size-tokens-screen .figma-inspector-group .inspector-heading{height:32px;padding:8px 4px;display:flex;align-items:center;gap:4px;color:#f0f2f5;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .figma-inspector-group .inspector-heading i{font-style:normal;color:#9aa2ad;font-size:12px}.size-tokens-screen .figma-inspector-field{height:32px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px}.size-tokens-screen .figma-inspector-field-label{padding:4px;color:#a8afb9;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .figma-value-control{height:28px;min-width:0;display:flex;align-items:center;overflow:hidden;border:1px solid #474a51;border-radius:6px;background:#383a40}.size-tokens-screen .figma-value-main{height:26px;min-width:0;flex:1;display:flex;align-items:center;gap:4px;padding:0 6px 0 4px}.size-tokens-screen .figma-value-main input{min-width:0;flex:1;height:24px;padding:0 2px;border:0;background:transparent;color:#dfe2e7;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .figma-value-main select{min-width:0;flex:1;height:24px;padding:0 20px 0 2px;border:0;background:transparent;color:#dfe2e7;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .figma-value-main select:focus{outline:0}.size-tokens-screen .figma-value-main input[readonly]{cursor:default}.size-tokens-screen .figma-value-main input[readonly][data-action=open-color-picker]{cursor:pointer}.size-tokens-screen .figma-value-alpha{width:46px;height:26px;padding:0 6px;display:flex;align-items:center;justify-content:space-between;border-left:1px solid #474a51;color:#dfe2e7;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .figma-value-alpha input{width:24px;height:22px;padding:0;border:0;background:transparent;color:#dfe2e7;font:inherit;text-align:right}.size-tokens-screen .figma-value-alpha input:focus{outline:0}.size-tokens-screen .figma-value-alpha input[readonly]{pointer-events:none}.size-tokens-screen .figma-value-alpha i{color:#a8afb9;font-style:normal}@media (max-width:1100px){.size-tokens-screen .playground-workbench{grid-template-columns:240px minmax(360px,1fr) 300px}.size-tokens-screen .playground-workbench .properties-panel{width:300px}}.size-tokens-screen .token-panel-header>strong{display:inline-flex;align-items:center;gap:6px}.size-tokens-screen{--ps-text: #f3f3f3;--ps-secondary: #dbdbdc;--ps-tertiary: #b6b7b9;--ps-paragraph: #9e9fa2;--ps-accent: #2b8ced;--ps-line: #ffffff1a;--ps-control: #ffffff08;--ps-control-line: #ffffff14;--ps-card: #27282c;--ps-negative: #f31b31}.size-tokens-screen{--builder-bg-primary: #27282c;--builder-panel: #202327;--builder-surface-primary: #3d3f42;--builder-outline-primary: #3d3f42;--builder-outline-transparent: #ffffff1a;--builder-control: #ffffff08;--builder-text-primary: #f3f3f3;--builder-text-secondary: #dbdbdc;--builder-text-tertiary: #b6b7b9;--builder-text-paragraph: #9e9fa2;--builder-accent: #2b8ced;--builder-radius-xs: 6px;--builder-radius-m: 12px}.size-tokens-screen .playground-workbench{background:var(--builder-bg-primary)}.size-tokens-screen .playground-workbench .token-browser,.size-tokens-screen .playground-workbench .properties-panel{background:var(--builder-panel)}.size-tokens-screen .sidebar-header{height:40px;min-height:40px;padding:4px 10px;display:flex;align-items:center;gap:2px;box-sizing:border-box;border-bottom:1px solid var(--builder-outline-transparent);background:var(--builder-panel)}.size-tokens-screen .sidebar-header>strong{min-width:0;flex:1;overflow:hidden;color:var(--builder-text-primary);font:400 12px/16px Inter,system-ui,sans-serif;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.size-tokens-screen .sidebar-header-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.size-tokens-screen .sidebar-header-actions>button{width:24px;height:24px;padding:4px;display:grid;flex:none;place-items:center;box-sizing:border-box;border:0;border-radius:var(--builder-radius-xs);background:transparent;color:var(--builder-text-secondary)}.size-tokens-screen .sidebar-header-actions>button:hover{background:var(--builder-control);color:var(--builder-text-primary)}.size-tokens-screen .sidebar-header-actions .ui-glyph,.size-tokens-screen .sidebar-search-field .ui-glyph{width:16px;height:16px}.size-tokens-screen .sidebar-search-field{width:208px;height:24px;padding:4px 6px;display:flex;align-items:center;gap:6px;box-sizing:border-box;border:1px solid var(--builder-outline-primary);border-radius:var(--builder-radius-xs);background:var(--builder-control);color:var(--builder-text-tertiary)}.size-tokens-screen .sidebar-search-field:focus-within{border-color:var(--builder-accent)}.size-tokens-screen .sidebar-search-field input{min-width:0;width:auto;height:16px;padding:0;flex:1;border:0;border-radius:0;outline:0;background:transparent;color:var(--builder-text-secondary);font:400 12px/16px Inter,system-ui,sans-serif;letter-spacing:0}.size-tokens-screen .sidebar-search-field input::placeholder{color:var(--builder-text-paragraph);opacity:1}.size-tokens-screen{--builder-ui-bg-primary: #27282c;--builder-ui-bg-secondary: #212327;--builder-ui-bg-tertiary: #0e1015;--builder-ui-outline-primary: #3d3f42;--builder-ui-outline-secondary: #56585c;--builder-ui-outline-transparent-primary: #ffffff1a;--builder-ui-outline-transparent-secondary: #ffffff08;--builder-ui-outline-accent-transparent: #2b8ced33;--builder-ui-surface-card: #27282c;--builder-ui-surface-default: #212327;--builder-ui-surface-primary: #3d3f42;--builder-ui-surface-transparent-primary: #ffffff08;--builder-ui-surface-transparent-secondary: #ffffff1a;--builder-ui-text-primary: #f3f3f3;--builder-ui-text-secondary: #dbdbdc;--builder-ui-text-tertiary: #b6b7b9;--builder-ui-text-paragraph: #9e9fa2;--builder-ui-accent: #2b8ced;--builder-ui-accent-minor: #2281e0;--builder-ui-accent-transparent: #2b8ced33;--builder-ui-rail-selection: #2b8ced1f;--builder-ui-negative: #f31b31;--builder-ui-positive: #0c9423;--builder-ui-warning: #96800f;--builder-ui-radius-xxs: 4px;--builder-ui-radius-xs: 6px;--builder-ui-radius-s: 8px;--builder-ui-radius-m: 12px;--builder-bg-primary: var(--builder-ui-bg-primary);--builder-panel: var(--builder-ui-bg-secondary);--builder-surface-primary: var(--builder-ui-surface-primary);--builder-outline-primary: var(--builder-ui-outline-primary);--builder-outline-transparent: var(--builder-ui-outline-transparent-primary);--builder-control: var(--builder-ui-surface-transparent-primary);--builder-text-primary: var(--builder-ui-text-primary);--builder-text-secondary: var(--builder-ui-text-secondary);--builder-text-tertiary: var(--builder-ui-text-tertiary);--builder-text-paragraph: var(--builder-ui-text-paragraph);--builder-accent: var(--builder-ui-accent);--builder-radius-xs: var(--builder-ui-radius-xs);--builder-radius-m: var(--builder-ui-radius-m);--shell-bg: var(--builder-ui-bg-tertiary);--rail-bg: var(--builder-ui-bg-secondary);--sidebar-bg: var(--builder-ui-bg-secondary);--surface: var(--builder-ui-surface-default);--surface-hover: var(--builder-ui-surface-transparent-primary);--line: var(--builder-ui-outline-transparent-primary);--text: var(--builder-ui-text-primary);--muted: var(--builder-ui-text-paragraph);--accent: var(--builder-ui-accent);--ps-text: var(--builder-ui-text-primary);--ps-secondary: var(--builder-ui-text-secondary);--ps-tertiary: var(--builder-ui-text-tertiary);--ps-paragraph: var(--builder-ui-text-paragraph);--ps-accent: var(--builder-ui-accent);--ps-line: var(--builder-ui-outline-transparent-primary);--ps-control: var(--builder-ui-surface-transparent-primary);--ps-control-line: var(--builder-ui-outline-transparent-primary);--ps-card: var(--builder-ui-surface-card);--ps-negative: var(--builder-ui-negative)}.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench.editor-sizes-workbench.playground-workbench:not(.component-workbench){grid-template-columns:var(--panel-left, 280px) minmax(0,1fr) var(--panel-right, 320px)}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .preview-canvas{grid-row:1 / 3}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-token-row{height:24px;min-height:24px;padding:3px 10px 3px 22px;grid-template-columns:16px minmax(0,1fr) auto}.size-tokens-screen.st-theme-workspace{--builder-ref-bg: var(--builder-ui-bg-primary);--builder-ref-panel: var(--builder-ui-bg-secondary);--builder-ref-canvas: var(--builder-ui-bg-primary);--builder-ref-rail: var(--builder-ui-bg-secondary);--builder-ref-line: var(--builder-ui-outline-transparent-primary);--builder-ref-line-soft: var(--builder-ui-outline-transparent-secondary);--builder-ref-selected: var(--builder-ui-accent-transparent);--builder-ref-selected-line: var(--builder-ui-accent);--builder-ref-text: var(--builder-ui-text-primary);--builder-ref-muted: var(--builder-ui-text-tertiary);--builder-ref-dim: var(--builder-ui-text-paragraph)}.size-tokens-screen .token-menu-header,.size-tokens-screen .token-tree{background:var(--builder-ui-bg-secondary)}.size-tokens-screen .playground-workbench,.size-tokens-screen .playground-workbench .token-browser,.size-tokens-screen .playground-workbench .properties-panel,.size-tokens-screen .token-canvas{background:var(--builder-ui-bg-primary)}.size-tokens-screen .playground-workbench .token-browser,.size-tokens-screen .playground-workbench .properties-panel,.size-tokens-screen .token-panel-header{border-color:var(--builder-ui-outline-transparent-primary)}.size-tokens-screen.st-theme-workspace :is(.token-browser,.properties-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:var(--builder-ui-outline-transparent-primary);border-radius:var(--builder-ui-radius-s);background-color:var(--builder-ui-surface-transparent-primary);color:var(--builder-ui-text-primary)}.size-tokens-screen.st-theme-workspace :is(.token-browser,.properties-panel) :is(input,select,textarea)::placeholder{color:var(--builder-ui-text-paragraph)}.size-tokens-screen .token-row:hover{background:var(--builder-ui-surface-transparent-primary);color:var(--builder-ui-text-primary)}.size-tokens-screen .token-row.is-selected{background:var(--builder-ui-accent-transparent);color:var(--builder-ui-text-primary);box-shadow:inset 0 0 0 1px var(--builder-ui-accent)}.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench.playground-workbench{height:calc(100vh - 40px);min-height:0;grid-template-columns:clamp(220px,var(--panel-left, 280px),320px) minmax(0,1fr) clamp(280px,var(--panel-right, 320px),400px);grid-template-rows:40px minmax(0,1fr);background:var(--builder-ui-bg-primary)}.size-tokens-screen .playground-workbench .token-browser{grid-column:1;grid-row:1 / 3;width:clamp(220px,var(--panel-left, 280px),320px);min-width:220px;max-width:320px;height:100%;border-right:1px solid var(--builder-ui-outline-primary);border-bottom:0}.size-tokens-screen .playground-workbench .preview-canvas{grid-column:2;grid-row:2;min-width:0;min-height:0;background:var(--builder-ui-bg-primary)}.size-tokens-screen .playground-workbench .properties-panel{grid-column:3;grid-row:1 / 3;width:320px;min-width:320px;height:100%;border-left:1px solid var(--builder-ui-outline-primary);border-right:0;border-bottom:0}.size-tokens-screen.st-shell.st-theme-workspace .editor-sizes-workbench.playground-workbench:not(.component-workbench){grid-template-columns:var(--panel-left, 280px) minmax(0,1fr) var(--panel-right, 320px)}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .properties-panel{width:var(--panel-right, 320px);min-width:var(--panel-right, 320px);max-width:var(--panel-right, 320px)}.size-tokens-screen .editor-sizes-workbench .token-tree{padding:0}.size-tokens-screen .editor-sizes-workbench .sizing-token-group{margin:0}.size-tokens-screen .editor-sizes-workbench .token-tree-heading{height:28px;min-height:28px;padding:4px 10px;gap:6px;color:var(--builder-ui-text-primary);font-size:12px;font-weight:500;line-height:16px}.size-tokens-screen .editor-sizes-workbench .token-tree-chevron{width:12px;color:var(--builder-ui-text-secondary);text-align:center}.size-tokens-screen .editor-sizes-workbench .sizing-token-row{width:calc(100% - 16px);height:32px;min-height:32px;margin:0 8px;padding:4px 2px 4px 20px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:4px;border-radius:6px;font-size:12px;line-height:14px}.size-tokens-screen .editor-sizes-workbench .sizing-token-row.is-selected{background:var(--builder-ui-surface-primary);box-shadow:none}.size-tokens-screen .editor-sizes-workbench .sizing-token-row .token-row-value{color:var(--builder-ui-text-secondary);font-size:10px;font-weight:600;line-height:12px}.size-tokens-screen .sizing-kind-glyph,.size-tokens-screen .spatial-kind-glyph{position:relative;width:16px;height:16px;display:inline-block;color:currentColor}.size-tokens-screen .sizing-kind-glyph:before,.size-tokens-screen .sizing-kind-glyph:after,.size-tokens-screen .spatial-kind-glyph:before,.size-tokens-screen .spatial-kind-glyph:after{content:"";position:absolute;box-sizing:border-box}.size-tokens-screen .sizing-kind-glyph.is-gap:before{top:5px;right:1px;bottom:5px;left:1px;border-left:1px solid currentColor;border-right:1px solid currentColor}.size-tokens-screen .sizing-kind-glyph.is-gap:after{left:4px;right:4px;top:7px;border-top:1px solid currentColor}.size-tokens-screen .sizing-kind-glyph.is-radius:before{top:2px;right:2px;bottom:2px;left:2px;border-top:1px solid currentColor;border-left:1px solid currentColor;border-radius:6px 0 0}.size-tokens-screen .editor-sizes-workbench .spatial-canvas{height:100%;padding:24px;overflow:auto}.size-tokens-screen .spatial-board{width:min(752px,100%);margin:0}.size-tokens-screen .spatial-board-header{height:18px;margin-bottom:12px}.size-tokens-screen .spatial-board-header strong{display:block;color:var(--builder-ui-text-primary);font-size:14px;font-weight:600;line-height:18px;letter-spacing:0}.size-tokens-screen .spatial-scale-list{display:grid;gap:12px}.size-tokens-screen .spatial-scale-strip{width:100%;height:84px;display:grid;grid-template-columns:68px minmax(0,1fr);gap:4px}.size-tokens-screen .spatial-scale-label{height:84px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--builder-ui-outline-primary);border-radius:12px;background:var(--builder-ui-surface-card);color:var(--builder-ui-text-primary)}.size-tokens-screen .spatial-scale-label strong{font-size:10px;font-weight:600;line-height:12px;letter-spacing:0}.size-tokens-screen .spatial-scale-items{min-width:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.size-tokens-screen .spatial-scale-strip.is-radius .spatial-scale-items{grid-template-columns:repeat(9,minmax(0,1fr))}.size-tokens-screen .spatial-scale-item{min-width:0;height:84px;padding:9px 8px 8px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--builder-ui-outline-primary);border-radius:12px;background:var(--builder-ui-surface-card);color:var(--builder-ui-text-primary);letter-spacing:0}.size-tokens-screen .spatial-scale-item:hover{background:var(--builder-ui-surface-transparent-primary)}.size-tokens-screen .spatial-scale-item.is-selected{padding:8px 7px 7px;border:2px solid var(--builder-ui-accent, #2b8ced)}.size-tokens-screen .spatial-scale-name,.size-tokens-screen .spatial-scale-item small{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.size-tokens-screen .spatial-scale-name{font-size:10px;font-weight:600;line-height:12px}.size-tokens-screen .spatial-scale-item small{color:var(--builder-ui-text-secondary);font-size:10px;line-height:12px}.size-tokens-screen .spatial-scale-demo{position:relative;width:100%;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden}.size-tokens-screen .spatial-scale-strip.is-gap .spatial-scale-demo{gap:min(var(--space),24px)}.size-tokens-screen .spatial-scale-strip.is-gap .spatial-scale-demo b{width:12px;height:24px;flex:none;background:var(--builder-ui-text-primary)}.size-tokens-screen .spatial-scale-strip.is-radius .spatial-scale-demo b{width:40px;height:30px;align-self:flex-end;border-radius:var(--radius-preview) 0 0 0;background:var(--builder-ui-text-primary)}.size-tokens-screen .editor-sizes-workbench .token-inspector-header p{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1}.size-tokens-screen .editor-sizes-workbench .token-inspector-header{height:56px;min-height:56px;gap:0}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-value-group{padding:8px 0;display:grid;gap:0}.size-tokens-screen .editor-sizes-workbench .sizing-value-group>.inspector-heading{height:32px;margin:0;padding:9px 12px;display:flex;align-items:center;color:var(--builder-ui-text-primary);font-size:12px;font-weight:600;line-height:14px;letter-spacing:0;text-transform:none}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .sizing-value-group .figma-inspector-field{height:56px;padding:6px 12px 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.size-tokens-screen .editor-sizes-workbench .sizing-value-group .figma-value-control{width:100%}@media (max-width:900px){.size-tokens-screen.st-shell.st-theme-workspace .editor-sizes-workbench.playground-workbench:not(.component-workbench){height:auto;min-height:calc(100vh - 44px);grid-template-columns:minmax(0,1fr);grid-template-rows:40px auto auto minmax(500px,1fr)}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .token-browser{grid-column:1;grid-row:2;width:100%;min-width:0;max-height:360px;border-right:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .properties-panel{grid-column:1;grid-row:3;width:100%;min-width:0;max-width:none;border-left:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .preview-canvas{grid-column:1;grid-row:4;min-height:500px}}.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench.playground-workbench,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench .token-browser,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench .token-menu-header,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench .token-panel-header,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench .token-tree,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench .properties-panel,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench .preview-canvas,.size-tokens-screen.st-shell.st-theme-workspace .playground-workbench .token-canvas{background:transparent}.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench.playground-workbench:not(.component-workbench){grid-template-columns:clamp(220px,var(--panel-left, 280px),320px) minmax(0,1fr) clamp(280px,var(--panel-right, 320px),400px);grid-template-rows:40px minmax(0,1fr)}.size-tokens-screen .playground-workbench:not(.component-workbench) .token-browser{width:clamp(220px,var(--panel-left, 280px),320px);min-width:220px;max-width:320px}.size-tokens-screen .playground-workbench:not(.component-workbench) .properties-panel{grid-column:3;grid-row:1 / 3;width:clamp(280px,var(--panel-right, 320px),400px);min-width:280px;max-width:400px}.size-tokens-screen .token-panel-header.sidebar-header{height:40px;min-height:40px;padding:4px 10px}.size-tokens-screen .token-inspector-header{min-height:72px;padding:8px 12px;display:grid;align-content:start;gap:4px;border-bottom:1px solid var(--builder-ui-outline-primary)}.size-tokens-screen .token-inspector-header>div{min-width:0;height:24px;display:flex;align-items:center;justify-content:space-between;gap:8px}.size-tokens-screen .token-inspector-header strong{min-width:0;overflow:hidden;color:var(--builder-ui-text-primary);font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.size-tokens-screen .token-inspector-actions{flex:none;display:flex;gap:2px}.size-tokens-screen .token-inspector-actions button{width:24px;height:24px;padding:4px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--builder-ui-text-secondary)}.size-tokens-screen .token-inspector-actions button:not(:disabled):hover{background:var(--builder-ui-bg-secondary);color:var(--builder-ui-text-primary)}.size-tokens-screen .token-inspector-actions button:disabled{opacity:.35}.size-tokens-screen .token-inspector-actions svg{width:16px;height:16px}.size-tokens-screen .token-inspector-header p{margin:0;display:-webkit-box;overflow:hidden;color:var(--builder-ui-text-secondary);font-size:10px;line-height:14px;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-group{padding:4px 0;gap:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-group>.inspector-heading,.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-group>.st-heading-row>.inspector-heading{height:28px;padding:6px 12px;display:flex;align-items:center;color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500;line-height:12px;letter-spacing:0;text-transform:uppercase}.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-field{height:32px;padding:4px 12px;grid-template-columns:76px minmax(0,1fr);gap:8px}.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-inspector-field-label{padding:0;font-size:12px;line-height:16px;letter-spacing:0}.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-value-control{height:24px}.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-value-main{height:22px}.size-tokens-screen .playground-workbench:not(.component-workbench) .figma-value-alpha{height:22px}.size-tokens-screen .playground-workbench:not(.component-workbench) .token-canvas{padding-top:16px}@media (max-width:900px){.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench.editor-sizes-workbench.playground-workbench:not(.component-workbench){grid-template-columns:minmax(0,1fr);grid-template-rows:40px auto auto minmax(500px,1fr)}.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .token-browser,.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .properties-panel,.size-tokens-screen .editor-sizes-workbench.playground-workbench:not(.component-workbench) .preview-canvas{width:100%;min-width:0;max-width:none}}.size-tokens-screen{position:relative;flex:1 1 auto;width:100%;min-width:0;height:100%;min-height:0;font-family:Inter,Arial,sans-serif;line-height:1.45;color:var(--text);color-scheme:dark;background:var(--builder-ref-bg)}.size-tokens-screen.st-shell.st-theme-workspace .editor-workbench.playground-workbench{height:100%}.size-tokens-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 705px 800px at 0 0,#2b8ced1f 0,#2b8ced0f 14.473%,#2b8ced05 45.75%,#2b8ced00 71.635%) fixed}.size-tokens-screen .token-tree .token-row.is-selected:before{content:none}.size-tokens-screen .token-tree-heading>.token-tree-chevron{position:relative;width:12px;height:12px;flex:0 0 auto;display:block;font-size:0;color:transparent}.size-tokens-screen .token-tree-heading>.token-tree-chevron:before{content:"";position:absolute;left:3px;top:1.5px;width:5px;height:5px;border-right:1.5px solid #8993a1;border-bottom:1.5px solid #8993a1;transform:rotate(45deg)}.size-tokens-screen .token-tree-heading[aria-expanded=false]>.token-tree-chevron:before{left:2px;top:3px;transform:rotate(-45deg)}.size-tokens-screen .sidebar-search-field.st-search-field{width:auto;margin:0 12px 8px;display:flex;font-weight:400}.size-tokens-screen.st-theme-workspace .token-browser .st-search-field input:not([type=checkbox]):not([type=radio]){min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#e3e7ed;outline:none}.size-tokens-screen .source-palette-modal-close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#aeb8c6;font-size:26px;font-weight:300}.size-tokens-screen .source-palette-modal-close:hover{background:#353d48;color:#fff}.size-tokens-screen .source-palette-group-field{display:grid;gap:7px;margin-top:18px;color:#aeb7c4;font-size:12px}.size-tokens-screen .source-palette-group-field input{height:42px;padding:0 12px;border:1px solid #4a5260;border-radius:8px;background:#1e242b;color:#f3f6fa;font:inherit;font-size:14px;outline:none}.size-tokens-screen .source-palette-group-field input:focus{border-color:#4284ff;box-shadow:0 0 0 2px #4284ff2e}.size-tokens-screen .custom-token-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.size-tokens-screen .custom-token-modal>header span{display:block;margin-bottom:4px;color:#8793a3;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.size-tokens-screen .delete-token-modal>header span{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}.size-tokens-screen .custom-token-modal>header h2{margin:0;color:#f3f6fa;font-size:20px;line-height:1.25}.size-tokens-screen .custom-token-modal>header .source-palette-modal-close{flex:none;margin:-8px -10px 0 0}.size-tokens-screen .custom-token-modal .custom-token-form{padding:0}.size-tokens-screen .custom-token-modal>footer{margin-top:24px;padding:0;justify-content:flex-end;gap:8px;background:transparent;border-top:0}.size-tokens-screen .custom-token-form .st-names{margin:8px 0 0;padding:0 0 0 16px;color:#c8ccd3;font:12px/1.6 SF Mono,Menlo,monospace}.size-tokens-screen .st-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--builder-ui-outline-transparent-primary);font-size:12px;color:var(--builder-ui-text-secondary)}.size-tokens-screen .st-inline-action{padding:2px 8px;border:1px solid var(--builder-ui-outline-primary);border-radius:4px;background:transparent;color:var(--builder-ui-text-primary);font-size:12px}.size-tokens-screen .st-empty{position:relative;display:flex;align-items:center;gap:8px;padding:16px 12px;font-size:12px;color:var(--builder-ui-text-paragraph)}.size-tokens-screen .st-save-row{margin:6px 12px 0}.size-tokens-screen .st-save{display:inline-flex;gap:6px;align-items:center;color:#9e9fa2;font-size:12px}.size-tokens-screen .st-save.is-saving{color:#8fb4ff}.size-tokens-screen .st-save.is-error{color:var(--builder-ui-negative, #ff6b5f)}.size-tokens-screen .st-row-chip{width:14px;height:14px;border-radius:4px;background:#2a2d33;flex:none}.size-tokens-screen .st-row-chip.is-shadow{background:#f3f3f3;clip-path:inset(-3px round 7px)}.size-tokens-screen .st-scale-items{flex-wrap:wrap}.size-tokens-screen .st-shadow-board{width:100%;max-width:820px;margin:0 auto;color:var(--builder-text-primary, #f3f3f3)}.size-tokens-screen .st-shadow-board header{display:grid;gap:4px;margin-bottom:16px}.size-tokens-screen .st-shadow-board header strong{font-size:14px;font-weight:600}.size-tokens-screen .st-shadow-board header p{margin:0;color:#9e9fa2;font-size:12px}.size-tokens-screen .st-shadow-list{display:grid;gap:20px}.size-tokens-screen .st-shadow-size{display:grid;gap:8px}.size-tokens-screen .st-shadow-size h3{margin:0;color:#9e9fa2;font-size:12px;font-weight:500}.size-tokens-screen .st-shadow-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:16px;width:100%;padding:8px 8px 8px 14px;border:1px solid var(--builder-ui-outline-primary, #343a43);border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.size-tokens-screen .st-shadow-row:hover{background:#ffffff08}.size-tokens-screen .st-shadow-row.is-selected{border-color:#4a8cff;box-shadow:0 0 0 1px #4a8cff inset}.size-tokens-screen .st-shadow-meta{display:grid;gap:2px;min-width:0}.size-tokens-screen .st-shadow-meta strong{font-size:13px;font-weight:500}.size-tokens-screen .st-shadow-meta small{color:#9e9fa2;font-size:11px}.size-tokens-screen .st-shadow-tile{position:relative;height:120px;display:grid;place-items:center;overflow:hidden;isolation:isolate;border-radius:10px;background:#e9eaec}.size-tokens-screen .st-shadow-card{width:140px;height:52px;border-radius:10px;background:#f6f6f7}.size-tokens-screen .st-shadow-layer{margin:6px 12px 8px;padding:8px;border:1px solid #ffffff14;border-radius:8px;display:grid;gap:6px}.size-tokens-screen .st-shadow-layer-head{display:flex;justify-content:space-between;align-items:center;color:#9e9fa2;font-size:11px}.size-tokens-screen .st-shadow-layer-head button,.size-tokens-screen .st-link{margin:0 12px;border:0;background:transparent;color:#8fb4ff;font-size:11px;cursor:pointer;padding:0}.size-tokens-screen .st-shadow-layer-head button{margin:0}.size-tokens-screen .st-link:disabled{opacity:.4}.size-tokens-screen .st-shadow-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.size-tokens-screen .figma-inspector-group>.st-field,.size-tokens-screen .figma-inspector-group>.st-note{margin-left:12px;margin-right:12px}.size-tokens-screen .st-field{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:6px;font-weight:400}.size-tokens-screen .st-field.st-field-wide{grid-template-columns:76px 1fr;gap:8px}.size-tokens-screen .st-field>span{color:#9e9fa2;font-size:11px}.size-tokens-screen .st-field input,.size-tokens-screen .st-color input,.size-tokens-screen .st-override input{width:100%;min-width:0;height:26px;padding:0 8px;border:1px solid #ffffff1a;border-radius:6px;background:#ffffff0d;color:#f3f3f3;font:12px Inter,sans-serif}.size-tokens-screen .st-override input{height:28px}.size-tokens-screen .st-field input:disabled,.size-tokens-screen .st-color input:disabled,.size-tokens-screen .st-override input:disabled{opacity:.55}.size-tokens-screen .st-field.has-error input,.size-tokens-screen .st-override.has-error input{border-color:#ff6b6b}.size-tokens-screen .st-color{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:6px}.size-tokens-screen .st-color .figma-value-control{height:26px;min-width:0;display:flex;align-items:center;overflow:hidden;border:1px solid #474a51;border-radius:6px;background:#383a40}.size-tokens-screen .st-color .figma-value-main{height:24px;min-width:0;flex:1;display:flex;align-items:center;gap:4px;padding:0 6px 0 4px}.size-tokens-screen .st-color .figma-value-main .swatch-button{width:16px;min-width:16px;height:16px;border:1px solid rgba(15,17,20,.1);border-radius:3px}.size-tokens-screen .st-color .figma-value-main input,.size-tokens-screen .st-color .figma-value-alpha input{min-width:0;height:22px;margin:0;padding:0 2px;border:0;background:transparent;color:#dfe2e7;font-size:12px;line-height:16px}.size-tokens-screen .st-color .figma-value-main input{flex:1}.size-tokens-screen .st-color .figma-value-alpha{width:52px;height:24px;padding:0 6px;display:flex;align-items:center;justify-content:space-between;border-left:1px solid #474a51;color:#dfe2e7;font-size:12px}.size-tokens-screen .st-color .figma-value-alpha input{width:28px;text-align:right}.size-tokens-screen .st-color .figma-value-alpha i{color:#a8afb9;font-style:normal}.size-tokens-screen .st-color input:focus{outline:0}.size-tokens-screen .alpha-swatch{position:relative;overflow:hidden;background:var(--swatch-solid, var(--swatch-color, transparent));background-origin:border-box;background-repeat:no-repeat}.size-tokens-screen .alpha-swatch:before,.size-tokens-screen .alpha-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:50%;opacity:var(--swatch-alpha-preview, 0);pointer-events:none}.size-tokens-screen .alpha-swatch:before{background-color:#f3f5f7;background-image:conic-gradient(#f3f5f7 25%,#aeb5bf 0,#aeb5bf 50%,#f3f5f7 0,#f3f5f7 75%,#aeb5bf 0);background-size:8px 8px}.size-tokens-screen .alpha-swatch:after{background:var(--swatch-color, transparent)}.size-tokens-screen .st-color>span{color:#9e9fa2;font-size:11px}.size-tokens-screen .st-override{display:grid;grid-template-columns:74px 1fr 22px;align-items:center;gap:6px;margin:6px 12px 0}.size-tokens-screen .st-override>span{color:#9e9fa2;font-size:12px}.size-tokens-screen .st-icon-btn{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:#c8ccd3;font-size:15px;line-height:22px;cursor:pointer}.size-tokens-screen .st-icon-btn:hover{background:#ffffff14}.size-tokens-screen .st-icon-btn:disabled{opacity:.35;cursor:default}.size-tokens-screen .st-platform-add{position:relative;display:inline-flex}.size-tokens-screen .st-menu{position:absolute;z-index:60;top:100%;right:0;margin-top:2px;padding:4px;border:1px solid #ffffff22;border-radius:8px;background:#22262c;box-shadow:0 8px 20px #0008}.size-tokens-screen .st-menu button{display:block;width:100%;padding:5px 12px;border:0;border-radius:6px;background:transparent;color:#e6e9ee;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}.size-tokens-screen .st-menu button:hover{background:#ffffff14}.size-tokens-screen .st-value-row{display:grid;grid-template-columns:1fr 22px;gap:6px;align-items:end;margin-right:12px;position:relative}.size-tokens-screen .st-heading-row{display:flex;align-items:center;justify-content:space-between;padding-right:12px;position:relative}.size-tokens-screen .st-warning{margin:8px 12px 0;padding:8px 10px;border-radius:8px;background:#f5b40014;border:1px solid #f5b40055;color:#f4d58a;font-size:12px;line-height:1.45}.size-tokens-screen .st-warning button{margin-top:6px;padding:3px 8px;border:1px solid #f5b40066;border-radius:6px;background:transparent;color:#f4d58a;font-size:11px;cursor:pointer}.size-tokens-screen .st-warning.is-neutral{border-color:#fff2;background:#ffffff0a;color:#c8ccd3}.size-tokens-screen .st-warning.is-error{border-color:#ff6b6b55;background:#ff6b6b14;color:#ffb4b4}.size-tokens-screen .st-derived-line{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:6px 12px 0;padding:6px 8px;border-radius:8px;background:#ffffff08;font-size:12px}.size-tokens-screen .st-derived-line small{grid-column:1 / -1;color:#9e9fa2}.size-tokens-screen .st-field-error{margin:2px 0 0;color:#ff6b6b;font-size:11px}.size-tokens-screen .st-field-error.st-field-error-value{margin:4px 12px 0}.size-tokens-screen .st-field-error.st-field-error-override{margin:2px 12px 0 92px}.size-tokens-screen .figma-inspector-group>.st-field-error{margin-left:12px;margin-right:12px}.size-tokens-screen .figma-inspector-field.has-error .figma-value-control{box-shadow:inset 0 0 0 1px #ff6b6b;border-radius:6px}.size-tokens-screen .st-note{margin:6px 12px 0;color:#9e9fa2;font-size:12px;line-height:1.45}.size-tokens-screen .st-impact-empty{color:#9e9fa2;font-size:12px}.size-tokens-screen .color-picker-popover{position:absolute;left:570px;top:52px;z-index:60;width:240px;padding:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border:.5px solid rgba(242,244,246,.2);border-radius:10px;background:#2f353d;box-shadow:0 60px 112px -8px #0006}.size-tokens-screen .color-picker-popover header{height:36px;padding:6px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.5px solid rgba(242,244,246,.2)}.size-tokens-screen .cp-tabs{display:flex;gap:4px}.size-tokens-screen .cp-tabs button{height:24px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .cp-tabs button.is-active{background:#f2f4f61a;color:#e8eaee}.size-tokens-screen .cp-close{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#9aa3af;font-size:18px;line-height:18px}.size-tokens-screen .cp-close:hover{background:#f2f4f61a;color:#fff}.size-tokens-screen .cp-tool-row{height:36px;padding:6px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.5px solid rgba(242,244,246,.2)}.size-tokens-screen .cp-tool-row div{display:flex;gap:4px}.size-tokens-screen .cp-tool-row span,.size-tokens-screen .cp-tool-row button{width:24px;height:24px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#d6dae0;font-size:12px;line-height:1}.size-tokens-screen .cp-tool-row button{cursor:pointer}.size-tokens-screen .cp-tool-row button:disabled{cursor:not-allowed;opacity:.45}.size-tokens-screen .cp-tool-row button.is-active,.size-tokens-screen .cp-tool-row div:last-child span:first-child{background:#f2f4f61a;color:#e8eaee}.size-tokens-screen .cp-tool-row button:not(:disabled):hover{background:#f2f4f614;color:#fff}.size-tokens-screen .cp-tool-row-legacy{display:none!important}.size-tokens-screen .cp-sv{position:relative;height:203px;margin:16px 10px 8px;border:1px solid rgba(7,8,11,.12);border-radius:8px;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0);cursor:crosshair;touch-action:none;overflow:hidden}.size-tokens-screen .cp-cursor{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0006,0 2px 8px #0008;pointer-events:none}.size-tokens-screen .cp-slider{position:relative;height:16px;margin:0 10px 4px;border:1px solid rgba(7,8,11,.12);border-radius:1000px;cursor:pointer;touch-action:none;overflow:visible}.size-tokens-screen .cp-slider i{position:absolute;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 4px #0009;pointer-events:none}.size-tokens-screen .cp-sv:focus-visible,.size-tokens-screen .cp-slider:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.size-tokens-screen .cp-hue{background:linear-gradient(to right,red,#ff0 16.6%,#0f0,#0ff 50%,#00f 65%,#9e00ff 75%,#ff00a7 89.5%,red)}.size-tokens-screen .cp-alpha{background-image:linear-gradient(to right,transparent,var(--cp-current)),repeating-conic-gradient(#d7dde5,#d7dde5 25%,#8a93a0 0%,#8a93a0 50%);background-size:auto,12px 12px}.size-tokens-screen .cp-format-row{height:40px;margin:8px 12px 0;padding:0 6px;display:grid;grid-template-columns:auto repeat(3,1fr) 44px;gap:0;align-items:center}.size-tokens-screen .cp-format-row:has(.cp-hex-field){grid-template-columns:44px 1fr 50px}.size-tokens-screen .cp-format-row select{height:24px;min-width:38px;padding:0 2px;border:0;background:transparent;color:#d6dae0;font-size:12px}.size-tokens-screen .cp-field{height:24px;min-width:0;padding:0 6px;border:0;border-left:1px solid rgba(242,244,246,.08);border-radius:0;background:#f2f4f61a;color:#d6dae0;font-size:12px;text-align:center}.size-tokens-screen .cp-format-row select+.cp-field{border-left:0;border-radius:6px 2px 2px 6px}.size-tokens-screen .cp-field:nth-last-child(2){border-radius:2px}.size-tokens-screen .cp-alpha-field{width:auto;border-radius:2px 6px 6px 2px}.size-tokens-screen .cp-hex-field{text-align:left}.size-tokens-screen .cp-info{display:grid;gap:8px;margin:0;padding:12px}.size-tokens-screen .cp-info div{height:16px;display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:center}.size-tokens-screen .cp-info dt{color:#9aa1ab;font-size:12px;line-height:16px}.size-tokens-screen .cp-info dd{margin:0;display:flex;align-items:center;gap:4px;color:#d6dae0;font-size:12px;line-height:16px}.size-tokens-screen .cp-copy{width:12px;height:12px;padding:0;border:0;border-radius:3px;background:transparent;color:#9aa1ab;font-size:10px;line-height:12px}.size-tokens-screen .cp-copy:hover{background:#f2f4f61a;color:#fff}.size-tokens-screen .cp-library{display:grid;grid-template-columns:1fr;gap:0}.size-tokens-screen .cp-preset{aspect-ratio:1;padding:0;border:1px solid rgba(242,244,246,.2);border-radius:6px;cursor:pointer}.size-tokens-screen .cp-preset.is-active,.size-tokens-screen .cp-preset:hover{outline:2px solid var(--accent);outline-offset:1px}.size-tokens-screen .cp-source-library{display:grid;grid-template-columns:1fr;gap:0;min-width:0;overflow:hidden;padding:0}.size-tokens-screen .color-picker-popover.is-library{width:240px;max-height:calc(100vh - 44px)}.size-tokens-screen .cp-library-search{height:36px;padding:4px 12px;display:flex;align-items:center;gap:2px;border-bottom:.5px solid rgba(242,244,246,.2);color:#8f99a8}.size-tokens-screen .cp-library-search span{width:24px;height:24px;display:grid;place-items:center;font-size:12px;line-height:12px}.size-tokens-screen .cp-library-search input{min-width:0;flex:1;height:24px;padding:0;border:0;background:transparent;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .cp-library-search input::placeholder{color:#d6dae0;opacity:1}.size-tokens-screen .cp-library-list{max-height:392px;overflow-x:hidden;overflow-y:auto;padding:16px;display:grid;gap:16px;scrollbar-color:#8f9399 #363c44;scrollbar-width:thin}.size-tokens-screen .cp-library-list::-webkit-scrollbar{width:8px;height:0}.size-tokens-screen .cp-library-list::-webkit-scrollbar-track{background:#363c44}.size-tokens-screen .cp-library-list::-webkit-scrollbar-thumb{background:#8f9399;border:2px solid #363c44;border-radius:999px}.size-tokens-screen .cp-library-empty{margin:0;padding:16px 4px;color:#8f99a8;font-size:12px;line-height:16px}.size-tokens-screen .cp-library-group{display:grid;gap:8px}.size-tokens-screen .cp-library-group h3{margin:0;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .cp-library-swatches{display:flex;flex-wrap:wrap;gap:8px;width:208px}.size-tokens-screen .cp-source-library .cp-preset{width:28px;height:28px;min-width:28px;aspect-ratio:auto;border:1px solid rgba(242,244,246,.2);border-radius:6px;box-shadow:inset 0 1px #ffffff14;cursor:pointer}.size-tokens-screen .cp-source-library .cp-preset:hover{outline:2px solid #7fa7ff;outline-offset:1px}.size-tokens-screen .cp-source-library .cp-preset.is-active{outline:2px solid var(--builder-accent,var(--builder-ui-accent,#2b8ced));outline-offset:2px;box-shadow:0 0 0 2px #182130,inset 0 1px #ffffff1f}.size-tokens-screen .cp-source-library .cp-preset-empty{display:block;background:#262d35;border-style:dashed;cursor:default;opacity:.72}.size-tokens-screen .color-picker-popover.is-gradient{width:240px}.size-tokens-screen .cp-gradient-preview{position:relative;height:28px;margin:12px 10px 8px;border:1px solid rgba(242,244,246,.2);border-radius:999px}.size-tokens-screen .cp-gradient-stop{position:absolute;top:50%;width:14px;height:14px;padding:0;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--stop-color);box-shadow:0 0 0 1px #0008,0 2px 8px #0008}.size-tokens-screen .cp-gradient-stop.is-active{outline:2px solid var(--builder-accent,var(--builder-ui-accent,#2b8ced));outline-offset:2px}.size-tokens-screen .cp-gradient-stops{margin:0 10px 8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.size-tokens-screen .cp-gradient-stops button{height:32px;padding:0 8px;display:flex;align-items:center;gap:6px;border:1px solid #474a51;border-radius:6px;background:#383a40;color:#dfe2e7;font-size:12px}.size-tokens-screen .cp-gradient-stops button.is-active{border-color:var(--builder-accent,var(--builder-ui-accent,#2b8ced));box-shadow:0 0 0 1px var(--builder-accent,var(--builder-ui-accent,#2b8ced)) inset}.size-tokens-screen .cp-gradient-stops i{width:14px;height:14px;border:1px solid rgba(242,244,246,.28);border-radius:4px}.size-tokens-screen .cp-gradient-stops span{flex:1;text-align:left}.size-tokens-screen .cp-gradient-stops b{font-weight:400;color:#a8afb9}.size-tokens-screen .cp-gradient-color-row .cp-field{height:28px;border:1px solid #474a51;border-radius:6px;background:#383a40;color:#dfe2e7}.size-tokens-screen .cp-gradient-color-row .cp-hex-field{text-align:left}.size-tokens-screen .cp-gradient-info{padding-top:8px}.size-tokens-screen .color-picker-popover.is-gradient{width:240px;overflow:visible}.size-tokens-screen .color-picker-popover.is-gradient>.cp-sv,.size-tokens-screen .color-picker-popover.is-gradient>.cp-gradient-info{display:none}.size-tokens-screen .cp-gradient-kind-row{padding:12px 16px 10px}.size-tokens-screen .cp-gradient-kind-row select{height:32px;padding:0 28px 0 12px;border:1px solid #3d4651;border-radius:8px;background:#303741;color:#dfe4ec;font-size:16px;line-height:24px}.size-tokens-screen .cp-gradient-preview{height:36px;margin:0 32px 40px;border:0;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014}.size-tokens-screen .cp-gradient-stop{top:50%;width:24px;height:30px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:0;background:transparent;box-shadow:none;outline:0}.size-tokens-screen .cp-gradient-preview .cp-gradient-stop{background:transparent!important}.size-tokens-screen .cp-gradient-stop:focus{outline:0}.size-tokens-screen .cp-gradient-stop:focus-visible{outline:0}.size-tokens-screen .cp-gradient-stop.is-active{outline:0;outline-offset:0}.size-tokens-screen .cp-gradient-stop:before{content:"";position:absolute;left:0;top:0;z-index:1;box-sizing:border-box;width:24px;height:24px;border-radius:6px;background:#2b313a;box-shadow:0 2px 10px #00000073}.size-tokens-screen .cp-gradient-stop:after{content:"";position:absolute;left:50%;bottom:0;z-index:1;width:10px;height:6px;transform:translate(-50%);border-radius:0;background:#2b313a;clip-path:polygon(0 0,100% 0,50% 100%)}.size-tokens-screen .cp-gradient-stop i{position:absolute;left:4px;top:4px;z-index:2;box-sizing:border-box;width:16px;height:16px;border:1px solid rgba(15,17,20,.1);border-radius:3px;background:var(--stop-color);box-shadow:none}.size-tokens-screen .cp-gradient-stop.is-active:before{background:var(--builder-accent,var(--builder-ui-accent,#2b8ced));box-shadow:none}.size-tokens-screen .cp-gradient-stop.is-active:after{background:var(--builder-accent,var(--builder-ui-accent,#2b8ced))}.size-tokens-screen .cp-gradient-stop.is-active i{border-color:#0f11141a;box-shadow:none}.size-tokens-screen .cp-gradient-stops-head{height:32px;margin:0 16px 8px;display:flex;align-items:center;justify-content:space-between;color:#d8dee7;font-size:16px;line-height:24px}.size-tokens-screen .cp-gradient-stops-head button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#d8dee7;font-size:28px;line-height:28px}.size-tokens-screen .cp-gradient-stops-head button:hover{background:#f2f4f614;color:#fff}.size-tokens-screen .cp-gradient-stops{margin:0 12px 14px;display:grid;grid-template-columns:1fr;gap:8px}.size-tokens-screen .cp-gradient-stop-row{height:32px;display:grid;grid-template-columns:46px 1fr 50px 24px;align-items:center;border-radius:10px;color:#d6dae0}.size-tokens-screen .cp-gradient-stop-row.is-token-value{grid-template-columns:46px 1fr 24px}.size-tokens-screen .cp-gradient-stop-row.is-active{background:#4284ff2e}.size-tokens-screen .cp-stop-position-field,.size-tokens-screen .cp-stop-opacity-field{width:100%;height:28px;padding:0 8px;border:1px solid rgba(242,244,246,.12);background:#f2f4f614;color:#d6dae0;font-size:14px;text-align:center}.size-tokens-screen .cp-stop-position-field{border-radius:8px 0 0 8px}.size-tokens-screen .cp-stop-opacity-field{border-radius:0}.size-tokens-screen .cp-gradient-stops .cp-stop-color-field{height:28px;min-width:0;padding:0 8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(242,244,246,.12);border-left:0;border-right:0;border-radius:0;background:#f2f4f614;color:#d6dae0;font-size:14px;text-align:left}.size-tokens-screen .cp-gradient-stop-row.is-token-value .cp-stop-color-field{border-right:0}.size-tokens-screen .cp-stop-color-field i{width:18px;height:18px;flex:0 0 auto;border:1px solid rgba(242,244,246,.28);border-radius:5px}.size-tokens-screen .cp-stop-color-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-tokens-screen .cp-stop-color-field:hover{background:#f2f4f61f}.size-tokens-screen .cp-gradient-stops .cp-stop-remove{width:24px;height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:0 8px 8px 0;background:#f2f4f614;color:#8f99a8;font-size:18px}.size-tokens-screen .cp-stop-remove:hover{background:#f2f4f61f;color:#fff}.size-tokens-screen .cp-stop-popover{position:absolute;left:-240px;top:176px;z-index:85;width:240px;padding:0;overflow:hidden;border:.5px solid rgba(242,244,246,.2);border-radius:10px;background:#2f353d;box-shadow:0 44px 92px -16px #0000009e}.size-tokens-screen .cp-stop-popover-head{height:36px;padding:6px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.5px solid rgba(242,244,246,.2);color:#d6dae0;font-size:12px;font-weight:600}.size-tokens-screen .cp-stop-popover-head button{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#9aa3af;font-size:18px}.size-tokens-screen .cp-stop-popover-head button:hover{background:#f2f4f61a;color:#fff}.size-tokens-screen .cp-stop-popover-head .cp-tabs{gap:4px}.size-tokens-screen .cp-stop-popover-head .cp-tabs button{width:auto;min-width:0;height:24px;padding:0 8px;border-radius:6px;color:#d6dae0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.size-tokens-screen .cp-stop-popover-head .cp-tabs button.is-active{background:#f2f4f61a;color:#e8eaee}.size-tokens-screen .cp-stop-popover-head .cp-tabs button:hover{background:#f2f4f614;color:#fff}.size-tokens-screen .cp-stop-popover .cp-sv{height:160px;margin:12px 10px 8px}.size-tokens-screen .cp-stop-popover .cp-format-row{margin-bottom:12px}.size-tokens-screen .color-picker-popover{left:auto;right:var(--panel-right,320px)}.size-tokens-screen .cp-library-search .cp-library-search-field{flex:1 1 auto;min-width:0}.size-tokens-screen .cp-library-search .cp-library-search-field>span{width:auto;height:auto;display:block;font-size:15px;line-height:1}.size-tokens-screen .cp-library-search .cp-library-search-field input{height:26px;outline:0;color:#e3e7ed;font-size:11px;font-weight:600}.size-tokens-screen .cp-library-search .cp-library-search-field input::placeholder{color:#77808d}.size-tokens-screen .editor-sizes-workbench>.color-picker-popover{left:auto;right:calc(var(--panel-right, 340px) + 10px);top:52px}@media (max-width: 900px){.size-tokens-screen .editor-sizes-workbench>.color-picker-popover{right:12px;top:96px}}.size-tokens-screen :where(.cp-library-search .source-palette-family-search){height:28px;display:flex;align-items:center;gap:6px;padding:0 6px;border:1px solid #3d434c;border-radius:6px;background:#252a31;color:#8f98a6}.size-tokens-screen :where(.cp-library-search .source-palette-family-search:focus-within){border-color:#5d87dd;box-shadow:0 0 0 1px #2d78ff55}.size-tokens-screen :where(.cp-library-search .source-palette-family-search input)::placeholder{color:#77808d}.size-tokens-screen .st-color .figma-value-main button.swatch-button{padding:0;cursor:pointer}.size-tokens-screen .st-color .figma-value-main button.swatch-button:disabled{cursor:default}.size-tokens-screen .st-color .figma-value-main button.swatch-button.is-open,.size-tokens-screen .st-color .figma-value-main button.swatch-button:hover:not(:disabled){outline:2px solid #4284ff;outline-offset:0}.size-tokens-screen .token-tree-input{display:grid;gap:4px}.size-tokens-screen .token-tree-input-field{position:relative;display:flex;align-items:center;cursor:text}.size-tokens-screen.st-theme-workspace .token-browser .token-tree-input.is-row input:not([type=checkbox]):not([type=radio]):not([type=range]){flex:1;min-width:0;height:24px;padding:4px;border:0;border-radius:0;outline:none;background:transparent;color:#dfe2e7;font:inherit;font-size:12px;letter-spacing:-.18px}.size-tokens-screen .token-tree-input-error{padding:0 16px 4px;color:#ff8a8a;font-size:11px;line-height:14px}.size-tokens-screen.st-theme-workspace .properties-panel .figma-value-control input:not([type=checkbox]):not([type=radio]):not([type=range]){border-radius:0;background-color:transparent}.size-tokens-screen .properties-panel input:focus-visible{outline:1px solid #4284ff;outline-offset:-1px}.size-tokens-screen .properties-panel .figma-value-control input:focus-visible{outline:0}.size-tokens-screen .properties-panel .figma-value-control:has(input:focus-visible){outline:1px solid #4284ff;outline-offset:-1px}.size-tokens-screen .cp-format-row:has(.cp-hex-field){grid-template-columns:max-content 1fr 50px}.size-tokens-screen .cp-format-row select{width:max-content}.size-tokens-screen .st-row-label{min-width:0;display:flex;align-items:center;gap:6px}.size-tokens-screen .st-row-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-tokens-screen .st-changed-indicator{width:6px;height:6px;flex:none;border-radius:50%;background:var(--builder-ui-accent, #2b8ced)}.typography-screen{--builder-ui-bg-primary: #27282c;--builder-ui-bg-secondary: #212327;--builder-ui-bg-tertiary: #0e1015;--builder-ui-outline-primary: #3d3f42;--builder-ui-outline-secondary: #56585c;--builder-ui-outline-transparent-primary: #ffffff1a;--builder-ui-outline-transparent-secondary: #ffffff08;--builder-ui-outline-accent-transparent: #2b8ced33;--builder-ui-surface-card: #27282c;--builder-ui-surface-default: #212327;--builder-ui-surface-primary: #3d3f42;--builder-ui-surface-transparent-primary: #ffffff08;--builder-ui-surface-transparent-secondary: #ffffff1a;--builder-ui-text-primary: #f3f3f3;--builder-ui-text-secondary: #dbdbdc;--builder-ui-text-tertiary: #b6b7b9;--builder-ui-text-paragraph: #9e9fa2;--builder-ui-accent: #2b8ced;--builder-ui-accent-minor: #2281e0;--builder-ui-accent-transparent: #2b8ced33;--builder-ui-rail-selection: #2b8ced1f;--builder-ui-negative: #f31b31;--builder-ui-positive: #0c9423;--builder-ui-warning: #96800f;--builder-ui-radius-xxs: 4px;--builder-ui-radius-xs: 6px;--builder-ui-radius-s: 8px;--builder-ui-radius-m: 12px;--builder-bg-primary: var(--builder-ui-bg-primary);--builder-panel: var(--builder-ui-bg-secondary);--builder-surface-primary: var(--builder-ui-surface-primary);--builder-outline-primary: var(--builder-ui-outline-primary);--builder-outline-transparent: var(--builder-ui-outline-transparent-primary);--builder-control: var(--builder-ui-surface-transparent-primary);--builder-text-primary: var(--builder-ui-text-primary);--builder-text-secondary: var(--builder-ui-text-secondary);--builder-text-tertiary: var(--builder-ui-text-tertiary);--builder-text-paragraph: var(--builder-ui-text-paragraph);--builder-accent: var(--builder-ui-accent);--builder-radius-xs: var(--builder-ui-radius-xs);--builder-radius-m: var(--builder-ui-radius-m);--shell-bg: var(--builder-ui-bg-tertiary);--rail-bg: var(--builder-ui-bg-secondary);--sidebar-bg: var(--builder-ui-bg-secondary);--surface: var(--builder-ui-surface-default);--surface-hover: var(--builder-ui-surface-transparent-primary);--line: var(--builder-ui-outline-transparent-primary);--text: var(--builder-ui-text-primary);--muted: var(--builder-ui-text-paragraph);--accent: var(--builder-ui-accent);--ps-text: var(--builder-ui-text-primary);--ps-secondary: var(--builder-ui-text-secondary);--ps-tertiary: var(--builder-ui-text-tertiary);--ps-paragraph: var(--builder-ui-text-paragraph);--ps-accent: var(--builder-ui-accent);--ps-line: var(--builder-ui-outline-transparent-primary);--ps-control: var(--builder-ui-surface-transparent-primary);--ps-control-line: var(--builder-ui-outline-transparent-primary);--ps-card: var(--builder-ui-surface-card);--ps-negative: var(--builder-ui-negative);--shell-bg: #0e1015;--rail-bg: #212327;--surface: #212327;--surface-hover: #ffffff08;--line: #ffffff1a;--text: #f3f3f3;--muted: #9e9fa2;--accent: #2b8ced;--builder-ref-bg: var(--builder-ui-bg-primary);--builder-ref-panel: var(--builder-ui-bg-secondary);--builder-ref-canvas: var(--builder-ui-bg-primary);--builder-ref-rail: var(--builder-ui-bg-secondary);--builder-ref-line: var(--builder-ui-outline-transparent-primary);--builder-ref-line-soft: var(--builder-ui-outline-transparent-secondary);--builder-ref-selected: var(--builder-ui-accent-transparent);--builder-ref-selected-line: var(--builder-ui-accent);--builder-ref-text: var(--builder-ui-text-primary);--builder-ref-muted: var(--builder-ui-text-tertiary);--builder-ref-dim: var(--builder-ui-text-paragraph);position:relative;flex:1 1 auto;width:100%;min-width:0;height:100%;min-height:0;font-family:Inter,Arial,sans-serif;line-height:1.45;color:var(--text);color-scheme:dark;background:var(--builder-ref-bg)}:where(.typography-screen) *,:where(.typography-screen) *:before,:where(.typography-screen) *:after{box-sizing:border-box}:where(.typography-screen) :where(button,input,select,textarea){font:inherit}:where(.typography-screen) :where(button){cursor:pointer;border:1px solid #1b1d22;background:#1b1d22;color:#fff;padding:9px 14px;border-radius:6px}:where(.typography-screen) :where(button:disabled){opacity:.45;cursor:not-allowed}:where(.typography-screen) :where(button.secondary){background:#fff;color:#1b1d22}:where(.typography-screen) :where(h2){margin:0 0 8px;font-size:20px}:where(.typography-screen) :where(p){margin-top:0}:where(.typography-screen) :where(label){display:grid;gap:6px;font-weight:600}:where(.typography-screen) :where(input,select,textarea){width:100%;padding:9px 10px;border:1px solid #444d59;border-radius:5px;background:#20252c;color:var(--text)}:where(.typography-screen) :where(footer){padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--rail-bg);border-top:1px solid var(--line);color:var(--muted);font-size:13px}:where(.typography-screen) :where(.ui-glyph){width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.typography-screen .editor-workbench{height:calc(100vh - 49px);display:flex;flex-direction:column}.typography-screen .editor-toolbar{min-height:52px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#191f26}.typography-screen .editor-toolbar>div{display:flex;align-items:center;gap:10px}.typography-screen .editor-toolbar span{color:var(--muted);font-size:12px}.typography-screen .viewer-banner{padding:8px 14px;background:#3c3219}.typography-screen .token-browser,.typography-screen .properties-panel{overflow:auto;background:#1a2027}.typography-screen .token-browser{border-right:1px solid var(--line)}.typography-screen .properties-panel{border-left:1px solid var(--line)}.typography-screen .token-row{width:100%;padding:9px 10px;display:grid;gap:4px;text-align:left;border:0;background:transparent;color:var(--text)}.typography-screen .token-row code{width:max-content;padding:0;background:none;color:var(--muted);font-size:11px}.typography-screen .token-row:hover,.typography-screen .token-row.is-selected{background:#343d48}.typography-screen .preview-canvas{min-width:0;display:flex;flex-direction:column;background:#0c1015}.typography-screen .canvas-toolbar{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}@media (max-width:1000px){.typography-screen .properties-panel{display:none}}.typography-screen.ty-shell.ty-theme-workspace .editor-workbench{height:100vh}.typography-screen .playground-workbench{height:100vh;display:grid;grid-template-columns:280px 280px minmax(420px,1fr);grid-template-rows:44px minmax(0,1fr);background:#252a31}.typography-screen .playground-workbench .token-browser{grid-column:1;grid-row:1/3;border-right:1px solid #343a43;background:#22272e;overflow:auto}.typography-screen .token-panel-header{height:44px;padding:0 8px 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343a43}.typography-screen .token-panel-header>div{display:flex}.typography-screen .token-panel-header button,.typography-screen .canvas-toolbar button{border:0;background:transparent;color:#d6dbe3;padding:6px}.typography-screen .token-tree-group{border-bottom:1px solid #30363f;color:#8f99a8;font-size:12px}.typography-screen .token-tree-group>span{display:block;padding:10px 8px}.typography-screen .token-tree-group.is-open{padding-bottom:7px}.typography-screen .token-row{height:32px;padding:0 12px 0 20px;display:flex;align-items:center;gap:7px}.typography-screen .token-row.is-selected{background:#3b424d;color:#fff}.typography-screen .playground-workbench .editor-toolbar{grid-column:2/4;grid-row:1;height:44px;min-height:44px;padding:0 10px;display:grid;grid-template-columns:240px 70px 1fr auto;border-bottom:1px solid #343a43;background:#22272e}.typography-screen .playground-workbench .properties-panel{grid-column:2;grid-row:2;border-right:1px solid #343a43;border-left:0;background:#252a31;overflow:auto}.typography-screen .inspector-section{padding:12px 16px;border-bottom:1px solid #343a43;display:grid;gap:8px;font-size:12px}.typography-screen .inspector-heading{color:#929cab;margin-bottom:3px}.typography-screen .inspector-section label{grid-template-columns:40px 1fr;align-items:center;font-weight:400;color:#939dac}.typography-screen .impact-line,.typography-screen .component-impact>div{display:flex;justify-content:space-between;padding:5px 0;color:#c8ced7}.typography-screen .playground-workbench .preview-canvas{grid-column:3;grid-row:2;min-width:0;background:#282d34;overflow:auto}.typography-screen .playground-workbench .canvas-toolbar{height:40px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343a43}@media (max-width:1100px){.typography-screen .playground-workbench{grid-template-columns:250px 250px minmax(360px,1fr)}}.typography-screen .playground-workbench .editor-toolbar{grid-template-columns:280px minmax(0,1fr);padding:0}.typography-screen .preview-toolbar{min-width:0;height:44px;padding:0 10px;display:flex;align-items:center;justify-content:space-between}@media (max-width:1100px){.typography-screen .playground-workbench .editor-toolbar{grid-template-columns:250px minmax(0,1fr)}}.typography-screen .token-row small{margin-left:auto;color:var(--muted);font-size:10px}@media (max-width:900px){.typography-screen .playground-workbench{height:auto;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px auto auto minmax(500px,1fr)}.typography-screen .playground-workbench .editor-toolbar{grid-column:1;grid-row:1;grid-template-columns:minmax(180px,250px) minmax(0,1fr)}.typography-screen .playground-workbench .token-browser{display:block;grid-column:1;grid-row:2;max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.typography-screen .playground-workbench .properties-panel{display:block;grid-column:1;grid-row:3;max-height:360px;border-right:0;border-bottom:1px solid var(--line)}.typography-screen .playground-workbench .preview-canvas{grid-column:1;grid-row:4;min-height:500px}}@media (max-width:560px){.typography-screen .playground-workbench .editor-toolbar{height:auto;min-height:80px;grid-template-columns:1fr;grid-template-rows:36px 44px}.typography-screen .preview-toolbar{height:44px;overflow-x:auto}}.typography-screen.ty-shell.ty-theme-workspace .editor-workbench,.typography-screen.ty-theme-workspace .playground-workbench{height:calc(100vh - 37px)}@media (max-width:900px){.typography-screen.ty-theme-workspace .playground-workbench{height:auto;min-height:calc(100vh - 37px)}}.typography-screen .font-family-menu{position:absolute;top:31px;left:56px;right:0;z-index:80;padding:4px;border:1px solid #474a51;border-radius:7px;background:#20252c;box-shadow:0 16px 42px #000b}.typography-screen .font-family-menu button{width:100%;height:28px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#d7dde7;font-size:12px;font-weight:400;text-align:left}.typography-screen .font-family-menu button:hover,.typography-screen .font-family-menu button.is-selected{background:#2d3f5f;color:#fff}.typography-screen .impact-component{display:flex;justify-content:space-between;width:100%;padding:5px 0;border:0;background:transparent;color:#c8ced7;text-align:left;font-size:12px}.typography-screen .impact-component:hover{color:#fff}.typography-screen .impact-component b{color:#c8ced7}.typography-screen .ui-glyph{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}@media (min-width:901px) and (max-width:1100px){.typography-screen .playground-workbench{grid-template-columns:220px 220px minmax(0,1fr)}.typography-screen .playground-workbench .editor-toolbar{grid-template-columns:220px minmax(0,1fr)}.typography-screen .playground-workbench .properties-panel{display:block}}.typography-screen .playground-workbench{grid-template-columns:var(--panel-left,280px) minmax(320px,1fr) var(--panel-right,320px);grid-template-rows:44px minmax(0,1fr);background:#1d2025;color:#edf1f7}.typography-screen .playground-workbench .editor-toolbar{grid-template-columns:minmax(0,1fr) var(--panel-right,320px)}.typography-screen .panel-resizer{position:absolute;top:0;bottom:0;width:9px;z-index:6;cursor:col-resize;background:transparent;border:0;padding:0}.typography-screen .panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;transition:background .15s}.typography-screen .panel-resizer:hover:after{background:#4d82ff}.typography-screen .panel-resizer:focus-visible{outline:2px solid #4d82ff;outline-offset:-2px}.typography-screen .playground-workbench{position:relative}.typography-screen .panel-resizer-left{left:calc(var(--panel-left,280px) - 4px)}.typography-screen .panel-resizer-right{right:calc(var(--panel-right,320px) - 5px)}.typography-screen .playground-workbench .token-browser{grid-column:1;grid-row:1/3;background:#1f232a;border-right-color:#343a43}.typography-screen .playground-workbench .editor-toolbar{grid-column:2/4;grid-row:1;grid-template-columns:minmax(0,1fr) var(--panel-right,320px);background:#1f232a;border-bottom-color:#343a43}.typography-screen .playground-workbench .preview-canvas{grid-column:2;grid-row:2;background:#27282c;border-right:1px solid #343a43}.typography-screen .playground-workbench .properties-panel{grid-column:3;grid-row:2;background:#25272d;border-left:0;border-right:0}.typography-screen .preview-toolbar{grid-column:1;grid-row:1;border-right:1px solid #343a43}.typography-screen .token-panel-header{background:#1f232a}.typography-screen .token-panel-header strong{font-size:18px;line-height:24px}.typography-screen .token-tree-group{border-bottom-color:#303640;color:#9aa3b2}.typography-screen .token-tree-group>span{padding:12px 12px 9px;font-size:13px}.typography-screen .token-row{height:34px;margin:0 6px;padding:0 12px 0 16px;border-radius:7px;color:#d9e0ea}.typography-screen .token-row:hover{background:#2b313a}.typography-screen .token-row.is-selected{background:#314055;color:#fff}.typography-screen .playground-workbench .canvas-toolbar{height:36px;background:#27282c;border-bottom-color:#343a43;color:#9aa3b2}.typography-screen .token-canvas{min-height:100%;padding:24px 0;box-sizing:border-box}.typography-screen .inspector-section{padding:14px 18px;border-bottom-color:#343a43}.typography-screen .inspector-heading{color:#9aa3b2;font-size:13px}.typography-screen .playground-workbench .preview-toolbar{padding:0 8px;justify-content:space-between}.typography-screen .playground-workbench .canvas-toolbar button:not([data-action]){font-size:0}.typography-screen .playground-workbench .canvas-toolbar button:not([data-action]):before{content:"Palette";font-size:12px;color:#c9d0da}.typography-screen .playground-workbench .canvas-toolbar button:not([data-action]):after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 2px 5px;border-right:1.5px solid #c9d0da;border-bottom:1.5px solid #c9d0da;border-radius:1px;transform:rotate(45deg)}.typography-screen .playground-workbench .canvas-toolbar>div:not([class]){color:#aeb7c4;font-size:13px;letter-spacing:3px}.typography-screen .playground-workbench .token-browser,.typography-screen .playground-workbench .properties-panel,.typography-screen .playground-workbench .preview-canvas{height:100%;max-height:100%;overflow:auto}.typography-screen .token-panel-header{height:40px;padding:0 8px 0 12px}.typography-screen .token-panel-header strong{font-size:14px;font-weight:600}.typography-screen .token-row{height:32px;border-radius:0;margin:0;padding-left:12px}.typography-screen .token-row.is-selected{background:#2d3d55}.typography-screen .token-row-value{margin-left:auto;padding-left:8px;color:#8f99a8;font-size:11px;font-weight:400;white-space:nowrap}.typography-screen .token-row.is-selected .token-row-value{color:#c9d3e0}.typography-screen .token-tree-group>span{height:32px;padding:8px 12px;color:#a5aebb}.typography-screen .inspector-section{padding:10px 12px}.typography-screen .inspector-section label{min-height:32px}@media (max-width:1100px){.typography-screen .playground-workbench{grid-template-columns:240px minmax(360px,1fr) 280px}.typography-screen .playground-workbench .editor-toolbar{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:900px){.typography-screen .playground-workbench .preview-canvas{grid-column:1;grid-row:4;border-right:0}.typography-screen .playground-workbench .properties-panel{grid-column:1;grid-row:3}.typography-screen .playground-workbench .editor-toolbar{grid-column:1;grid-row:1;grid-template-columns:1fr}.typography-screen .preview-toolbar{display:none}.typography-screen .token-canvas{padding:24px}}.typography-screen .playground-workbench{background:var(--builder-ref-bg);color:var(--builder-ref-text)}.typography-screen .playground-workbench .token-browser,.typography-screen .playground-workbench .editor-toolbar,.typography-screen .playground-workbench .properties-panel{background:var(--builder-ref-panel)}.typography-screen .playground-workbench .preview-canvas{background:var(--builder-ref-canvas)}.typography-screen .playground-workbench .token-browser,.typography-screen .playground-workbench .preview-canvas,.typography-screen .playground-workbench .editor-toolbar,.typography-screen .token-panel-header,.typography-screen .playground-workbench .canvas-toolbar{border-color:var(--builder-ref-line)}.typography-screen .token-panel-header strong{color:var(--builder-ref-text);font-size:12px;font-weight:500}.typography-screen .token-tree{padding-top:4px}.typography-screen .token-tree-group{border-bottom:0;color:var(--builder-ref-muted)}.typography-screen .token-tree-group>span{color:#d5dae2;font-size:12px;font-weight:500}.typography-screen .token-row{height:32px;margin:0 8px;border-radius:5px;color:var(--builder-ref-muted);font-size:12px}.typography-screen .token-row:hover{background:#292d34;color:#d9dee6}.typography-screen .token-row.is-selected{background:var(--builder-ref-selected);color:#fff;box-shadow:inset 0 0 0 1px #2d78ff}.typography-screen .playground-workbench .preview-toolbar{background:var(--builder-ref-panel);border-right-color:var(--builder-ref-line)}.typography-screen .playground-workbench .preview-toolbar:after,.typography-screen .playground-workbench .canvas-toolbar div{color:#d5dae2}.typography-screen .playground-workbench .canvas-toolbar{background:var(--builder-ref-canvas);color:var(--builder-ref-muted)}.typography-screen .token-canvas{background:var(--builder-ref-canvas)}.typography-screen .inspector-section{border-bottom:0;color:var(--builder-ref-muted)}.typography-screen .inspector-heading{color:#f0f3f7;font-size:12px;font-weight:600}.typography-screen .inspector-section label{color:#b3bbc6}.typography-screen .impact-line,.typography-screen .component-impact>div,.typography-screen .impact-component{color:#b3bbc6}.typography-screen .playground-workbench:not(.component-workbench) .preview-toolbar{gap:16px}.typography-screen .playground-workbench:not(.component-workbench) .preview-toolbar:after{content:none}.typography-screen .playground-workbench:not(.component-workbench) .canvas-toolbar{display:none}.typography-screen .typography-canvas{padding:24px}.typography-screen .typography-board{width:880px;max-width:100%;margin:0 auto;padding-bottom:40px;color:#edf1f7}.typography-screen .typography-board-header{height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a3e45;color:#949da9;font-size:11px}.typography-screen .typography-board-header>div{min-width:0;display:flex;align-items:baseline;gap:8px}.typography-screen .typography-board-header strong{overflow:hidden;color:#edf1f7;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.typography-screen .typography-board-header span{white-space:nowrap}.typography-screen .typography-canvas-group{display:grid;gap:0}.typography-screen .typography-canvas-group>h3{height:40px;margin:0;padding:0 12px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #34383f;color:#cdd3dc;font-size:12px;font-weight:600}.typography-screen .typography-canvas-group>h3 span{color:#7f8996;font-size:10px;font-weight:500}.typography-screen .typography-canvas-list{display:grid}.typography-screen .typography-canvas-row{width:100%;min-height:var(--typography-row-height,72px);padding:12px;display:grid;grid-template-columns:92px minmax(0,1fr) 90px;align-items:center;gap:16px;overflow:hidden;border:0;border-bottom:1px solid #30343a;border-radius:0;background:transparent;color:#edf1f7;text-align:left;transition:background-color .12s ease,box-shadow .12s ease}.typography-screen .typography-canvas-row:hover{background:#2d3035}.typography-screen .typography-canvas-row.is-selected{background:#303641;box-shadow:inset 2px 0 #4284ff}.typography-screen .typography-canvas-row:focus-visible{outline:2px solid #4284ff;outline-offset:-2px}.typography-screen .typography-canvas-meta,.typography-screen .typography-canvas-value{min-width:0;display:grid;gap:3px;align-self:center}.typography-screen .typography-canvas-meta strong,.typography-screen .typography-canvas-value strong{overflow:hidden;color:#dfe4eb;font-size:11px;font-weight:600;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.typography-screen .typography-canvas-meta small,.typography-screen .typography-canvas-value small{overflow:hidden;color:#828c99;font-size:10px;font-weight:400;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.typography-screen .typography-canvas-value{text-align:right}.typography-screen .typography-canvas-sample{min-width:0;display:block;overflow-x:clip;overflow-y:visible;pointer-events:none}@media (max-width:900px){.typography-screen .typography-canvas{padding:16px}.typography-screen .typography-canvas-row{grid-template-columns:72px minmax(0,1fr) 76px;gap:10px;padding:10px 8px}}.typography-screen .playground-workbench .token-browser{width:var(--panel-left,280px);background:#202327;border-right:1px solid #383b41}.typography-screen .token-menu-header{height:40px;min-height:40px;padding:8px 10px 8px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:0;background:#202327}.typography-screen .token-menu-header strong{color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.typography-screen .token-tree{padding:0;background:#202327}.typography-screen .token-tree-group{margin:0;border:0;gap:0;padding:0}.typography-screen .playground-workbench .token-tree-group{padding:0}.typography-screen .token-tree-group>span{height:32px;padding:8px 12px;display:flex;align-items:center;color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.typography-screen .token-tree-heading{width:100%;height:32px;padding:8px 12px;display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#dfe2e7;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px;text-align:left;cursor:pointer}.typography-screen .token-tree-heading:hover{background:#2b333d}.typography-screen .token-tree-heading:focus-visible{outline:2px solid #4284ff;outline-offset:-2px}.typography-screen .token-tree-chevron{width:12px;display:inline-grid;place-items:center;color:#dfe2e7}.typography-screen .token-tree-group{position:relative}.typography-screen .token-tree-group.is-collapsed>span{color:#dfe2e7}.typography-screen .token-tree-group.is-collapsed>.token-tree-heading{color:#dfe2e7}.typography-screen .typography-screen-control{margin:0 12px 8px;padding:2px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border:1px solid #383b41;border-radius:6px;background:#191c20}.typography-screen .typography-screen-control button{height:26px;min-width:0;padding:0 4px;border:0;border-radius:4px;background:transparent;color:#929ba8;font-size:11px;font-weight:500;line-height:16px}.typography-screen .typography-screen-control button:hover{background:#292e35;color:#dfe2e7}.typography-screen .typography-screen-control button.is-active{background:#343a43;color:#fff}.typography-screen .typography-screen-control button:focus-visible{outline:2px solid #4284ff;outline-offset:0}.typography-screen .token-row{position:relative;height:32px;margin:0;padding:2px 12px;display:flex;align-items:center;gap:0;border-radius:0;background:transparent;color:#aeb4bd;font-size:12px;line-height:16px;letter-spacing:-.18px}.typography-screen .token-row>span{min-width:0;flex:1;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;opacity:.8}.typography-screen .token-row.is-selected{background:transparent;color:#dfe2e7;box-shadow:none}.typography-screen .token-row.is-selected:before{content:"";position:absolute;left:12px;right:12px;height:28px;border-radius:6px;background:#4284ff26;z-index:0}.typography-screen .token-row>*{position:relative;z-index:1}.typography-screen .typography-token-row{gap:4px}.typography-screen .typography-style-glyph{width:20px;min-width:20px;height:20px;display:grid;place-items:center;border:1px solid #3d434c;border-radius:4px;background:#292e35;color:#c8ced7;font-size:9px;font-style:normal;font-weight:600;line-height:1}.typography-screen .typography-style-glyph.is-error{border-color:#a54751;color:#ff9ca5}.typography-screen .playground-workbench{grid-template-columns:var(--panel-left,280px) minmax(320px,1fr) var(--panel-right,320px)}.typography-screen .playground-workbench .properties-panel{width:var(--panel-right,320px);background:#202327;border-left:1px solid #383b41;color:#d0d5dd}.typography-screen .playground-workbench .properties-panel .viewer-banner{margin:0}.typography-screen .figma-inspector-group{padding:4px 12px;border-bottom:0;display:flex;flex-direction:column;gap:2px}.typography-screen .figma-inspector-group .inspector-heading{height:32px;padding:8px 4px;display:flex;align-items:center;gap:4px;color:#f0f2f5;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.18px}.typography-screen .figma-inspector-group .inspector-heading i{font-style:normal;color:#9aa2ad;font-size:12px}@media (max-width:1100px){.typography-screen .playground-workbench{grid-template-columns:240px minmax(360px,1fr) 300px}.typography-screen .playground-workbench .properties-panel{width:300px}.typography-screen .playground-workbench .editor-toolbar{grid-template-columns:minmax(0,1fr) 300px}}.typography-screen .token-panel-header>strong{display:inline-flex;align-items:center;gap:6px}.typography-screen .playground-workbench{background:var(--builder-bg-primary)}.typography-screen .playground-workbench .token-browser,.typography-screen .playground-workbench .properties-panel,.typography-screen .playground-workbench .editor-toolbar{background:var(--builder-panel)}.typography-screen .sidebar-header{height:40px;min-height:40px;padding:4px 10px;display:flex;align-items:center;gap:2px;box-sizing:border-box;border-bottom:1px solid var(--builder-outline-transparent);background:var(--builder-panel)}.typography-screen .sidebar-header>strong{min-width:0;flex:1;overflow:hidden;color:var(--builder-text-primary);font:400 12px/16px Inter,system-ui,sans-serif;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.typography-screen .sidebar-header-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.typography-screen .sidebar-header-actions>button{width:24px;height:24px;padding:4px;display:grid;flex:none;place-items:center;box-sizing:border-box;border:0;border-radius:var(--builder-radius-xs);background:transparent;color:var(--builder-text-secondary)}.typography-screen .sidebar-header-actions>button:hover,.typography-screen .sidebar-header-actions>button.is-active{background:var(--builder-control);color:var(--builder-text-primary)}.typography-screen .sidebar-header-actions .ui-glyph,.typography-screen .sidebar-search-field .ui-glyph{width:16px;height:16px}.typography-screen .sidebar-search-field{width:208px;height:24px;padding:4px 6px;display:flex;align-items:center;gap:6px;box-sizing:border-box;border:1px solid var(--builder-outline-primary);border-radius:var(--builder-radius-xs);background:var(--builder-control);color:var(--builder-text-tertiary)}.typography-screen .sidebar-search-field:focus-within{border-color:var(--builder-accent)}.typography-screen .sidebar-search-field input{min-width:0;width:auto;height:16px;padding:0;flex:1;border:0;border-radius:0;outline:0;background:transparent;color:var(--builder-text-secondary);font:400 12px/16px Inter,system-ui,sans-serif;letter-spacing:0}.typography-screen .sidebar-search-field input::placeholder{color:var(--builder-text-paragraph);opacity:1}.typography-screen .token-menu-header,.typography-screen .token-tree{background:var(--builder-ui-bg-secondary)}.typography-screen .playground-workbench,.typography-screen .playground-workbench .token-browser,.typography-screen .playground-workbench .editor-toolbar,.typography-screen .playground-workbench .properties-panel,.typography-screen .token-canvas{background:var(--builder-ui-bg-primary)}.typography-screen .playground-workbench .token-browser,.typography-screen .playground-workbench .editor-toolbar,.typography-screen .playground-workbench .properties-panel,.typography-screen .token-panel-header{border-color:var(--builder-ui-outline-transparent-primary)}.typography-screen .token-row:hover{background:var(--builder-ui-surface-transparent-primary);color:var(--builder-ui-text-primary)}.typography-screen .token-row.is-selected{background:var(--builder-ui-accent-transparent);color:var(--builder-ui-text-primary);box-shadow:inset 0 0 0 1px var(--builder-ui-accent)}.typography-screen.ty-shell.ty-theme-workspace .editor-workbench.playground-workbench{height:calc(100vh - 40px);min-height:0;grid-template-columns:clamp(220px,var(--panel-left, 280px),320px) minmax(0,1fr) clamp(280px,var(--panel-right, 320px),400px);grid-template-rows:40px minmax(0,1fr);background:var(--builder-ui-bg-primary)}.typography-screen .playground-workbench .token-browser{grid-column:1;grid-row:1 / 3;width:clamp(220px,var(--panel-left, 280px),320px);min-width:220px;max-width:320px;height:100%;border-right:1px solid var(--builder-ui-outline-primary);border-bottom:0}.typography-screen .playground-workbench .editor-toolbar{grid-column:2;grid-row:1;width:100%;height:40px;min-height:40px;border-bottom:1px solid var(--builder-ui-outline-primary)}.typography-screen .playground-workbench .preview-canvas{grid-column:2;grid-row:2;min-width:0;min-height:0;background:var(--builder-ui-bg-primary)}.typography-screen .playground-workbench .properties-panel{grid-column:3;grid-row:1 / 3;width:320px;min-width:320px;height:100%;border-left:1px solid var(--builder-ui-outline-primary);border-right:0;border-bottom:0}.typography-screen.ty-shell.ty-theme-workspace .editor-workbench.playground-workbench,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .token-browser,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .token-menu-header,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .token-panel-header,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .token-tree,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .editor-toolbar,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .preview-toolbar,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .properties-panel,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .preview-canvas,.typography-screen.ty-shell.ty-theme-workspace .playground-workbench .token-canvas{background:transparent}.typography-screen.ty-shell.ty-theme-workspace .editor-workbench.playground-workbench:not(.component-workbench){grid-template-columns:clamp(220px,var(--panel-left, 280px),320px) minmax(0,1fr) clamp(280px,var(--panel-right, 320px),400px);grid-template-rows:40px minmax(0,1fr)}.typography-screen .playground-workbench:not(.component-workbench) .token-browser{width:clamp(220px,var(--panel-left, 280px),320px);min-width:220px;max-width:320px}.typography-screen .playground-workbench:not(.component-workbench) .editor-toolbar{grid-column:2;grid-row:1;display:block;width:100%;height:40px;min-height:40px;padding:0}.typography-screen .playground-workbench:not(.component-workbench) .preview-toolbar{width:100%;height:40px;padding:4px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:0}.typography-screen .editor-header-controls{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.typography-screen .editor-canvas-picker{position:relative;min-width:0}.typography-screen .editor-header-select{height:24px;padding:3px 7px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--builder-ui-outline-primary);border-radius:6px;background:transparent;color:var(--builder-ui-text-primary);font:inherit;font-size:12px;line-height:16px;letter-spacing:0;cursor:pointer}.typography-screen .editor-header-select{width:86px}.typography-screen .editor-header-select>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography-screen .editor-header-select svg{width:14px;height:14px;flex:none}.typography-screen .playground-workbench:not(.component-workbench) .properties-panel{grid-column:3;grid-row:1 / 3;width:clamp(280px,var(--panel-right, 320px),400px);min-width:280px;max-width:400px}.typography-screen .token-panel-header.sidebar-header{height:40px;min-height:40px;padding:4px 10px}.typography-screen .token-inspector-header{min-height:72px;padding:8px 12px;display:grid;align-content:start;gap:4px;border-bottom:1px solid var(--builder-ui-outline-primary)}.typography-screen .token-inspector-header>div{min-width:0;height:24px;display:flex;align-items:center;justify-content:space-between;gap:8px}.typography-screen .token-inspector-header strong{min-width:0;overflow:hidden;color:var(--builder-ui-text-primary);font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.typography-screen .token-inspector-header p{margin:0;display:-webkit-box;overflow:hidden;color:var(--builder-ui-text-secondary);font-size:10px;line-height:14px;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.typography-screen .playground-workbench:not(.component-workbench) .figma-inspector-group{padding:4px 0;gap:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.typography-screen .playground-workbench:not(.component-workbench) .figma-inspector-group>.inspector-heading{height:28px;padding:6px 12px;display:flex;align-items:center;color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500;line-height:12px;letter-spacing:0;text-transform:uppercase}.typography-screen .playground-workbench:not(.component-workbench) .token-canvas{padding-top:16px}@media (max-width: 1050px){.typography-screen .playground-workbench:not(.component-workbench) .preview-toolbar{padding-inline:8px}}.typography-screen .editor-fonts-workbench .token-panel-context-name{min-width:0;overflow:hidden;color:var(--builder-ui-text-primary);font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.typography-screen .editor-fonts-workbench .preview-toolbar{justify-content:flex-end}.typography-screen .editor-fonts-workbench .editor-header-select{width:auto;min-width:96px;max-width:180px}.typography-screen .editor-fonts-workbench .typography-screen-control{width:206px;height:24px;margin:4px 8px 12px;padding:0;gap:4px;border:0;border-radius:6px;background:transparent}.typography-screen .editor-fonts-workbench .typography-screen-control button{width:auto;height:24px;padding:4px 8px;border-radius:6px;color:var(--builder-ui-text-secondary);font-size:12px;line-height:16px;letter-spacing:-.24px}.typography-screen .editor-fonts-workbench .typography-screen-control button.is-active{background:var(--builder-ui-bg-secondary);color:var(--builder-ui-text-primary)}.typography-screen .editor-fonts-workbench .typography-token-row{height:32px;padding:4px 12px;background:transparent}.typography-screen .editor-fonts-workbench .typography-changed-indicator{width:6px;height:6px;flex:none;border-radius:50%;background:var(--builder-ui-accent, #2b8ced)}.typography-screen .editor-fonts-workbench .typography-style-label{display:flex;align-items:center;gap:6px}.typography-screen .editor-fonts-workbench .typography-style-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.typography-screen .editor-fonts-workbench .typography-style-glyph{width:24px;min-width:24px;height:24px;border:0;border-radius:0;background:transparent;color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500;line-height:24px}.typography-screen .editor-fonts-workbench .typography-token-row.is-selected,.typography-screen .editor-fonts-workbench .typography-token-row:hover{background:transparent}.typography-screen .editor-fonts-workbench .typography-token-row.is-selected:before{background:var(--builder-ui-surface-primary, #3d3f42)}.typography-screen .editor-fonts-workbench .typography-token-row.is-selected{box-shadow:none}.typography-screen .playground-workbench.editor-fonts-workbench .typography-canvas{padding:24px 36px 40px 40px}.typography-screen .editor-fonts-workbench .typography-board{width:719px;max-width:100%;margin:0;padding:0}.typography-screen .editor-fonts-workbench .typography-board-header{height:15px;padding:0;border-bottom:0;color:var(--builder-ui-text-secondary);font-size:10px;line-height:14px}.typography-screen .editor-fonts-workbench .typography-board-header strong{color:var(--builder-ui-text-primary);font-size:11px;font-weight:500;line-height:16px}.typography-screen .editor-fonts-workbench .typography-canvas-group>h3{height:30px;padding:0;border-top:1px solid var(--builder-ui-outline-primary);border-bottom:0;color:var(--builder-ui-text-primary);font-size:10px;font-weight:600;line-height:12px;letter-spacing:-.2px}.typography-screen .editor-fonts-workbench .typography-canvas-group:first-of-type>h3{height:45px;padding-top:16px;align-items:center}.typography-screen .editor-fonts-workbench .typography-canvas-group>h3 span{color:inherit;font-size:10px;font-weight:600}.typography-screen .editor-fonts-workbench .typography-canvas-group:first-of-type .typography-canvas-list{gap:2px}.typography-screen .editor-fonts-workbench .typography-canvas-group:nth-of-type(2) .typography-canvas-list{height:320px;overflow:visible}.typography-screen .editor-fonts-workbench .typography-canvas-row{width:723px;height:var(--typography-row-height, 48px);min-height:var(--typography-row-height, 48px);padding:0;grid-template-columns:64px minmax(0,516px) 99px;gap:22px;border-bottom:0;background:transparent}.typography-screen .editor-fonts-workbench .typography-canvas-row:hover{background:var(--builder-ui-bg-secondary)}.typography-screen .editor-fonts-workbench .typography-canvas-row.is-selected{background:var(--builder-ui-accent-transparent);box-shadow:inset 2px 0 0 var(--builder-ui-accent)}.typography-screen .editor-fonts-workbench .typography-canvas-row.is-selected .typography-canvas-sample{background:transparent}.typography-screen .editor-fonts-workbench .typography-canvas-meta,.typography-screen .editor-fonts-workbench .typography-canvas-value{gap:0}.typography-screen .editor-fonts-workbench .typography-canvas-value{text-align:left}.typography-screen .editor-fonts-workbench .typography-canvas-meta strong,.typography-screen .editor-fonts-workbench .typography-canvas-value strong{color:var(--builder-ui-text-primary);font-size:10px;font-weight:500;line-height:14px}.typography-screen .editor-fonts-workbench .typography-canvas-meta small,.typography-screen .editor-fonts-workbench .typography-canvas-value small{color:var(--builder-ui-text-secondary);font-size:9px;line-height:12px}.typography-screen .editor-fonts-workbench .typography-canvas-sample{min-width:0;height:var(--typography-sample-height, 100%);margin-top:var(--typography-sample-offset, 0);align-self:start;display:flex;align-items:center;overflow:hidden;padding:0 12px;box-sizing:border-box;background:var(--builder-ui-bg-primary);color:var(--builder-ui-text-primary)}.typography-screen .editor-fonts-workbench .typography-visible-sample{min-width:0;display:block;overflow:hidden;color:inherit;text-overflow:clip;white-space:nowrap}.typography-screen .playground-workbench.editor-fonts-workbench .typography-style-inspector{padding:8px 0}.typography-screen .playground-workbench.editor-fonts-workbench .typography-style-inspector>.inspector-heading{margin-bottom:0}.typography-screen .editor-fonts-workbench .typography-family-control{position:relative;padding:0 12px;margin-top:4px}.typography-screen .editor-fonts-workbench .typography-family-control{display:grid;gap:4px}.typography-screen .editor-fonts-workbench .typography-field-row{padding:0 12px;margin-top:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.typography-screen .editor-fonts-workbench .typography-property-field{position:relative;height:24px;min-width:0;margin:4px 0;padding:4px 8px;display:flex;align-items:center;gap:8px;overflow:hidden;border:1px solid var(--builder-ui-outline-transparent, rgba(255, 255, 255, .08));border-radius:6px;background:var(--builder-ui-surface-transparent-primary, rgba(255, 255, 255, .06))}.typography-screen .editor-fonts-workbench .typography-property-icon{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;color:var(--builder-ui-text-secondary)}.typography-screen .editor-fonts-workbench .typography-property-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.typography-screen .editor-fonts-workbench .typography-property-letters{font-size:9px;font-weight:500;line-height:12px}.typography-screen .editor-fonts-workbench .typography-property-letters.is-weight{font-size:11px;font-weight:600}.typography-screen .editor-fonts-workbench .typography-property-value{min-width:0;flex:1;display:flex;align-items:center}.typography-screen .editor-fonts-workbench .typography-property-value input,.typography-screen .editor-fonts-workbench .typography-property-value select,.typography-screen .editor-fonts-workbench .typography-family-trigger{width:100%;min-width:0;height:16px;padding:0;border:0;outline:0;background:transparent;color:var(--builder-ui-text-primary);font:inherit;font-size:12px;line-height:16px;letter-spacing:0}.typography-screen .editor-fonts-workbench .typography-property-value select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:16px}.typography-screen .editor-fonts-workbench .typography-property-chevron{position:absolute;right:8px;width:12px;height:12px;color:var(--builder-ui-text-secondary);pointer-events:none}.typography-screen .editor-fonts-workbench .typography-property-chevron .ui-glyph,.typography-screen .editor-fonts-workbench .typography-family-trigger .ui-glyph{width:12px;height:12px}.typography-screen .editor-fonts-workbench .typography-family-trigger{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.typography-screen .editor-fonts-workbench .typography-family-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography-screen .editor-fonts-workbench .typography-family-trigger b{width:12px;height:12px;flex:0 0 12px;color:var(--builder-ui-text-secondary)}.typography-screen .editor-fonts-workbench .typography-family-menu{top:32px;left:12px;right:12px}.typography-screen .editor-fonts-workbench .typography-impact{padding:8px 0;display:grid;gap:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.typography-screen .editor-fonts-workbench .token-inspector-header{height:56px;min-height:56px;gap:0}.typography-screen .editor-fonts-workbench .token-inspector-header p{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1}.typography-screen .editor-fonts-workbench .typography-impact>.inspector-heading{height:28px;padding:6px 12px;color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500;line-height:12px;letter-spacing:0;text-transform:uppercase}.typography-screen .editor-fonts-workbench .typography-canvas-group:not(:first-of-type) .typography-visible-sample{text-transform:none}.typography-screen .editor-fonts-workbench .typography-impact .impact-line,.typography-screen .editor-fonts-workbench .typography-impact .impact-component{min-height:32px;padding:8px 12px;border:0;background:transparent;color:var(--builder-ui-text-primary);font-size:12px;line-height:16px;letter-spacing:0}.typography-screen .editor-fonts-workbench .typography-impact .impact-line{display:flex;align-items:center;justify-content:space-between}.typography-screen .editor-fonts-workbench .typography-impact .impact-component{width:100%;display:flex;align-items:center;gap:6px;text-align:left}.typography-screen .editor-fonts-workbench .typography-impact .impact-component b{margin-left:auto}.typography-screen .editor-fonts-workbench .typography-impact .impact-line b,.typography-screen .editor-fonts-workbench .typography-impact .impact-component b{color:var(--builder-ui-text-secondary);font-size:10px;font-weight:500}@media (max-width: 1180px){.typography-screen .editor-fonts-workbench .typography-canvas{padding-inline:24px}.typography-screen .editor-fonts-workbench .typography-canvas-row{grid-template-columns:60px minmax(0,1fr) 82px;gap:12px}}.typography-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .preview-toolbar{justify-content:flex-end}.typography-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .editor-header-controls{margin-left:auto}@media (max-width: 900px){.typography-screen.ty-shell.ty-theme-workspace .editor-fonts-workbench.playground-workbench:not(.component-workbench){height:auto;min-height:calc(100vh - 44px);grid-template-columns:minmax(0,1fr);grid-template-rows:40px auto auto minmax(500px,1fr)}.typography-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .editor-toolbar{grid-column:1;grid-row:1}.typography-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .token-browser{grid-column:1;grid-row:2;width:100%;min-width:0;max-height:260px;border-right:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.typography-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .properties-panel{grid-column:1;grid-row:3;width:100%;min-width:0;max-width:none;max-height:360px;border-left:0;border-bottom:1px solid var(--builder-ui-outline-primary)}.typography-screen .editor-fonts-workbench.playground-workbench:not(.component-workbench) .preview-canvas{grid-column:1;grid-row:4;min-height:500px;border-right:0}.typography-screen .editor-fonts-workbench .panel-resizer-right{display:none}}.typography-screen .editor-fonts-workbench .typography-family-control>.typography-family-menu{top:34px;left:12px;right:12px}.typography-screen .typography-family-trigger small,.typography-screen .typography-family-menu button small{margin-left:6px;color:var(--builder-ui-text-paragraph)}.typography-screen .editor-fonts-workbench .typography-board{width:auto}.typography-screen .editor-fonts-workbench .typography-canvas-row{width:100%;grid-template-columns:104px minmax(0,1fr) 99px}.typography-screen .editor-fonts-workbench .typography-canvas-meta small{white-space:normal;overflow-wrap:anywhere}.typography-screen .editor-fonts-workbench .typography-variant-control{display:grid;gap:4px;padding:0 12px;margin-top:4px}.typography-screen .editor-fonts-workbench .typography-token-row{padding-left:20px;padding-right:20px}.typography-screen .editor-fonts-workbench .typography-overridable{position:relative;min-width:0}.typography-screen .editor-fonts-workbench .typography-override-add{position:absolute;top:7px;right:6px;z-index:3}.typography-screen .editor-fonts-workbench .typography-overridable.is-select>.typography-override-add{right:28px}.typography-screen .editor-fonts-workbench .typography-override-add>button{width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:var(--builder-ui-surface-transparent-secondary);color:var(--builder-ui-text-secondary);opacity:0}.typography-screen .editor-fonts-workbench .typography-override-add>button .ui-glyph{width:12px;height:12px}.typography-screen .editor-fonts-workbench .typography-overridable:hover>.typography-override-add>button,.typography-screen .editor-fonts-workbench .typography-override-add>button:focus-visible,.typography-screen .editor-fonts-workbench .typography-override-add>button[aria-expanded=true]{opacity:1}.typography-screen .editor-fonts-workbench .typography-override-add>.typography-override-menu{top:22px;left:auto;right:0;min-width:112px}.typography-screen .editor-fonts-workbench .typography-override-label{flex:none;color:var(--builder-ui-text-paragraph);font-size:11px;white-space:nowrap}.typography-screen .editor-fonts-workbench .typography-override-remove{flex:none;width:16px;height:16px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--builder-ui-text-paragraph)}.typography-screen .editor-fonts-workbench .typography-property-field.has-trailing.is-select-field .typography-override-remove{margin-right:20px}.typography-screen .editor-fonts-workbench .typography-override-remove .ui-glyph{width:12px;height:12px}.typography-screen .editor-fonts-workbench .typography-property-field.has-error{border-color:var(--builder-ui-negative, #ff6b5f)}.typography-screen .typography-field-error{margin:0 0 4px;color:var(--builder-ui-negative, #ff6b5f);font-size:11px;line-height:1.35}.typography-screen .ty-inline-action{padding:2px 8px;border:1px solid var(--builder-ui-outline-primary);border-radius:4px;background:transparent;color:var(--builder-ui-text-primary);font-size:12px}.typography-screen .editor-header-controls .editor-canvas-picker{flex:none}.typography-screen .ty-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--builder-ui-outline-transparent-primary);font-size:12px;color:var(--builder-ui-text-secondary)}.typography-screen .ty-loading{padding:24px;color:var(--builder-ui-text-paragraph);font-size:12px}.typography-screen .token-tree-heading>.token-tree-chevron{position:relative;width:12px;height:12px;flex:0 0 auto;display:block;font-size:0;color:transparent}.typography-screen .token-tree-heading>.token-tree-chevron:before{content:"";position:absolute;left:3px;top:1.5px;width:5px;height:5px;border-right:1.5px solid #8993a1;border-bottom:1.5px solid #8993a1;transform:rotate(45deg)}.typography-screen .token-tree-heading[aria-expanded=false]>.token-tree-chevron:before{left:2px;top:3px;transform:rotate(-45deg)}.typography-screen .token-tree-heading:hover>.token-tree-chevron:before{border-color:#d8dde5}.typography-screen .editor-fonts-workbench .typography-select-control{position:relative;min-width:0}.typography-screen .editor-fonts-workbench .typography-property-value .typography-select-trigger{width:100%;min-width:0;height:16px;padding:0 16px 0 0;overflow:hidden;border:0;outline:0;background:transparent;color:var(--builder-ui-text-primary);font:inherit;font-size:12px;line-height:16px;letter-spacing:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.typography-screen .editor-fonts-workbench .typography-select-control>.typography-select-menu{top:30px;left:0;right:0}.typography-screen .editor-fonts-workbench .typography-property-field:has(:disabled){opacity:.45}.typography-screen .editor-fonts-workbench .typography-property-field :disabled{opacity:1;cursor:not-allowed}.typography-screen .editor-fonts-workbench .typography-canvas-row:hover,.typography-screen .editor-fonts-workbench .typography-canvas-row.is-selected{background:transparent;box-shadow:none}.typography-screen .editor-fonts-workbench .typography-canvas-row:focus-visible{outline:0}.typography-screen .editor-fonts-workbench .typography-canvas-row .typography-canvas-sample,.typography-screen .editor-fonts-workbench .typography-canvas-row.is-selected .typography-canvas-sample{border-radius:8px;background:var(--builder-ui-surface-transparent-secondary);transition:box-shadow .12s ease}.typography-screen .editor-fonts-workbench .typography-canvas-row:hover .typography-canvas-sample,.typography-screen .editor-fonts-workbench .typography-canvas-row:focus-visible .typography-canvas-sample{box-shadow:inset 0 0 0 1px #8f9aa8}.typography-screen .editor-fonts-workbench .typography-canvas-row.is-selected .typography-canvas-sample{box-shadow:inset 0 0 0 2px #2d78ff}.typography-screen .editor-fonts-workbench .typography-canvas-row.is-selected:hover .typography-canvas-sample,.typography-screen .editor-fonts-workbench .typography-canvas-row.is-selected:focus-visible .typography-canvas-sample{box-shadow:inset 0 0 0 1px #7fb0ff,inset 0 0 0 2px #2d78ff}._dark_is31d_3{--text-primary-hover: #C5C8DDFF;--text-primary-active: #D8DAE9FF;--text-primary-brightness: #FFFFFFFF;--text-secondary-hover: #FFFFFFFF;--text-secondary-active: #303340FF;--text-tertiary-hover: #FFFFFFFF;--text-tertiary-active: #808293FF;--text-paragraph-hover: #FFFFFFFF;--text-paragraph-active: #585A65FF;--text-negative-hover: #F5384BFF;--text-negative-active: #E40C22FF;--text-primary: #ECEDF4FF;--text-secondary: #AEB2C2FF;--text-tertiary: #4B4C58FF;--text-paragraph: #828592FF;--text-negative: #F31B31;--on-dark-text-primary-hover: #C5C8DDFF;--on-dark-text-primary-active: #D8DAE9FF;--on-dark-text-primary-brightness: #FFFFFFFF;--on-dark-text-secondary-hover: #FFFFFFFF;--on-dark-text-secondary-active: #303340FF;--on-dark-text-tertiary-hover: #FFFFFFFF;--on-dark-text-tertiary-active: #808293FF;--on-dark-text-paragraph-hover: #FFFFFFFF;--on-dark-text-paragraph-active: #585A65FF;--on-dark-text-negative-hover: #F5384BFF;--on-dark-text-negative-active: #E40C22FF;--on-dark-text-primary: #ECEDF4FF;--on-dark-text-secondary: #AEB2C2FF;--on-dark-text-tertiary: #4B4C58FF;--on-dark-text-paragraph: #828592FF;--on-dark-text-negative: #F31B31;--on-light-text-primary-hover: #FFFFFFFF;--on-light-text-primary-active: #AEB3C2FF;--on-light-text-primary-brightness: #23262FFF;--on-light-text-secondary-hover: #FFFFFFFF;--on-light-text-secondary-active: #808293FF;--on-light-text-tertiary-hover: #FFFFFFFF;--on-light-text-tertiary-active: #4B4D58FF;--on-light-text-paragraph-hover: #FFFFFFFF;--on-light-text-paragraph-active: #5F616DFF;--on-light-text-negative-hover: #F5384BFF;--on-light-text-negative-active: #E40C22FF;--on-light-text-primary: #16181DFF;--on-light-text-secondary: #4B4C58FF;--on-light-text-tertiary: #9194A1FF;--on-light-text-paragraph: #777A88FF;--on-light-text-negative: #F31B31;--inverse-text-primary-hover: #FFFFFFFF;--inverse-text-primary-active: #AEB3C2FF;--inverse-text-primary-brightness: #23262FFF;--inverse-text-secondary-hover: #FFFFFFFF;--inverse-text-secondary-active: #808293FF;--inverse-text-tertiary-hover: #FFFFFFFF;--inverse-text-tertiary-active: #4B4D58FF;--inverse-text-paragraph-hover: #FFFFFFFF;--inverse-text-paragraph-active: #5F616DFF;--inverse-text-negative: #F31B31;--inverse-text-negative-hover: #F5384BFF;--inverse-text-negative-active: #E40C22FF;--inverse-text-primary: #16181DFF;--inverse-text-secondary: #4B4C58FF;--inverse-text-tertiary: #9194A1FF;--inverse-text-paragraph: #777A88FF;--surface-solid-card-hover: #545663FF;--surface-solid-card-active: #464753FF;--surface-solid-card-brightness: #595A69FF;--surface-solid-default-hover: #B9BDCAFF;--surface-solid-default-active: #A8ACBDFF;--surface-transparent-primary-hover: #F8F9FC14;--surface-transparent-primary-active: #F8F9FC05;--surface-transparent-secondary-hover: #F8F9FC1F;--surface-transparent-secondary-active: #F8F9FC0A;--surface-transparent-primary: #F7F8FB0A;--surface-solid-default: #AEB2C2FF;--surface-solid-card: #4B4C58FF;--surface-transparent-secondary: #F7F8FB0F;--on-dark-surface-solid-card-hover: #545663FF;--on-dark-surface-solid-card-active: #464753FF;--on-dark-surface-solid-card-brightness: #595A69FF;--on-dark-surface-solid-default-hover: #B9BDCAFF;--on-dark-surface-solid-default-active: #A8ACBDFF;--on-dark-surface-transparent-primary-hover: #F8F9FC14;--on-dark-surface-transparent-primary-active: #F8F9FC05;--on-dark-surface-transparent-secondary-hover: #F8F9FC1F;--on-dark-surface-transparent-secondary-active: #F8F9FC0A;--on-dark-surface-solid-card: #4B4C58FF;--on-dark-surface-solid-default: #AEB2C2FF;--on-dark-surface-transparent-primary: #F7F8FB0A;--on-dark-surface-transparent-secondary: #F7F8FB0F;--on-light-surface-solid-card-hover: #F9F9FBFF;--on-light-surface-solid-card-active: #E5E6F0FF;--on-light-surface-solid-card-brightness: #FFFFFFFF;--on-light-surface-solid-default-hover: #818492FF;--on-light-surface-solid-default-active: #727583FF;--on-light-surface-transparent-primary-hover: #08090C14;--on-light-surface-transparent-primary-active: #08090C05;--on-light-surface-transparent-secondary-hover: #08090C1F;--on-light-surface-transparent-secondary-active: #08090C0A;--on-light-surface-solid-card: #ECEDF4FF;--on-light-surface-solid-default: #777A88FF;--on-light-surface-transparent-primary: #07080B0A;--on-light-surface-transparent-secondary: #07080B0F;--inverse-surface-solid-card-hover: #F9F9FBFF;--inverse-surface-solid-card-active: #E5E6F0FF;--inverse-surface-solid-card-brightness: #FFFFFFFF;--inverse-surface-solid-default-hover: #818492FF;--inverse-surface-solid-default-active: #727583FF;--inverse-surface-transparent-primary-hover: #08090C14;--inverse-surface-transparent-primary-active: #08090C05;--inverse-surface-transparent-secondary-hover: #08090C1F;--inverse-surface-transparent-secondary-active: #08090C0A;--inverse-surface-solid-card: #ECEDF4FF;--inverse-surface-solid-default: #777A88FF;--inverse-surface-transparent-primary: #07080B0A;--inverse-surface-transparent-secondary: #07080B0F;--background-primary: #07080BFF;--background-secondary: #16181DFF;--background-tertiary: #25262DFF;--dark-background-primary: #07080BFF;--dark-background-secondary: #16181DFF;--dark-background-tertiary: #25262DFF;--light-background-primary: #AEB2C2FF;--light-background-secondary: #C4C7D4FF;--light-background-tertiary: #D8DCE8FF;--inverse-background-primary: #AEB2C2FF;--inverse-background-secondary: #C4C7D4FF;--inverse-background-tertiary: #D8DCE8FF;--outline-solid-primary-hover: #FFFFFFFF;--outline-solid-primary-active: #A2A4B3FF;--outline-solid-secondary-hover: #FFFFFFFF;--outline-solid-secondary-active: #808293FF;--outline-transparent-primary-hover: #F8F9FCFF;--outline-transparent-primary-active: #F8F9FC25;--outline-solid-primary: #25262DFF;--outline-solid-secondary: #4B4C58FF;--outline-transparent-primary: #F7F8FB1F;--on-dark-outline-solid-primary-hover: #FFFFFFFF;--on-dark-outline-solid-primary-active: #A2A4B3FF;--on-dark-outline-solid-secondary-hover: #FFFFFFFF;--on-dark-outline-solid-secondary-active: #808293FF;--on-dark-outline-transparent-primary-hover: #F8F9FCFF;--on-dark-outline-transparent-primary-active: #F8F9FC25;--on-dark-outline-solid-primary: #25262DFF;--on-dark-outline-solid-secondary: #4B4C58FF;--on-dark-outline-transparent-primary: #F7F8FB1F;--on-light-outline-solid-primary-hover: #B2BAD2FF;--on-light-outline-solid-primary-active: #C5CBDDFF;--on-light-outline-solid-secondary-hover: #FFFFFFFF;--on-light-outline-solid-secondary-active: #303340FF;--on-light-outline-transparent-primary-hover: #08090CFF;--on-light-outline-transparent-primary-active: #08090C25;--on-light-outline-solid-primary: #D8DCE8FF;--on-light-outline-solid-secondary: #AEB2C2FF;--on-light-outline-transparent-primary: #07080B1F;--inverse-outline-solid-primary-hover: #B2BAD2FF;--inverse-outline-solid-primary-active: #C5CBDDFF;--inverse-outline-solid-secondary-hover: #FFFFFFFF;--inverse-outline-solid-secondary-active: #303340FF;--inverse-outline-transparent-primary-hover: #08090CFF;--inverse-outline-transparent-primary-active: #08090C25;--inverse-outline-solid-primary: #D8DCE8FF;--inverse-outline-solid-secondary: #AEB2C2FF;--inverse-outline-transparent-primary: #07080B1F;color:var(--text-primary);background-color:var(--background-primary)}._dark_is31d_3{--surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);--surface-skeleton-gradient-hover: #FFFFFFFF;--surface-skeleton-gradient-active: #FFFFFFFF;--surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);--surface-skeleton-deep-gradient-hover: #FFFFFFFF;--surface-skeleton-deep-gradient-active: #FFFFFFFF;--on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);--on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;--on-dark-surface-skeleton-gradient-active: #FFFFFFFF;--on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);--on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;--on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;--on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);--on-light-surface-skeleton-gradient-hover: #FFFFFFFF;--on-light-surface-skeleton-gradient-active: #FFFFFFFF;--on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);--on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;--on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;--inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);--inverse-surface-skeleton-gradient-hover: #FFFFFFFF;--inverse-surface-skeleton-gradient-active: #FFFFFFFF;--inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);--inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;--inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF}._light_is31d_199{--text-primary-hover: #5C657AFF;--text-primary-active: #393E4CFF;--text-primary-brightness: #23262FFF;--text-secondary-hover: #FFFFFFFF;--text-secondary-active: #3D3E48FF;--text-tertiary-hover: #FFFFFFFF;--text-tertiary-active: #717484FF;--text-paragraph-hover: #FFFFFFFF;--text-paragraph-active: #5F616DFF;--text-negative-hover: #F54254FF;--text-negative-active: #DA0B20FF;--text-primary: #16181DFF;--text-secondary: #4B4C58FF;--text-tertiary: #9194A1FF;--text-paragraph: #777A88FF;--text-negative: #F31B31;--on-dark-text-primary-hover: #FFFFFFFF;--on-dark-text-primary-active: #AEB2D0FF;--on-dark-text-primary-brightness: #FFFFFFFF;--on-dark-text-secondary-hover: #FFFFFFFF;--on-dark-text-secondary-active: #858BA3FF;--on-dark-text-tertiary-hover: #FFFFFFFF;--on-dark-text-tertiary-active: #3D3E48FF;--on-dark-text-paragraph-hover: #FFFFFFFF;--on-dark-text-paragraph-active: #666975FF;--on-dark-text-negative-hover: #F54254FF;--on-dark-text-negative-active: #DA0B20FF;--on-dark-text-primary: #ECEDF4FF;--on-dark-text-secondary: #AEB2C2FF;--on-dark-text-tertiary: #4B4C58FF;--on-dark-text-paragraph: #828592FF;--on-dark-text-negative: #F31B31;--on-light-text-primary-hover: #5C657AFF;--on-light-text-primary-active: #393E4CFF;--on-light-text-primary-brightness: #23262FFF;--on-light-text-secondary-hover: #FFFFFFFF;--on-light-text-secondary-active: #3D3E48FF;--on-light-text-tertiary-hover: #FFFFFFFF;--on-light-text-tertiary-active: #717484FF;--on-light-text-paragraph-hover: #FFFFFFFF;--on-light-text-paragraph-active: #5F616DFF;--on-light-text-negative-hover: #F54254FF;--on-light-text-negative-active: #DA0B20FF;--on-light-text-primary: #16181DFF;--on-light-text-secondary: #4B4C58FF;--on-light-text-tertiary: #9194A1FF;--on-light-text-paragraph: #777A88FF;--on-light-text-negative: #F31B31;--inverse-text-primary-hover: #FFFFFFFF;--inverse-text-primary-active: #AEB2D0FF;--inverse-text-primary-brightness: #FFFFFFFF;--inverse-text-secondary-hover: #FFFFFFFF;--inverse-text-secondary-active: #858BA3FF;--inverse-text-tertiary-hover: #FFFFFFFF;--inverse-text-tertiary-active: #3D3E48FF;--inverse-text-paragraph-hover: #FFFFFFFF;--inverse-text-paragraph-active: #666975FF;--inverse-text-negative-hover: #F54254FF;--inverse-text-negative-active: #DA0B20FF;--inverse-text-primary: #ECEDF4FF;--inverse-text-secondary: #AEB2C2FF;--inverse-text-tertiary: #4B4C58FF;--inverse-text-paragraph: #828592FF;--inverse-text-negative: #F31B31;--surface-solid-card-hover: #F9F9FBFF;--surface-solid-card-active: #E5E6F0FF;--surface-solid-card-brightness: #FFFFFFFF;--surface-solid-default-hover: #878A97FF;--surface-solid-default-active: #6D707EFF;--surface-transparent-primary-hover: #08090C05;--surface-transparent-primary-active: #08090C0F;--surface-transparent-secondary-hover: #08090C05;--surface-transparent-secondary-active: #08090C1A;--surface-solid-card: #ECEDF4FF;--surface-solid-default: #777A88FF;--surface-transparent-primary: #07080B0A;--surface-transparent-secondary: #07080B0F;--on-dark-surface-solid-card-hover: #5E5F6EFF;--on-dark-surface-solid-card-active: #42434DFF;--on-dark-surface-solid-card-brightness: #595A69FF;--on-dark-surface-solid-default-hover: #B9BDCAFF;--on-dark-surface-solid-default-active: #A2A7B9FF;--on-dark-surface-transparent-primary-hover: #F8F9FC05;--on-dark-surface-transparent-primary-active: #F8F9FC0F;--on-dark-surface-transparent-secondary-hover: #F8F9FC05;--on-dark-surface-transparent-secondary-active: #F8F9FC1A;--on-dark-surface-solid-card: #4B4C58FF;--on-dark-surface-solid-default: #AEB2C2FF;--on-dark-surface-transparent-primary: #F7F8FB0A;--on-dark-surface-transparent-secondary: #F7F8FB0F;--on-light-surface-solid-card-hover: #F9F9FBFF;--on-light-surface-solid-card-active: #E5E6F0FF;--on-light-surface-solid-card-brightness: #FFFFFFFF;--on-light-surface-solid-default-hover: #878A97FF;--on-light-surface-solid-default-active: #6D707EFF;--on-light-surface-transparent-primary-hover: #08090C05;--on-light-surface-transparent-primary-active: #08090C0F;--on-light-surface-transparent-secondary-hover: #08090C05;--on-light-surface-transparent-secondary-active: #08090C1A;--on-light-surface-solid-card: #ECEDF4FF;--on-light-surface-solid-default: #777A88FF;--on-light-surface-transparent-primary: #07080B0A;--on-light-surface-transparent-secondary: #07080B0F;--inverse-surface-solid-card-hover: #5E5F6EFF;--inverse-surface-solid-card-active: #42434DFF;--inverse-surface-solid-card-brightness: #595A69FF;--inverse-surface-solid-default-hover: #B9BDCAFF;--inverse-surface-solid-default-active: #A2A7B9FF;--inverse-surface-transparent-primary-hover: #F8F9FC05;--inverse-surface-transparent-primary-active: #F8F9FC0F;--inverse-surface-transparent-secondary-hover: #F8F9FC05;--inverse-surface-transparent-secondary-active: #F8F9FC1A;--inverse-surface-solid-card: #4B4C58FF;--inverse-surface-solid-default: #AEB2C2FF;--inverse-surface-transparent-primary: #F7F8FB0A;--inverse-surface-transparent-secondary: #F7F8FB0F;--background-primary: #AEB2C2FF;--background-secondary: #C4C7D4FF;--background-tertiary: #D8DCE8FF;--dark-background-primary: #07080BFF;--dark-background-secondary: #16181DFF;--dark-background-tertiary: #25262DFF;--light-background-primary: #AEB2C2FF;--light-background-secondary: #C4C7D4FF;--light-background-tertiary: #D8DCE8FF;--inverse-background-primary: #07080BFF;--inverse-background-secondary: #16181DFF;--inverse-background-tertiary: #25262DFF;--outline-solid-primary-hover: #FFFFFFFF;--outline-solid-primary-active: #9FA9C6FF;--outline-solid-secondary-hover: #FFFFFFFF;--outline-solid-secondary-active: #858BA3FF;--outline-transparent-primary-hover: #08090CFF;--outline-transparent-primary-active: #08090C25;--outline-solid-primary: #D8DCE8FF;--outline-solid-secondary: #AEB2C2FF;--outline-transparent-primary: #07080B1F;--on-dark-outline-solid-primary-hover: #6E7187FF;--on-dark-outline-solid-primary-active: #494B5AFF;--on-dark-outline-solid-secondary-hover: #FFFFFFFF;--on-dark-outline-solid-secondary-active: #3D3E48FF;--on-dark-outline-transparent-primary-hover: #F8F9FCFF;--on-dark-outline-transparent-primary-active: #F8F9FC25;--on-dark-outline-solid-primary: #25262DFF;--on-dark-outline-solid-secondary: #4B4C58FF;--on-dark-outline-transparent-primary: #F7F8FB1F;--on-light-outline-solid-primary-hover: #FFFFFFFF;--on-light-outline-solid-primary-active: #9FA9C6FF;--on-light-outline-solid-secondary-hover: #FFFFFFFF;--on-light-outline-solid-secondary-active: #858BA3FF;--on-light-outline-transparent-primary-hover: #08090CFF;--on-light-outline-transparent-primary-active: #08090C25;--on-light-outline-solid-primary: #D8DCE8FF;--on-light-outline-solid-secondary: #AEB2C2FF;--on-light-outline-transparent-primary: #07080B1F;--inverse-outline-solid-primary-hover: #6E7187FF;--inverse-outline-solid-primary-active: #494B5AFF;--inverse-outline-solid-secondary-hover: #FFFFFFFF;--inverse-outline-solid-secondary-active: #3D3E48FF;--inverse-outline-transparent-primary-hover: #F8F9FCFF;--inverse-outline-transparent-primary-active: #F8F9FC25;--inverse-outline-solid-primary: #25262DFF;--inverse-outline-solid-secondary: #4B4C58FF;--inverse-outline-transparent-primary: #F7F8FB1F;color:var(--text-primary);background-color:var(--background-primary)}._light_is31d_199{--surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);--surface-skeleton-gradient-hover: #FFFFFFFF;--surface-skeleton-gradient-active: #FFFFFFFF;--surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);--surface-skeleton-deep-gradient-hover: #FFFFFFFF;--surface-skeleton-deep-gradient-active: #FFFFFFFF;--on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);--on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;--on-dark-surface-skeleton-gradient-active: #FFFFFFFF;--on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);--on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;--on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;--on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);--on-light-surface-skeleton-gradient-hover: #FFFFFFFF;--on-light-surface-skeleton-gradient-active: #FFFFFFFF;--on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);--on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;--on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;--inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);--inverse-surface-skeleton-gradient-hover: #FFFFFFFF;--inverse-surface-skeleton-gradient-active: #FFFFFFFF;--inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);--inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;--inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF}._dark_is31d_3,._light_is31d_199{--shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;--shadow-down-soft-m: 0px 24px 48px -8px #00000014;--shadow-down-soft-l: 0px 60px 112px -8px #00000014;--shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;--shadow-down-hard-m: 0px 16px 32px -8px #0000003D;--shadow-down-hard-l: 0px 60px 112px -8px #00000066;--shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;--shadow-up-soft-m: 0px -24px 48px -8px #00000014;--shadow-up-soft-l: 0px -60px 112px -8px #00000014;--shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;--shadow-up-hard-m: 0px -16px 32px -8px #0000003D;--shadow-up-hard-l: 0px -60px 112px -8px #00000066}._dark_is31d_3,._light_is31d_199{--border-radius-xxs: 4px;--border-radius-xs: 6px;--border-radius-s: 8px;--border-radius-m: 12px;--border-radius-l: 16px;--border-radius-xl: 20px;--border-radius-xxl: 32px}._dark_is31d_3,._light_is31d_199{--spacing-0x: 0px;--spacing-1x: 2px;--spacing-2x: 4px;--spacing-3x: 6px;--spacing-4x: 8px;--spacing-6x: 12px;--spacing-8x: 16px;--spacing-10x: 20px;--spacing-12x: 24px;--spacing-16x: 32px;--spacing-20x: 40px;--spacing-24x: 48px;--spacing-32x: 64px;--spacing-40x: 80px;--spacing-60x: 120px}._dark_is31d_3,._light_is31d_199{font-size:16px;--plasma-typo-overflow-wrap: break-word;--plasma-typo-hyphens: auto;--plasma-typo-display-font-family: "SB Sans Display", sans-serif;--plasma-typo-body-font-family: "SB Sans Text", sans-serif;--plasma-typo-header-font-family: "SB Sans Display", sans-serif;--plasma-typo-text-font-family: "SB Sans Text", sans-serif;--plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-l-letter-spacing: normal;--plasma-typo-dspl-l-font-style: normal;--plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-l-bold-letter-spacing: normal;--plasma-typo-dspl-l-bold-font-style: normal;--plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-m-letter-spacing: normal;--plasma-typo-dspl-m-font-style: normal;--plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-m-bold-letter-spacing: normal;--plasma-typo-dspl-m-bold-font-style: normal;--plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-s-letter-spacing: normal;--plasma-typo-dspl-s-font-style: normal;--plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-s-bold-letter-spacing: normal;--plasma-typo-dspl-s-bold-font-style: normal;--plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h1-letter-spacing: normal;--plasma-typo-h1-font-style: normal;--plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h1-bold-letter-spacing: normal;--plasma-typo-h1-bold-font-style: normal;--plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h2-letter-spacing: normal;--plasma-typo-h2-font-style: normal;--plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h2-bold-letter-spacing: normal;--plasma-typo-h2-bold-font-style: normal;--plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h3-letter-spacing: normal;--plasma-typo-h3-font-style: normal;--plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h3-bold-letter-spacing: normal;--plasma-typo-h3-bold-font-style: normal;--plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h4-letter-spacing: normal;--plasma-typo-h4-font-style: normal;--plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h4-bold-letter-spacing: normal;--plasma-typo-h4-bold-font-style: normal;--plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h5-letter-spacing: normal;--plasma-typo-h5-font-style: normal;--plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h5-bold-letter-spacing: normal;--plasma-typo-h5-bold-font-style: normal;--plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-l-letter-spacing: -.02em;--plasma-typo-body-l-font-style: normal;--plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-l-bold-letter-spacing: -.02em;--plasma-typo-body-l-bold-font-style: normal;--plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-m-letter-spacing: -.02em;--plasma-typo-body-m-font-style: normal;--plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-m-bold-letter-spacing: -.02em;--plasma-typo-body-m-bold-font-style: normal;--plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-s-letter-spacing: -.02em;--plasma-typo-body-s-font-style: normal;--plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-s-bold-letter-spacing: -.02em;--plasma-typo-body-s-bold-font-style: normal;--plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-xs-letter-spacing: -.02em;--plasma-typo-body-xs-font-style: normal;--plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-xs-bold-letter-spacing: -.02em;--plasma-typo-body-xs-bold-font-style: normal;--plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-xxs-letter-spacing: -.02em;--plasma-typo-body-xxs-font-style: normal;--plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-xxs-bold-letter-spacing: -.02em;--plasma-typo-body-xxs-bold-font-style: normal;--plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-l-letter-spacing: -.02em;--plasma-typo-text-l-font-style: normal;--plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-l-bold-letter-spacing: -.02em;--plasma-typo-text-l-bold-font-style: normal;--plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-m-letter-spacing: -.02em;--plasma-typo-text-m-font-style: normal;--plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-m-bold-letter-spacing: -.02em;--plasma-typo-text-m-bold-font-style: normal;--plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-s-letter-spacing: -.02em;--plasma-typo-text-s-font-style: normal;--plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-s-bold-letter-spacing: -.02em;--plasma-typo-text-s-bold-font-style: normal;--plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-xs-letter-spacing: -.02em;--plasma-typo-text-xs-font-style: normal;--plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-xs-bold-letter-spacing: -.02em;--plasma-typo-text-xs-bold-font-style: normal;--plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-l-medium-letter-spacing: normal;--plasma-typo-dspl-l-medium-font-style: normal;--plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-m-medium-letter-spacing: normal;--plasma-typo-dspl-m-medium-font-style: normal;--plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);--plasma-typo-dspl-s-medium-letter-spacing: normal;--plasma-typo-dspl-s-medium-font-style: normal;--plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h1-medium-letter-spacing: normal;--plasma-typo-h1-medium-font-style: normal;--plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h2-medium-letter-spacing: normal;--plasma-typo-h2-medium-font-style: normal;--plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h3-medium-letter-spacing: normal;--plasma-typo-h3-medium-font-style: normal;--plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h4-medium-letter-spacing: normal;--plasma-typo-h4-medium-font-style: normal;--plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);--plasma-typo-h5-medium-letter-spacing: normal;--plasma-typo-h5-medium-font-style: normal;--plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-l-medium-letter-spacing: -.02em;--plasma-typo-body-l-medium-font-style: normal;--plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-m-medium-letter-spacing: -.02em;--plasma-typo-body-m-medium-font-style: normal;--plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-s-medium-letter-spacing: -.02em;--plasma-typo-body-s-medium-font-style: normal;--plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-xs-medium-letter-spacing: -.02em;--plasma-typo-body-xs-medium-font-style: normal;--plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);--plasma-typo-body-xxs-medium-letter-spacing: -.02em;--plasma-typo-body-xxs-medium-font-style: normal;--plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-l-medium-letter-spacing: -.02em;--plasma-typo-text-l-medium-font-style: normal;--plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-m-medium-letter-spacing: -.02em;--plasma-typo-text-m-medium-font-style: normal;--plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-s-medium-letter-spacing: -.02em;--plasma-typo-text-s-medium-font-style: normal;--plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);--plasma-typo-text-xs-medium-letter-spacing: -.02em;--plasma-typo-text-xs-medium-font-style: normal}@media (max-width: 559px){._dark_is31d_3,._light_is31d_199{--plasma-typo-dspl-l-font-size: 5.5rem;--plasma-typo-dspl-l-font-weight: 300;--plasma-typo-dspl-l-line-height: 5.75rem;--plasma-typo-dspl-l-bold-font-size: 5.5rem;--plasma-typo-dspl-l-bold-font-weight: 600;--plasma-typo-dspl-l-bold-line-height: 5.75rem;--plasma-typo-dspl-m-font-size: 3.5rem;--plasma-typo-dspl-m-font-weight: 300;--plasma-typo-dspl-m-line-height: 3.875rem;--plasma-typo-dspl-m-bold-font-size: 3.5rem;--plasma-typo-dspl-m-bold-font-weight: 600;--plasma-typo-dspl-m-bold-line-height: 3.875rem;--plasma-typo-dspl-s-font-size: 2.5rem;--plasma-typo-dspl-s-font-weight: 300;--plasma-typo-dspl-s-line-height: 2.875rem;--plasma-typo-dspl-s-bold-font-size: 2.5rem;--plasma-typo-dspl-s-bold-font-weight: 600;--plasma-typo-dspl-s-bold-line-height: 2.875rem;--plasma-typo-h1-font-size: 1.75rem;--plasma-typo-h1-font-weight: 400;--plasma-typo-h1-line-height: 2.125rem;--plasma-typo-h1-bold-font-size: 1.75rem;--plasma-typo-h1-bold-font-weight: 600;--plasma-typo-h1-bold-line-height: 2.125rem;--plasma-typo-h2-font-size: 1.5rem;--plasma-typo-h2-font-weight: 400;--plasma-typo-h2-line-height: 1.875rem;--plasma-typo-h2-bold-font-size: 1.5rem;--plasma-typo-h2-bold-font-weight: 600;--plasma-typo-h2-bold-line-height: 1.875rem;--plasma-typo-h3-font-size: 1.25rem;--plasma-typo-h3-font-weight: 400;--plasma-typo-h3-line-height: 1.625rem;--plasma-typo-h3-bold-font-size: 1.25rem;--plasma-typo-h3-bold-font-weight: 600;--plasma-typo-h3-bold-line-height: 1.625rem;--plasma-typo-h4-font-size: 1.125rem;--plasma-typo-h4-font-weight: 400;--plasma-typo-h4-line-height: 1.5rem;--plasma-typo-h4-bold-font-size: 1.125rem;--plasma-typo-h4-bold-font-weight: 600;--plasma-typo-h4-bold-line-height: 1.5rem;--plasma-typo-h5-font-size: 1rem;--plasma-typo-h5-font-weight: 400;--plasma-typo-h5-line-height: 1.375rem;--plasma-typo-h5-bold-font-size: 1rem;--plasma-typo-h5-bold-font-weight: 600;--plasma-typo-h5-bold-line-height: 1.375rem;--plasma-typo-body-l-font-size: 1.125rem;--plasma-typo-body-l-font-weight: 400;--plasma-typo-body-l-line-height: 1.375rem;--plasma-typo-body-l-bold-font-size: 1.125rem;--plasma-typo-body-l-bold-font-weight: 600;--plasma-typo-body-l-bold-line-height: 1.375rem;--plasma-typo-body-m-font-size: 1rem;--plasma-typo-body-m-font-weight: 400;--plasma-typo-body-m-line-height: 1.25rem;--plasma-typo-body-m-bold-font-size: 1rem;--plasma-typo-body-m-bold-font-weight: 600;--plasma-typo-body-m-bold-line-height: 1.25rem;--plasma-typo-body-s-font-size: .875rem;--plasma-typo-body-s-font-weight: 400;--plasma-typo-body-s-line-height: 1.125rem;--plasma-typo-body-s-bold-font-size: .875rem;--plasma-typo-body-s-bold-font-weight: 600;--plasma-typo-body-s-bold-line-height: 1.125rem;--plasma-typo-body-xs-font-size: .75rem;--plasma-typo-body-xs-font-weight: 400;--plasma-typo-body-xs-line-height: .875rem;--plasma-typo-body-xs-bold-font-size: .75rem;--plasma-typo-body-xs-bold-font-weight: 600;--plasma-typo-body-xs-bold-line-height: .875rem;--plasma-typo-body-xxs-font-size: .625rem;--plasma-typo-body-xxs-font-weight: 400;--plasma-typo-body-xxs-line-height: .75rem;--plasma-typo-body-xxs-bold-font-size: .625rem;--plasma-typo-body-xxs-bold-font-weight: 600;--plasma-typo-body-xxs-bold-line-height: .75rem;--plasma-typo-text-l-font-size: 1.125rem;--plasma-typo-text-l-font-weight: 400;--plasma-typo-text-l-line-height: 1.625rem;--plasma-typo-text-l-bold-font-size: 1.125rem;--plasma-typo-text-l-bold-font-weight: 600;--plasma-typo-text-l-bold-line-height: 1.625rem;--plasma-typo-text-m-font-size: 1rem;--plasma-typo-text-m-font-weight: 400;--plasma-typo-text-m-line-height: 1.5rem;--plasma-typo-text-m-bold-font-size: 1rem;--plasma-typo-text-m-bold-font-weight: 600;--plasma-typo-text-m-bold-line-height: 1.5rem;--plasma-typo-text-s-font-size: .875rem;--plasma-typo-text-s-font-weight: 400;--plasma-typo-text-s-line-height: 1.25rem;--plasma-typo-text-s-bold-font-size: .875rem;--plasma-typo-text-s-bold-font-weight: 600;--plasma-typo-text-s-bold-line-height: 1.25rem;--plasma-typo-text-xs-font-size: .75rem;--plasma-typo-text-xs-font-weight: 400;--plasma-typo-text-xs-line-height: 1rem;--plasma-typo-text-xs-bold-font-size: .75rem;--plasma-typo-text-xs-bold-font-weight: 600;--plasma-typo-text-xs-bold-line-height: 1rem;--plasma-typo-dspl-l-medium-font-size: 5.5rem;--plasma-typo-dspl-l-medium-font-weight: 500;--plasma-typo-dspl-l-medium-line-height: 5.75rem;--plasma-typo-dspl-m-medium-font-size: 3.5rem;--plasma-typo-dspl-m-medium-font-weight: 500;--plasma-typo-dspl-m-medium-line-height: 3.875rem;--plasma-typo-dspl-s-medium-font-size: 2.5rem;--plasma-typo-dspl-s-medium-font-weight: 500;--plasma-typo-dspl-s-medium-line-height: 2.875rem;--plasma-typo-h1-medium-font-size: 1.75rem;--plasma-typo-h1-medium-font-weight: 500;--plasma-typo-h1-medium-line-height: 2.125rem;--plasma-typo-h2-medium-font-size: 1.5rem;--plasma-typo-h2-medium-font-weight: 500;--plasma-typo-h2-medium-line-height: 1.875rem;--plasma-typo-h3-medium-font-size: 1.25rem;--plasma-typo-h3-medium-font-weight: 500;--plasma-typo-h3-medium-line-height: 1.625rem;--plasma-typo-h4-medium-font-size: 1.125rem;--plasma-typo-h4-medium-font-weight: 500;--plasma-typo-h4-medium-line-height: 1.5rem;--plasma-typo-h5-medium-font-size: 1rem;--plasma-typo-h5-medium-font-weight: 500;--plasma-typo-h5-medium-line-height: 1.375rem;--plasma-typo-body-l-medium-font-size: 1.125rem;--plasma-typo-body-l-medium-font-weight: 500;--plasma-typo-body-l-medium-line-height: 1.375rem;--plasma-typo-body-m-medium-font-size: 1rem;--plasma-typo-body-m-medium-font-weight: 500;--plasma-typo-body-m-medium-line-height: 1.25rem;--plasma-typo-body-s-medium-font-size: .875rem;--plasma-typo-body-s-medium-font-weight: 500;--plasma-typo-body-s-medium-line-height: 1.125rem;--plasma-typo-body-xs-medium-font-size: .75rem;--plasma-typo-body-xs-medium-font-weight: 500;--plasma-typo-body-xs-medium-line-height: .875rem;--plasma-typo-body-xxs-medium-font-size: .625rem;--plasma-typo-body-xxs-medium-font-weight: 500;--plasma-typo-body-xxs-medium-line-height: .75rem;--plasma-typo-text-l-medium-font-size: 1.125rem;--plasma-typo-text-l-medium-font-weight: 500;--plasma-typo-text-l-medium-line-height: 1.625rem;--plasma-typo-text-m-medium-font-size: 1rem;--plasma-typo-text-m-medium-font-weight: 500;--plasma-typo-text-m-medium-line-height: 1.5rem;--plasma-typo-text-s-medium-font-size: .875rem;--plasma-typo-text-s-medium-font-weight: 500;--plasma-typo-text-s-medium-line-height: 1.25rem;--plasma-typo-text-xs-medium-font-size: .75rem;--plasma-typo-text-xs-medium-font-weight: 500;--plasma-typo-text-xs-medium-line-height: 1rem}}@media (min-width: 560px) and (max-width: 959px){._dark_is31d_3,._light_is31d_199{--plasma-typo-dspl-l-font-size: 7rem;--plasma-typo-dspl-l-font-weight: 300;--plasma-typo-dspl-l-line-height: 7rem;--plasma-typo-dspl-l-bold-font-size: 7rem;--plasma-typo-dspl-l-bold-font-weight: 600;--plasma-typo-dspl-l-bold-line-height: 7rem;--plasma-typo-dspl-m-font-size: 4.5rem;--plasma-typo-dspl-m-font-weight: 300;--plasma-typo-dspl-m-line-height: 4.75rem;--plasma-typo-dspl-m-bold-font-size: 4.5rem;--plasma-typo-dspl-m-bold-font-weight: 600;--plasma-typo-dspl-m-bold-line-height: 4.75rem;--plasma-typo-dspl-s-font-size: 3rem;--plasma-typo-dspl-s-font-weight: 300;--plasma-typo-dspl-s-line-height: 3.375rem;--plasma-typo-dspl-s-bold-font-size: 3rem;--plasma-typo-dspl-s-bold-font-weight: 600;--plasma-typo-dspl-s-bold-line-height: 3.375rem;--plasma-typo-h1-font-size: 2.5rem;--plasma-typo-h1-font-weight: 400;--plasma-typo-h1-line-height: 2.875rem;--plasma-typo-h1-bold-font-size: 2.5rem;--plasma-typo-h1-bold-font-weight: 600;--plasma-typo-h1-bold-line-height: 2.875rem;--plasma-typo-h2-font-size: 1.75rem;--plasma-typo-h2-font-weight: 400;--plasma-typo-h2-line-height: 2.125rem;--plasma-typo-h2-bold-font-size: 1.75rem;--plasma-typo-h2-bold-font-weight: 600;--plasma-typo-h2-bold-line-height: 2.125rem;--plasma-typo-h3-font-size: 1.25rem;--plasma-typo-h3-font-weight: 400;--plasma-typo-h3-line-height: 1.625rem;--plasma-typo-h3-bold-font-size: 1.25rem;--plasma-typo-h3-bold-font-weight: 600;--plasma-typo-h3-bold-line-height: 1.625rem;--plasma-typo-h4-font-size: 1.125rem;--plasma-typo-h4-font-weight: 400;--plasma-typo-h4-line-height: 1.5rem;--plasma-typo-h4-bold-font-size: 1.125rem;--plasma-typo-h4-bold-font-weight: 600;--plasma-typo-h4-bold-line-height: 1.5rem;--plasma-typo-h5-font-size: 1rem;--plasma-typo-h5-font-weight: 400;--plasma-typo-h5-line-height: 1.375rem;--plasma-typo-h5-bold-font-size: 1rem;--plasma-typo-h5-bold-font-weight: 600;--plasma-typo-h5-bold-line-height: 1.375rem;--plasma-typo-body-l-font-size: 1.125rem;--plasma-typo-body-l-font-weight: 400;--plasma-typo-body-l-line-height: 1.375rem;--plasma-typo-body-l-bold-font-size: 1.125rem;--plasma-typo-body-l-bold-font-weight: 600;--plasma-typo-body-l-bold-line-height: 1.375rem;--plasma-typo-body-m-font-size: 1rem;--plasma-typo-body-m-font-weight: 400;--plasma-typo-body-m-line-height: 1.25rem;--plasma-typo-body-m-bold-font-size: 1rem;--plasma-typo-body-m-bold-font-weight: 600;--plasma-typo-body-m-bold-line-height: 1.25rem;--plasma-typo-body-s-font-size: .875rem;--plasma-typo-body-s-font-weight: 400;--plasma-typo-body-s-line-height: 1.125rem;--plasma-typo-body-s-bold-font-size: .875rem;--plasma-typo-body-s-bold-font-weight: 600;--plasma-typo-body-s-bold-line-height: 1.125rem;--plasma-typo-body-xs-font-size: .75rem;--plasma-typo-body-xs-font-weight: 400;--plasma-typo-body-xs-line-height: .875rem;--plasma-typo-body-xs-bold-font-size: .75rem;--plasma-typo-body-xs-bold-font-weight: 600;--plasma-typo-body-xs-bold-line-height: .875rem;--plasma-typo-body-xxs-font-size: .625rem;--plasma-typo-body-xxs-font-weight: 400;--plasma-typo-body-xxs-line-height: .75rem;--plasma-typo-body-xxs-bold-font-size: .625rem;--plasma-typo-body-xxs-bold-font-weight: 600;--plasma-typo-body-xxs-bold-line-height: .75rem;--plasma-typo-text-l-font-size: 1.25rem;--plasma-typo-text-l-font-weight: 400;--plasma-typo-text-l-line-height: 1.75rem;--plasma-typo-text-l-bold-font-size: 1.25rem;--plasma-typo-text-l-bold-font-weight: 600;--plasma-typo-text-l-bold-line-height: 1.75rem;--plasma-typo-text-m-font-size: 1rem;--plasma-typo-text-m-font-weight: 400;--plasma-typo-text-m-line-height: 1.5rem;--plasma-typo-text-m-bold-font-size: 1rem;--plasma-typo-text-m-bold-font-weight: 600;--plasma-typo-text-m-bold-line-height: 1.5rem;--plasma-typo-text-s-font-size: .875rem;--plasma-typo-text-s-font-weight: 400;--plasma-typo-text-s-line-height: 1.25rem;--plasma-typo-text-s-bold-font-size: .875rem;--plasma-typo-text-s-bold-font-weight: 600;--plasma-typo-text-s-bold-line-height: 1.25rem;--plasma-typo-text-xs-font-size: .75rem;--plasma-typo-text-xs-font-weight: 400;--plasma-typo-text-xs-line-height: 1rem;--plasma-typo-text-xs-bold-font-size: .75rem;--plasma-typo-text-xs-bold-font-weight: 600;--plasma-typo-text-xs-bold-line-height: 1rem;--plasma-typo-dspl-l-medium-font-size: 7rem;--plasma-typo-dspl-l-medium-font-weight: 500;--plasma-typo-dspl-l-medium-line-height: 7rem;--plasma-typo-dspl-m-medium-font-size: 4.5rem;--plasma-typo-dspl-m-medium-font-weight: 500;--plasma-typo-dspl-m-medium-line-height: 4.75rem;--plasma-typo-dspl-s-medium-font-size: 3rem;--plasma-typo-dspl-s-medium-font-weight: 500;--plasma-typo-dspl-s-medium-line-height: 3.375rem;--plasma-typo-h1-medium-font-size: 2.5rem;--plasma-typo-h1-medium-font-weight: 500;--plasma-typo-h1-medium-line-height: 2.875rem;--plasma-typo-h2-medium-font-size: 1.75rem;--plasma-typo-h2-medium-font-weight: 500;--plasma-typo-h2-medium-line-height: 2.125rem;--plasma-typo-h3-medium-font-size: 1.25rem;--plasma-typo-h3-medium-font-weight: 500;--plasma-typo-h3-medium-line-height: 1.625rem;--plasma-typo-h4-medium-font-size: 1.125rem;--plasma-typo-h4-medium-font-weight: 500;--plasma-typo-h4-medium-line-height: 1.5rem;--plasma-typo-h5-medium-font-size: 1rem;--plasma-typo-h5-medium-font-weight: 500;--plasma-typo-h5-medium-line-height: 1.375rem;--plasma-typo-body-l-medium-font-size: 1.125rem;--plasma-typo-body-l-medium-font-weight: 500;--plasma-typo-body-l-medium-line-height: 1.375rem;--plasma-typo-body-m-medium-font-size: 1rem;--plasma-typo-body-m-medium-font-weight: 500;--plasma-typo-body-m-medium-line-height: 1.25rem;--plasma-typo-body-s-medium-font-size: .875rem;--plasma-typo-body-s-medium-font-weight: 500;--plasma-typo-body-s-medium-line-height: 1.125rem;--plasma-typo-body-xs-medium-font-size: .75rem;--plasma-typo-body-xs-medium-font-weight: 500;--plasma-typo-body-xs-medium-line-height: .875rem;--plasma-typo-body-xxs-medium-font-size: .625rem;--plasma-typo-body-xxs-medium-font-weight: 500;--plasma-typo-body-xxs-medium-line-height: .75rem;--plasma-typo-text-l-medium-font-size: 1.25rem;--plasma-typo-text-l-medium-font-weight: 500;--plasma-typo-text-l-medium-line-height: 1.75rem;--plasma-typo-text-m-medium-font-size: 1rem;--plasma-typo-text-m-medium-font-weight: 500;--plasma-typo-text-m-medium-line-height: 1.5rem;--plasma-typo-text-s-medium-font-size: .875rem;--plasma-typo-text-s-medium-font-weight: 500;--plasma-typo-text-s-medium-line-height: 1.25rem;--plasma-typo-text-xs-medium-font-size: .75rem;--plasma-typo-text-xs-medium-font-weight: 500;--plasma-typo-text-xs-medium-line-height: 1rem}}@media (min-width: 960px){._dark_is31d_3,._light_is31d_199{--plasma-typo-dspl-l-font-size: 8rem;--plasma-typo-dspl-l-font-weight: 300;--plasma-typo-dspl-l-line-height: 8rem;--plasma-typo-dspl-l-bold-font-size: 8rem;--plasma-typo-dspl-l-bold-font-weight: 600;--plasma-typo-dspl-l-bold-line-height: 8rem;--plasma-typo-dspl-m-font-size: 5.5rem;--plasma-typo-dspl-m-font-weight: 300;--plasma-typo-dspl-m-line-height: 5.75rem;--plasma-typo-dspl-m-bold-font-size: 5.5rem;--plasma-typo-dspl-m-bold-font-weight: 600;--plasma-typo-dspl-m-bold-line-height: 5.75rem;--plasma-typo-dspl-s-font-size: 4rem;--plasma-typo-dspl-s-font-weight: 300;--plasma-typo-dspl-s-line-height: 4.25rem;--plasma-typo-dspl-s-bold-font-size: 4rem;--plasma-typo-dspl-s-bold-font-weight: 600;--plasma-typo-dspl-s-bold-line-height: 4.25rem;--plasma-typo-h1-font-size: 3rem;--plasma-typo-h1-font-weight: 400;--plasma-typo-h1-line-height: 3.375rem;--plasma-typo-h1-bold-font-size: 3rem;--plasma-typo-h1-bold-font-weight: 600;--plasma-typo-h1-bold-line-height: 3.375rem;--plasma-typo-h2-font-size: 2rem;--plasma-typo-h2-font-weight: 400;--plasma-typo-h2-line-height: 2.375rem;--plasma-typo-h2-bold-font-size: 2rem;--plasma-typo-h2-bold-font-weight: 600;--plasma-typo-h2-bold-line-height: 2.375rem;--plasma-typo-h3-font-size: 1.5rem;--plasma-typo-h3-font-weight: 400;--plasma-typo-h3-line-height: 1.875rem;--plasma-typo-h3-bold-font-size: 1.5rem;--plasma-typo-h3-bold-font-weight: 600;--plasma-typo-h3-bold-line-height: 1.875rem;--plasma-typo-h4-font-size: 1.25rem;--plasma-typo-h4-font-weight: 400;--plasma-typo-h4-line-height: 1.625rem;--plasma-typo-h4-bold-font-size: 1.25rem;--plasma-typo-h4-bold-font-weight: 600;--plasma-typo-h4-bold-line-height: 1.625rem;--plasma-typo-h5-font-size: 1.125rem;--plasma-typo-h5-font-weight: 400;--plasma-typo-h5-line-height: 1.5rem;--plasma-typo-h5-bold-font-size: 1.125rem;--plasma-typo-h5-bold-font-weight: 600;--plasma-typo-h5-bold-line-height: 1.5rem;--plasma-typo-body-l-font-size: 1.125rem;--plasma-typo-body-l-font-weight: 400;--plasma-typo-body-l-line-height: 1.375rem;--plasma-typo-body-l-bold-font-size: 1.125rem;--plasma-typo-body-l-bold-font-weight: 600;--plasma-typo-body-l-bold-line-height: 1.375rem;--plasma-typo-body-m-font-size: 1rem;--plasma-typo-body-m-font-weight: 400;--plasma-typo-body-m-line-height: 1.25rem;--plasma-typo-body-m-bold-font-size: 1rem;--plasma-typo-body-m-bold-font-weight: 600;--plasma-typo-body-m-bold-line-height: 1.25rem;--plasma-typo-body-s-font-size: .875rem;--plasma-typo-body-s-font-weight: 400;--plasma-typo-body-s-line-height: 1.125rem;--plasma-typo-body-s-bold-font-size: .875rem;--plasma-typo-body-s-bold-font-weight: 600;--plasma-typo-body-s-bold-line-height: 1.125rem;--plasma-typo-body-xs-font-size: .75rem;--plasma-typo-body-xs-font-weight: 400;--plasma-typo-body-xs-line-height: .875rem;--plasma-typo-body-xs-bold-font-size: .75rem;--plasma-typo-body-xs-bold-font-weight: 600;--plasma-typo-body-xs-bold-line-height: .875rem;--plasma-typo-body-xxs-font-size: .625rem;--plasma-typo-body-xxs-font-weight: 400;--plasma-typo-body-xxs-line-height: .75rem;--plasma-typo-body-xxs-bold-font-size: .625rem;--plasma-typo-body-xxs-bold-font-weight: 600;--plasma-typo-body-xxs-bold-line-height: .75rem;--plasma-typo-text-l-font-size: 1.5rem;--plasma-typo-text-l-font-weight: 400;--plasma-typo-text-l-line-height: 2rem;--plasma-typo-text-l-bold-font-size: 1.5rem;--plasma-typo-text-l-bold-font-weight: 600;--plasma-typo-text-l-bold-line-height: 2rem;--plasma-typo-text-m-font-size: 1.125rem;--plasma-typo-text-m-font-weight: 400;--plasma-typo-text-m-line-height: 1.625rem;--plasma-typo-text-m-bold-font-size: 1.125rem;--plasma-typo-text-m-bold-font-weight: 600;--plasma-typo-text-m-bold-line-height: 1.625rem;--plasma-typo-text-s-font-size: .875rem;--plasma-typo-text-s-font-weight: 400;--plasma-typo-text-s-line-height: 1.25rem;--plasma-typo-text-s-bold-font-size: .875rem;--plasma-typo-text-s-bold-font-weight: 600;--plasma-typo-text-s-bold-line-height: 1.25rem;--plasma-typo-text-xs-font-size: .75rem;--plasma-typo-text-xs-font-weight: 400;--plasma-typo-text-xs-line-height: 1rem;--plasma-typo-text-xs-bold-font-size: .75rem;--plasma-typo-text-xs-bold-font-weight: 600;--plasma-typo-text-xs-bold-line-height: 1rem;--plasma-typo-dspl-l-medium-font-size: 8rem;--plasma-typo-dspl-l-medium-font-weight: 500;--plasma-typo-dspl-l-medium-line-height: 8rem;--plasma-typo-dspl-m-medium-font-size: 5.5rem;--plasma-typo-dspl-m-medium-font-weight: 500;--plasma-typo-dspl-m-medium-line-height: 5.75rem;--plasma-typo-dspl-s-medium-font-size: 4rem;--plasma-typo-dspl-s-medium-font-weight: 500;--plasma-typo-dspl-s-medium-line-height: 4.25rem;--plasma-typo-h1-medium-font-size: 3rem;--plasma-typo-h1-medium-font-weight: 500;--plasma-typo-h1-medium-line-height: 3.375rem;--plasma-typo-h2-medium-font-size: 2rem;--plasma-typo-h2-medium-font-weight: 500;--plasma-typo-h2-medium-line-height: 2.375rem;--plasma-typo-h3-medium-font-size: 1.5rem;--plasma-typo-h3-medium-font-weight: 500;--plasma-typo-h3-medium-line-height: 1.875rem;--plasma-typo-h4-medium-font-size: 1.25rem;--plasma-typo-h4-medium-font-weight: 500;--plasma-typo-h4-medium-line-height: 1.625rem;--plasma-typo-h5-medium-font-size: 1.125rem;--plasma-typo-h5-medium-font-weight: 500;--plasma-typo-h5-medium-line-height: 1.5rem;--plasma-typo-body-l-medium-font-size: 1.125rem;--plasma-typo-body-l-medium-font-weight: 500;--plasma-typo-body-l-medium-line-height: 1.375rem;--plasma-typo-body-m-medium-font-size: 1rem;--plasma-typo-body-m-medium-font-weight: 500;--plasma-typo-body-m-medium-line-height: 1.25rem;--plasma-typo-body-s-medium-font-size: .875rem;--plasma-typo-body-s-medium-font-weight: 500;--plasma-typo-body-s-medium-line-height: 1.125rem;--plasma-typo-body-xs-medium-font-size: .75rem;--plasma-typo-body-xs-medium-font-weight: 500;--plasma-typo-body-xs-medium-line-height: .875rem;--plasma-typo-body-xxs-medium-font-size: .625rem;--plasma-typo-body-xxs-medium-font-weight: 500;--plasma-typo-body-xxs-medium-line-height: .75rem;--plasma-typo-text-l-medium-font-size: 1.5rem;--plasma-typo-text-l-medium-font-weight: 500;--plasma-typo-text-l-medium-line-height: 2rem;--plasma-typo-text-m-medium-font-size: 1.125rem;--plasma-typo-text-m-medium-font-weight: 500;--plasma-typo-text-m-medium-line-height: 1.625rem;--plasma-typo-text-s-medium-font-size: .875rem;--plasma-typo-text-s-medium-font-weight: 500;--plasma-typo-text-s-medium-line-height: 1.25rem;--plasma-typo-text-xs-medium-font-size: .75rem;--plasma-typo-text-xs-medium-font-weight: 500;--plasma-typo-text-xs-medium-line-height: 1rem}}