.wiz[data-host=studio] .wiz-pane--tokens{overflow-y:auto}.wiz[data-host=studio] .wiz-root{gap:var(--spacing-3);flex-direction:column}.wiz[data-host=studio] .wiz-root-note{margin-top:0}@media (width<=1679px){body.wiz-side-open .wiz[data-host=studio] .wiz-shape-cols{grid-template-columns:minmax(0,1fr)}body.wiz-side-open .wiz[data-host=studio] .wiz-type-table{min-width:calc(var(--spacing-2) * 95)}body.wiz-side-open .wiz[data-host=studio] .wiz-type-col-preview,body.wiz-side-open .wiz[data-host=studio] .wiz-type-preview-cell{display:none}}.wiz[data-host=studio] .wiz-pane--tokens .wiz-token-rows{flex:none;overflow:visible}.wiz[data-host=studio] .wiz-pane--tokens .wiz-fold--grow,.wiz[data-host=studio] .wiz-pane--tokens .wiz-fold--grow>.wiz-fold-body{flex:none}@media (width>=1100px){body:not(.wiz-side-open) .wiz[data-host=studio] .wiz-comp-panes{grid-template-columns:minmax(0, 1fr) var(--spacing-72)}}@media (width>=1452px){body.wiz-side-open .wiz[data-host=studio] .wiz-panel[data-view="6"]:not([hidden]){height:auto;display:flex}body.wiz-side-open .wiz[data-host=studio] .wiz-comp-panes{grid-template-columns:minmax(0, 1fr) var(--spacing-72)}}:root{--wiz-side-w:calc(var(--spacing-2) * 44)}.wiz{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;height:100%;display:grid}.wiz-vision-defs{width:0;height:0;position:absolute;overflow:hidden}.wiz-body{min-width:0;padding:var(--spacing-8) var(--spacing-6) var(--spacing-16);background:hsl(var(--surface-page));overflow-y:auto}.wiz-panel{max-width:calc(var(--spacing-2) * 144);margin:0 auto}.wiz-panel[hidden]{display:none!important}.wiz-body:has(.wiz-panel[data-view="6"]:not([hidden])){padding-bottom:var(--spacing-8);flex-direction:column;display:flex}.wiz-body:has(.wiz-panel[data-view="6"]:not([hidden])) .wiz-panel{flex:1;width:100%;min-height:0}.wiz-panel-head{margin-bottom:var(--spacing-5)}.wiz-panel-head p{margin-top:var(--spacing-1_5);max-width:calc(var(--spacing-2) * 96)}.wiz-add-row{margin-top:var(--spacing-3)}.wiz-table td{vertical-align:middle}.wiz-table tbody tr:hover{background:hsl(var(--surface-subtle))}.wiz-col-base{width:var(--spacing-18)}.wiz-col-name{width:calc(var(--spacing-2) * 34)}.wiz-col-token{width:var(--spacing-56)}.wiz-col-val{width:var(--spacing-52)}.wiz-col-act{width:calc(var(--spacing-2) * 13)}.wiz-group-row td{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.07em;color:hsl(var(--foreground-muted));background:hsl(var(--surface-page));font-weight:600}.wiz-group-row:hover td{background:hsl(var(--surface-page))}.wiz-table tbody tr.wiz-group-row{border-top:var(--border-width-thin) solid hsl(var(--border-default))}.wiz-table tbody tr.wiz-group-row+tr{border-top:0}.wiz-role-name{position:relative}.wiz-role-child .wiz-role-name{padding-inline-start:var(--spacing-10)}.wiz-role-child .wiz-role-name:before{content:"";inset-inline-start:var(--spacing-5);border-inline-start:var(--border-width-thin) solid hsl(var(--border-strong));position:absolute;top:0;bottom:0}.wiz-role-child .wiz-role-name{--wiz-branch:var(--spacing-2)}.wiz-role-child--last .wiz-role-name:before{bottom:calc(50% + var(--wiz-branch))}.wiz-role-child .wiz-role-name:after{content:"";inset-inline-start:var(--spacing-5);top:calc(50% - var(--wiz-branch));height:var(--wiz-branch);width:var(--spacing-3);border-inline-start:var(--border-width-thin) solid hsl(var(--border-strong));border-bottom:var(--border-width-thin) solid hsl(var(--border-strong));border-end-start-radius:var(--wiz-branch);position:absolute}.wiz-role-name-wrap{width:100%;display:flex}.wiz-role-tip{white-space:normal;width:calc(var(--spacing-2) * 34);line-height:1.45;font-weight:var(--font-weight-normal);inset-inline-start:var(--spacing-3);transform:none}.wiz-role-doc:focus-within>.wiz-role-tip{opacity:1}.wiz-role-tip:before{inset-inline-start:var(--spacing-4);transform:none}.vt-table-wrap:has(#wiz-role-body){overflow:visible}.vt-table-wrap:has(#wiz-role-body) thead th:first-child{border-top-left-radius:var(--radius-sm)}.vt-table-wrap:has(#wiz-role-body) thead th:last-child{border-top-right-radius:var(--radius-sm)}#wiz-role-body>tr:last-child>td:first-child{border-bottom-left-radius:calc(var(--radius-sm) - var(--border-width-thin))}#wiz-role-body>tr:last-child>td:last-child{border-bottom-right-radius:calc(var(--radius-sm) - var(--border-width-thin))}.wiz-role-token{margin-left:var(--border-width-thin);font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));display:block}.wiz-states-row{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.wiz-states-hint{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted))}.wiz-states-switch{align-items:center;gap:var(--spacing-2);display:inline-flex}.wiz-states-switch>label{cursor:pointer;user-select:none}.wiz-role-doc{vertical-align:middle;margin-inline-end:var(--spacing-1)}.wiz-role-doc-btn{width:var(--spacing-7);height:var(--spacing-7);border-radius:var(--radius-sm);color:hsl(var(--foreground-muted));cursor:help;justify-content:center;align-items:center;display:inline-flex}.wiz-role-doc-btn:hover,.wiz-role-doc:focus-within .wiz-role-doc-btn{background:hsl(var(--surface-subtle));color:hsl(var(--foreground-primary))}.wiz-role-doc-btn svg{width:var(--spacing-5);height:var(--spacing-5);flex:none}.wiz-role-doc>.wiz-role-tip{white-space:normal;inset-inline-start:0}.wiz-role-doc>.wiz-role-tip:before{inset-inline-start:var(--spacing-4);transform:translate(-50%)}.wiz-swatch-input{width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--radius-full);cursor:pointer;border:var(--border-width-thin) solid hsl(var(--border-default));display:block;position:relative;overflow:hidden}.wiz-swatch-input input{opacity:0;cursor:pointer;width:150%;height:150%;position:absolute;inset:-25%}input.wiz-rename{border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);width:100%;padding:var(--spacing-1) var(--spacing-2);margin-left:calc(-1 * var(--spacing-2));font-size:var(--font-size-sm);color:hsl(var(--foreground-primary));background:0 0}input.wiz-rename:hover{border-color:hsl(var(--border-default))}input.wiz-rename:focus{border-color:hsl(var(--focus-ring));background:hsl(var(--surface-page));outline:none}.wiz-static-name{font-size:var(--font-size-sm);color:hsl(var(--foreground-primary))}.wiz-scale-drives{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-top:var(--spacing-0_5)}.wiz-token{font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted))}.wiz-ramp{gap:var(--spacing-1_5);display:flex}.wiz-ramp-chip{border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-sm);background:hsl(var(--surface-card));flex:1;min-width:0;position:relative;overflow:hidden}.wiz-ramp-sw{height:var(--spacing-10);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap;place-items:center;font-weight:500;display:grid;position:relative}.wiz-ramp-meta{padding:var(--spacing-1_5) var(--spacing-1_5) var(--spacing-1_5);flex-direction:column;gap:0;min-width:0;display:flex}.wiz-ramp-step{font-size:var(--font-size-xs);color:hsl(var(--foreground-primary));font-weight:500}.wiz-ramp-hex{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));font-variant-numeric:tabular-nums;text-overflow:ellipsis;overflow:hidden}.wiz-ramp-chip.anchor .wiz-ramp-sw:after{content:"";left:var(--spacing-1_5);bottom:var(--spacing-1_5);width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);background:hsl(var(--generic-white));position:absolute}.wiz-ramp-chip-empty{background:0 0;border-color:#0000}.wiz-ramp-chip--fail{border-color:hsl(var(--error-fill));box-shadow:0 0 0 var(--border-width-thin) hsl(var(--error-fill))}.wiz-ramp-chip--fail .wiz-ramp-ratio:before{content:"⚠ "}.wiz-swatch-generic{cursor:default;background:linear-gradient(135deg, hsl(var(--generic-0)) 50%, hsl(var(--generic-1000)) 50%)}.wiz-val{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-1_5) var(--spacing-2);margin-left:calc(-1 * var(--spacing-2));cursor:pointer;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);text-align:left;display:flex}.wiz-val:hover{border-color:hsl(var(--border-default));background:hsl(var(--surface-card))}.wiz-val--fixed{cursor:default}.wiz-val--fixed:hover{background:0 0;border-color:#0000}.wiz-rename--fixed{cursor:default;color:hsl(var(--foreground-secondary))}.wiz-val-chip{width:var(--spacing-6);height:var(--spacing-6);border-radius:var(--radius-sm);border:var(--border-width-thin) solid hsl(var(--border-default));flex-shrink:0}.wiz-val-text{font-size:var(--font-size-sm);color:hsl(var(--foreground-secondary))}.wiz-val-auto{padding:0 var(--spacing-1);border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-inline-start:var(--spacing-1_5)}.wiz-remove{width:var(--spacing-7);height:var(--spacing-7);border-radius:var(--radius-sm);color:hsl(var(--foreground-muted));cursor:pointer;font-size:var(--font-size-base);justify-content:center;align-items:center;line-height:1;display:inline-flex}.wiz-remove:hover{background:hsl(var(--error-surface));color:hsl(var(--error-fill))}.wiz-remove svg{width:var(--spacing-5);height:var(--spacing-5);flex:none}.wiz-scale-act>*{vertical-align:middle}.wiz-scale-act>.wiz-remove+.wiz-scale-chevron{margin-left:var(--spacing-1)}.wiz-add-token{font-size:var(--font-size-sm);color:hsl(var(--brand-fill));cursor:pointer;padding:var(--spacing-1) 0}.wiz-add-token:hover{text-decoration:underline}.wiz-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--border-width-thin) var(--spacing-1);margin-left:var(--spacing-1_5);border-radius:var(--radius-sm);background:hsl(var(--brand-fill));color:hsl(var(--on-brand));vertical-align:middle;font-weight:600}.wiz-role-act{text-align:left;white-space:nowrap}.wiz-role-act .wiz-badge{margin-inline:var(--spacing-1) 0}.wiz-role-act .wiz-remove{color:hsl(var(--error-fill))}.wiz-role-act>*{vertical-align:middle}.wiz-shape-cols{grid-template-columns:minmax(0, 1fr) var(--spacing-72);gap:var(--spacing-6);align-items:start;display:grid}@media (width<=1000px){.wiz-shape-cols{grid-template-columns:minmax(0,1fr)}}.wiz-radius-input{width:var(--spacing-18);padding:var(--spacing-1) var(--spacing-2);border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-sm);background:hsl(var(--surface-card));color:hsl(var(--foreground-primary));font-size:var(--font-size-sm)}.wiz-radius-input:focus{border-color:hsl(var(--focus-ring));outline:none}.wiz-rem{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-left:var(--spacing-2);font-family:var(--font-family-mono,monospace);white-space:nowrap}.wiz-radius-unit{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-left:var(--spacing-1_5);white-space:nowrap}.wiz-table td:has(>.wiz-radius-input){white-space:nowrap}.wiz-table--dense td{padding-top:var(--spacing-1_5);padding-bottom:var(--spacing-1_5)}.wiz-shape-extras{gap:var(--spacing-6);margin-top:var(--spacing-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=1000px){.wiz-shape-extras{grid-template-columns:minmax(0,1fr)}}.wiz-sub-note{margin:var(--spacing-0_5) 0 var(--spacing-3)}.wiz-bw{margin-top:var(--spacing-6)}.wiz-bw-label{margin-bottom:var(--spacing-2)}.wiz-bw-opts{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.wiz-bw-opt{align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-3) var(--spacing-3);cursor:pointer;border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-md);background:hsl(var(--surface-card));flex-direction:column;display:flex}.wiz-bw-opt:hover{border-color:hsl(var(--border-strong))}.wiz-bw-opt.selected{border-color:hsl(var(--brand-fill));box-shadow:inset 0 0 0 var(--border-width-thin) hsl(var(--brand-fill))}.wiz-bw-sample{width:var(--spacing-10);height:var(--spacing-6);border-radius:var(--radius-sm);border-style:solid;border-color:hsl(var(--foreground-secondary))}.wiz-bw-name{font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary))}.wiz-concentric{border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-lg);background:hsl(var(--surface-card));padding:var(--spacing-4);position:sticky;top:0}.wiz-concentric-head p{margin-top:var(--spacing-1)}.wiz-concentric-demo{margin:var(--spacing-4) 0 var(--spacing-3)}.wiz-concentric-outer{background:hsl(var(--surface-subtle));border:var(--border-width-thin) solid hsl(var(--border-default))}.wiz-concentric-inner{background:hsl(var(--brand-fill) / .16);border:var(--border-width-medium) solid hsl(var(--brand-fill));height:var(--spacing-16)}.wiz-concentric-math{color:hsl(var(--foreground-muted));font-family:var(--font-family-mono,monospace)}.wiz-density{margin-bottom:var(--spacing-5)}.wiz-root{align-items:flex-start;gap:var(--spacing-5);margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-4);border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-md);background:hsl(var(--surface-card));display:flex}.wiz-root-field{flex:none}.wiz-root-field .wiz-field-label{white-space:nowrap}.wiz-root-input{align-items:center;display:flex}.wiz-root-note{max-width:calc(var(--spacing-2) * 88);margin:var(--spacing-5) 0 0;line-height:1.5}.wiz-root-note b{color:hsl(var(--foreground-secondary));font-weight:600}.wiz-grid-cols{gap:var(--spacing-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=1100px){.wiz-grid-cols{grid-template-columns:minmax(0,1fr)}}@media (width<=1452px){body.wiz-side-open .wiz-grid-cols{grid-template-columns:minmax(0,1fr)}}.wiz-sub{margin-bottom:var(--spacing-3)}.wiz-col-px{width:var(--spacing-28)}.wiz-space-bar{height:var(--spacing-3);border-radius:var(--radius-2xs);background:hsl(var(--brand-fill) / .7);min-width:var(--border-width-thin)}.wiz-space-px{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-left:var(--spacing-1_5)}.wiz-type-controls{gap:var(--spacing-3);margin-bottom:var(--spacing-6);max-width:var(--spacing-72);display:flex}.wiz-type-cols{grid-template-columns:minmax(0, 1fr) calc(var(--spacing-2) * 44);gap:var(--spacing-6);align-items:start;display:grid}@media (width<=1100px){.wiz-type-cols{grid-template-columns:minmax(0,1fr)}}.wiz-type-note{margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:var(--border-width-thin) solid hsl(var(--warning-fill));border-radius:var(--radius-md);background:hsl(var(--warning-surface));color:hsl(var(--foreground-primary));font-size:var(--font-size-sm)}.wiz-type-note[hidden]{display:none}.wiz-type-section{margin-bottom:var(--spacing-8)}.wiz-type-section-head{margin-bottom:var(--spacing-3)}.wiz-type-section-head h2{margin:0 0 var(--spacing-1)}.wiz-type-section-head p{max-width:calc(var(--spacing-2) * 92);margin:0}.wiz-type-derived{margin-top:var(--spacing-6)}.wiz-type-derived-head{margin:0 0 var(--spacing-3);max-width:calc(var(--spacing-2) * 92)}.wiz-type-ladder{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.wiz-type-step{align-items:baseline;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-md);background:hsl(var(--surface-subtle));display:inline-flex}.wiz-type-step-name{font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary))}.wiz-type-step-px{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted))}.wiz-type-editor .vt-table-wrap{overflow-x:auto}.wiz-type-table{min-width:calc(var(--spacing-2) * 112)}.wiz-type-table th{width:1%}.wiz-type-table th.wiz-type-col-preview{width:100%}.wiz-type-table td{vertical-align:middle}.wiz-type-name-cell{white-space:nowrap;display:table-cell}.wiz-type-name-cell .wiz-static-name{display:block}.wiz-type-preview-cell{max-width:0;overflow:hidden}.wiz-type-specimen{color:hsl(var(--foreground-primary));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wiz-type-num-cell{white-space:nowrap}.wiz-type-num-cell .wiz-radius-input{width:var(--spacing-16)}.wiz-type-size-cell{white-space:nowrap}.wiz-type-size-cell .wiz-type-size{width:calc(var(--spacing-2) * 14)}.wiz-type-size-px{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-inline-start:var(--spacing-2)}.wiz-type-size-px--off{color:hsl(var(--warning-fill))}.wiz-type-weight-cell{white-space:nowrap}.wiz-type-weight-cell .wiz-type-weight{width:var(--spacing-28)}.wiz-type-weight-num{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-inline-start:var(--spacing-2)}.wiz-type-table .wiz-group-name{font-size:var(--font-size-sm);letter-spacing:.06em}.wiz-type-removed{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}.wiz-type-removed-label{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted))}.wiz-type-restore{border:var(--border-width-thin) dashed hsl(var(--border-strong));border-radius:var(--radius-full);color:hsl(var(--foreground-secondary));padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);cursor:pointer;background:0 0}.wiz-type-restore:hover{border-style:solid;border-color:hsl(var(--brand-fill));color:hsl(var(--brand-fill))}.wiz-type-restore:focus-visible{outline:var(--border-width-thick) solid hsl(var(--focus-ring));outline-offset:var(--border-width-thick)}.wiz-row-warn{color:hsl(var(--warning-fill));font-weight:600}.wiz-specimen{border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-lg);background:hsl(var(--surface-card));padding:var(--spacing-6);position:sticky;top:0}.wiz-specimen h3{margin:0 0 var(--spacing-2);color:hsl(var(--foreground-primary));line-height:1.2}.wiz-specimen p{margin:0 0 var(--spacing-4);color:hsl(var(--foreground-secondary))}.wiz-specimen .wiz-specimen-meta{color:hsl(var(--foreground-muted));margin:0}.wiz-field{gap:var(--spacing-1);flex-direction:column;flex:1;min-width:0;display:flex}.wiz-field-label{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted))}.wiz-select{appearance:none;padding:var(--spacing-1_5) var(--spacing-8) var(--spacing-1_5) var(--spacing-3);cursor:pointer;border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-md);background-color:hsl(var(--surface-card));width:100%;color:hsl(var(--foreground-primary));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23707078' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:var(--spacing-4);font-size:var(--font-size-sm);font-family:inherit}.wiz-select:hover{border-color:hsl(var(--border-strong))}.wiz-select:focus{border-color:hsl(var(--focus-ring));outline:none}.wiz-type-sample{color:hsl(var(--foreground-primary));text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.wiz-panel[data-view="6"]:not([hidden]){flex-direction:column;height:100%;display:flex}.wiz-comp-panes{min-height:var(--spacing-96);grid-template-columns:var(--spacing-52) minmax(0, 1fr) var(--spacing-72);gap:var(--spacing-4);flex:1;align-items:stretch;display:grid}@media (width<=1100px){.wiz-panel[data-view="6"]:not([hidden]){height:auto;display:block}.wiz-comp-panes{grid-template-columns:minmax(0,1fr)}}@media (width<=1452px){body.wiz-side-open .wiz-panel[data-view="6"]:not([hidden]){height:auto;display:block}body.wiz-side-open .wiz-comp-panes{grid-template-columns:minmax(0,1fr)}}.wiz-pane{border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-lg);background:hsl(var(--surface-card));flex-direction:column;min-height:0;display:flex;overflow:hidden}.wiz-pane-head{align-items:baseline;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width-thin) solid hsl(var(--border-default));font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));flex-shrink:0;font-weight:600;display:flex}.wiz-pane-head .wiz-token{text-transform:none;letter-spacing:0;font-weight:400}.wiz-fold-head{cursor:pointer;text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;justify-content:space-between;align-items:center;width:100%;font-family:inherit}.wiz-fold-head:hover{color:hsl(var(--foreground-primary))}.wiz-fold-head:focus-visible{outline:var(--border-width-thick) solid hsl(var(--focus-ring));outline-offset:calc(-1 * var(--border-width-thick))}.wiz-fold-chevron{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;transition:transform .15s}.wiz-fold.is-folded .wiz-fold-chevron{transform:rotate(-90deg)}.wiz-fold.is-folded>.wiz-fold-body{display:none}.wiz-fold.is-folded>.wiz-pane-head{border-bottom-color:#0000}.wiz-pane--tokens .wiz-fold{border-bottom:var(--border-width-thin) solid hsl(var(--border-default))}.wiz-fold-tools{margin-bottom:var(--spacing-1);justify-content:flex-end;display:flex}.wiz-fold--grow:not(.is-folded),.wiz-fold--grow>.wiz-fold-body{flex-direction:column;flex:1;min-height:0;display:flex}.wiz-pane-head--stage{align-items:center}.wiz-stage-id{gap:var(--border-width-thin);flex-direction:column;min-width:0;margin-right:auto;display:flex}.wiz-stage-name{font-size:var(--font-size-sm);text-transform:none;letter-spacing:0;color:hsl(var(--foreground-primary));font-weight:600}.wiz-pane-head--stage .wiz-token{font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wiz-pane-head--stage .wiz-vision{flex-shrink:0;width:auto}.wiz-states{align-items:center;gap:var(--spacing-0_5);padding:var(--spacing-2) var(--spacing-3);border-bottom:var(--border-width-thin) solid hsl(var(--border-default));flex-wrap:wrap;flex-shrink:0;display:flex}.wiz-states:empty{display:none}.wiz-states-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));margin-right:var(--spacing-1_5);font-weight:600}.wiz-state-btn{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);text-transform:none;letter-spacing:0;color:hsl(var(--foreground-muted));font-weight:500}.wiz-state-btn:hover{background:hsl(var(--surface-subtle));color:hsl(var(--foreground-primary))}.wiz-state-btn--active{background:hsl(var(--brand-fill));color:hsl(var(--on-brand))}.wiz-stage-canvas{padding:var(--spacing-8);gap:var(--spacing-4);flex-direction:column;flex:1;justify-content:flex-start;display:flex;overflow:auto}.wiz-stage-host{width:100%;max-width:calc(var(--spacing-2) * 88);position:relative}.wiz-stage-host .vt-dialog-overlay,.wiz-stage-host .vt-drawer-overlay,.wiz-stage-host .vt-toast-container{position:absolute;inset:0}.wiz-stage-host:has(.vt-dialog-overlay,.vt-drawer-overlay){min-height:var(--spacing-72)}.wiz-stage-host:has(.vt-select-dropdown.open,.vt-popover-content.vt-open,.vt-dropdown-menu.vt-open){min-height:calc(var(--spacing-2) * 44)}.wiz-stage-host:has(.vt-tooltip){padding-top:var(--spacing-12)}.wiz-stage-host .vt-tooltip-wrap:not(:first-of-type){display:none}.wiz-stage-host [data-accordion-content].open{max-height:none}.wiz-stage-note{font-size:var(--font-size-xs);color:hsl(var(--warning-fill));margin:0}.wiz-token-rows{padding:var(--spacing-2);flex:1;overflow-y:auto}.wiz-state-tune{margin:0 0 var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-md);background:hsl(var(--surface-subtle))}.wiz-state-tune-note{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin:0;line-height:1.45}.wiz-state-tune-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));margin-bottom:var(--spacing-1_5);font-weight:600}.wiz-state-tune-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));display:flex}.wiz-state-tune-row .wiz-select{width:var(--spacing-20);padding:var(--spacing-1) var(--spacing-1_5);font-size:var(--font-size-xs)}.wiz-composed-note{padding:var(--spacing-2);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin:0;line-height:1.5}.wiz-pane-foot{flex-shrink:0}.wiz-pane-foot .wiz-fold-body{padding:var(--spacing-3)}.wiz-comp-name{font-size:var(--font-size-sm);color:hsl(var(--foreground-primary));font-weight:500}.wiz-chips{gap:var(--spacing-1_5);flex-wrap:wrap;display:flex}.wiz-chip{align-items:center;gap:var(--spacing-1_5);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:var(--border-width-thin) solid hsl(var(--border-default));background:hsl(var(--surface-card));font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));display:inline-flex}.wiz-chip:hover{border-color:hsl(var(--border-strong))}.wiz-chip.rebound{border-color:hsl(var(--brand-fill));color:hsl(var(--brand-fill))}.wiz-chip-dot{width:var(--spacing-3);height:var(--spacing-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid hsl(var(--border-default));flex-shrink:0}.wiz-chip-arrow{color:hsl(var(--foreground-muted))}.wiz-out{border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-lg);background:hsl(var(--surface-card));padding:var(--spacing-4);position:sticky;top:0}.wiz-out-head p{margin-top:var(--spacing-1)}.wiz-out-code--html{max-height:var(--spacing-56);white-space:pre;margin-bottom:var(--spacing-3);overflow:auto}.wiz-out-code{margin:var(--spacing-3) 0;padding:var(--spacing-3);max-height:calc(var(--spacing-2) * 44);background:hsl(var(--surface-subtle));border-radius:var(--radius-md);font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));white-space:pre;line-height:1.6;overflow:auto}.wiz-block-btn{justify-content:center;width:100%}.wiz-token-list{padding:var(--spacing-2);max-height:calc(var(--spacing-2) * 44);overflow-y:auto}.wiz-token-opt{align-items:center;gap:var(--spacing-2);cursor:pointer;width:100%;padding:var(--spacing-1_5) var(--spacing-2);border-radius:var(--radius-sm);text-align:left;display:flex}.wiz-token-opt:hover,.wiz-token-opt.selected{background:hsl(var(--surface-subtle))}.wiz-token-opt-name{font-size:var(--font-size-sm);color:hsl(var(--foreground-primary))}.wiz-token-opt-text{flex-direction:column;min-width:0;display:flex}.wiz-token-opt-val{font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wiz-token-opt-var{font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-left:auto}.wiz-audit{margin-bottom:var(--spacing-5)}.wiz-audit:empty{display:none}.wiz-audit-bar{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid hsl(var(--border-default));background:hsl(var(--surface-card));font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.wiz-audit-bar--fail{border-color:hsl(var(--error-fill));background:hsl(var(--error-surface))}.wiz-audit-bar--warn{border-color:hsl(var(--warning-fill));background:hsl(var(--warning-surface))}.wiz-audit-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);flex-shrink:0}.wiz-audit-summary{color:hsl(var(--foreground-primary));font-weight:500}.wiz-audit-toggle{font-size:var(--font-size-xs);color:hsl(var(--brand-fill));cursor:pointer;margin-left:auto}.wiz-audit-toggle:hover{text-decoration:underline}.wiz-audit-list{margin-top:var(--spacing-2);gap:var(--spacing-1);flex-direction:column;display:flex}.wiz-audit-list[hidden]{display:none}.wiz-audit-item{align-items:baseline;gap:var(--spacing-2);padding:var(--spacing-1_5) var(--spacing-4);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));line-height:1.5;display:flex}.wiz-audit-mode{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));min-width:var(--spacing-10);flex-shrink:0}.wiz-audit-ratio{font-family:var(--font-family-mono,monospace);flex-shrink:0}.wiz-audit-item--fail .wiz-audit-ratio{color:hsl(var(--error-fill));font-weight:600}.wiz-start{align-items:flex-end;gap:var(--spacing-6);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.wiz-start-presets{gap:var(--spacing-1_5);flex-direction:column;display:flex}.wiz-start-btns{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.wiz-drop{min-width:var(--spacing-64);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;border:var(--border-width-thin) dashed hsl(var(--border-strong));border-radius:var(--radius-md);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));text-align:center;flex:1}.wiz-drop:hover,.wiz-drop--over{border-color:hsl(var(--brand-fill));color:hsl(var(--foreground-primary))}.wiz-drop code{font-family:var(--font-family-mono,monospace)}.wiz-handoff{gap:var(--spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width<=1000px){.wiz-handoff{grid-template-columns:minmax(0,1fr)}}.wiz-deliver{border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-lg);background:hsl(var(--surface-card));padding:var(--spacing-5)}.wiz-deliver-head h2{margin:0 0 var(--spacing-1_5)}.wiz-deliver-head p{margin:0;line-height:1.5}.wiz-deliver-facts{gap:var(--spacing-1) var(--spacing-3);margin:var(--spacing-4) 0;font-size:var(--font-size-xs);grid-template-columns:auto 1fr;display:grid}.wiz-deliver-facts dt{color:hsl(var(--foreground-muted))}.wiz-deliver-facts dd{color:hsl(var(--foreground-secondary));font-family:var(--font-family-mono,monospace);margin:0}.wiz-deliver-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.wiz-deliver-code{margin:var(--spacing-4) 0 0;padding:var(--spacing-3);max-height:var(--spacing-64);background:hsl(var(--surface-subtle));border-radius:var(--radius-md);font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));white-space:pre;line-height:1.6;overflow:auto}.wiz-install,.wiz-reopen{margin-top:var(--spacing-5);max-width:calc(var(--spacing-2) * 92)}.wiz-reopen p{margin:var(--spacing-1) 0 0;line-height:1.5}.wiz-mini{width:var(--wiz-side-w);border-left:var(--border-width-thin) solid hsl(var(--border-default));background:hsl(var(--surface-card));flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.wiz--side-closed .wiz-mini{border-left-width:0;width:0}.wiz[data-side-ready] .wiz-mini{transition:width .26s cubic-bezier(.4,0,.2,1),max-height .26s cubic-bezier(.4,0,.2,1),border-width .26s}@media (prefers-reduced-motion:reduce){.wiz[data-side-ready] .wiz-mini,.wiz-modal{transition:none}}.wiz-mini-head{height:var(--spacing-18);padding:0 var(--spacing-4);border-bottom:var(--border-width-thin) solid hsl(var(--border-default));font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground-muted));background:hsl(var(--surface-card));flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.wiz-mini-head,.wiz-mini-body{min-width:var(--wiz-side-w)}.wiz-mini-toggle{width:var(--spacing-6);height:var(--spacing-6);border-radius:var(--radius-sm);cursor:pointer;color:hsl(var(--foreground-muted));font-size:var(--font-size-sm);justify-content:center;align-items:center;line-height:1;display:inline-flex}.wiz-mini-toggle:hover{background:hsl(var(--surface-moderate));color:hsl(var(--foreground-primary))}.wiz-mini-actions{align-items:center;gap:var(--spacing-0_5);display:flex}.wiz-mini-body{min-height:0;padding:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.wiz-mini-card{background:hsl(var(--surface-card));border:var(--border-width-default) solid hsl(var(--border-default));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-4);gap:var(--spacing-2);flex-direction:column;display:flex}.wiz-mini-body .vt-input{width:100%}.wiz-mini-alert{align-items:flex-start}.wiz-mini-alert-icon{width:var(--spacing-4);height:var(--spacing-4);margin-top:var(--spacing-0_5);flex-shrink:0}.wiz-mini-alert-title{font-size:var(--font-size-sm);font-weight:600}.wiz-mini-alert-desc{font-size:var(--font-size-xs);opacity:.85;margin-top:var(--spacing-0_5)}.wiz-mini-brand{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-md);background:hsl(var(--brand-fill));color:hsl(var(--on-brand));justify-content:center;align-self:center;align-items:center;display:flex}.wiz-mini-brand svg{width:var(--spacing-6);height:var(--spacing-6)}.wiz-mini-title{font-size:var(--font-size-lg);text-align:center;font-weight:600;line-height:1.3}.wiz-mini-sub{font-size:var(--font-size-sm);color:hsl(var(--foreground-muted));text-align:center;margin:calc(var(--spacing-1) * -1.5) 0 var(--spacing-1)}.wiz-mini-field{gap:var(--spacing-1);flex-direction:column;display:flex}.wiz-mini-field>span:first-child{font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));font-weight:500}.wiz-mini-field-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.wiz-mini-check{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));display:flex}.wiz-mini-submit{justify-content:center;width:100%}.wiz-mini-link{color:hsl(var(--brand-fill));font-weight:500}.wiz-mini-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.wiz-mini-card-title{font-size:var(--font-size-base);font-weight:600}.wiz-mini-feed{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wiz-mini-feed li{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);display:flex}.wiz-mini-feed li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wiz-mini-feed time{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted))}.wiz-mini-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);flex-shrink:0}.wiz-mini-dot--success{background:hsl(var(--success-fill))}.wiz-mini-dot--warning{background:hsl(var(--warning-fill))}.wiz-mini-dot--brand{background:hsl(var(--brand-fill))}.wiz-mini-meter{gap:var(--spacing-1);font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));flex-direction:column;display:flex}.wiz-mini-bar{width:68%}.wiz-mini-tabs{width:100%;display:flex}.wiz-mini-tabs .vt-tabs-trigger{flex:1}.wiz-mini-avatars{display:flex}.wiz-mini-avatars .vt-avatar+.vt-avatar{margin-left:calc(-1 * var(--spacing-2))}.wiz-mini-avatars .vt-avatar{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));box-shadow:0 0 0 var(--border-width-thick) hsl(var(--surface-card));font-weight:500}.wiz-mini-badges{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.wiz-picker-auto{width:100%;margin-bottom:var(--spacing-3);padding:var(--spacing-1_5) var(--spacing-2);border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-md);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));cursor:pointer;text-align:center;display:block}.wiz-picker-auto:hover{border-color:hsl(var(--brand-fill));color:hsl(var(--brand-fill))}.wiz-picker-auto.selected{border-color:hsl(var(--brand-fill));color:hsl(var(--brand-fill));background:hsl(var(--brand-fill) / .08)}.wiz-modal{z-index:120;padding:var(--spacing-6) var(--spacing-8) var(--spacing-8);background:hsl(var(--generic-black) / .4);justify-content:center;align-items:flex-start;transition:right .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.wiz-modal[hidden]{display:none}#wiz-import-review{z-index:120;overflow-y:auto}#wiz-import-review .vt-dialog{margin:auto}body.wiz-side-open .wiz-modal{right:var(--wiz-side-w)}body.wiz-side-open .wiz-modal.wiz-modal--hole{padding-right:calc(var(--wiz-side-w) + var(--spacing-8));clip-path:polygon(0 0, 100% 0, 100% var(--hole-top), var(--hole-left) var(--hole-top), var(--hole-left) 100%, 0 100%);right:0}.wiz-modal-panel{width:calc(var(--spacing-2) * 120);max-width:100%;max-height:calc(100dvh - var(--spacing-12));background:hsl(var(--surface-card));border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-lg);box-shadow:0 var(--spacing-5) var(--spacing-12) hsl(var(--generic-black) / .24);flex-direction:column;display:flex;overflow:hidden}.wiz-modal-head{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width-thin) solid hsl(var(--border-default));flex-shrink:0;display:flex}.wiz-modal-title{width:var(--spacing-56);max-width:40%;min-width:var(--spacing-24);padding:var(--spacing-1) var(--spacing-2);margin-left:calc(-1 * var(--spacing-2));border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:hsl(var(--foreground-primary));background:0 0;flex:0 auto;font-weight:600}.wiz-modal-title:hover:not(:disabled){border-color:hsl(var(--border-default))}.wiz-modal-title:focus{border-color:hsl(var(--focus-ring));background:hsl(var(--surface-page));outline:none}#wiz-editor-host{min-height:0;padding:var(--spacing-4) var(--spacing-4) var(--spacing-5);gap:var(--spacing-5);flex-direction:column;flex:1;display:flex}.wiz-modal-drives{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));white-space:nowrap;margin-right:auto}.wiz-toast{left:50%;bottom:var(--spacing-6);transform:translate(-50%, var(--spacing-4));z-index:140;padding:var(--spacing-3) var(--spacing-4);pointer-events:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);background:hsl(var(--surface-strong));color:hsl(var(--foreground-primary));border:var(--border-width-thin) solid hsl(var(--border-default));box-shadow:0 var(--spacing-2) var(--spacing-6) hsl(var(--generic-black) / .18);opacity:0;transition:opacity .18s,transform .18s;position:fixed}.wiz-toast--show{opacity:1;transform:translate(-50%)}.wiz-toast--err{border-color:hsl(var(--error-fill));color:hsl(var(--error-fill))}.wiz-swatch-btn{cursor:pointer;--sw-gap:hsl(var(--surface-card));padding:0;transition:box-shadow .15s}.wiz-swatch-btn:hover,.wiz-scale-row:hover .wiz-swatch-btn,.wiz-scale-row--open .wiz-swatch-btn{box-shadow:0 0 0 var(--border-width-thin) var(--sw-gap), 0 0 0 calc(var(--border-width-thin) + var(--border-width-thick)) var(--sw,hsl(var(--foreground-primary)))}.wiz-scale-row{cursor:pointer}.wiz-table tbody tr.wiz-scale-row:hover,.wiz-table tbody tr.wiz-generic-row:hover{background:0 0}.vt-table-wrap:has(#wiz-scale-body){overflow:visible}.vt-table-wrap:has(#wiz-scale-body) thead th:first-child{border-top-left-radius:var(--radius-sm)}.vt-table-wrap:has(#wiz-scale-body) thead th:last-child{border-top-right-radius:var(--radius-sm)}.wiz-table tbody tr.wiz-scale-row--open,.wiz-table tbody tr.wiz-scale-row--open:hover,.wiz-table tbody tr.wiz-scale-expand,.wiz-table tbody tr.wiz-scale-expand:hover{background:hsl(var(--surface-card))}.wiz-scale-row.wiz-scale-row--open:hover>td{background:0 0}.wiz-scale-expand>td{padding:0!important}.wiz-scale-expand-wrap{grid-template-rows:1fr;transition:grid-template-rows .22s,opacity .22s;display:grid}.wiz-scale-expand-wrap--shut{opacity:0;grid-template-rows:0fr}.wiz-scale-expand-inner{min-height:0}.wiz-scale-expand-wrap--shut .wiz-scale-expand-inner,.wiz-scale-expand-wrap--anim .wiz-scale-expand-inner{overflow:hidden}@media (prefers-reduced-motion:reduce){.wiz-scale-expand-wrap{transition:none}}.wiz-scale-act{text-align:right;white-space:nowrap}.wiz-scale-chevron{vertical-align:middle;width:var(--spacing-5);height:var(--spacing-5);color:hsl(var(--foreground-muted));transition:transform .22s;display:inline-flex}.wiz-scale-chevron svg{width:100%;height:100%}.wiz-scale-row--open .wiz-scale-chevron{transform:rotate(180deg)}.wiz-scale-row:hover .wiz-scale-chevron{color:hsl(var(--foreground-primary))}.wiz-scale-expand #wiz-editor-host{padding:var(--spacing-3) var(--cc-pad,var(--spacing-4)) var(--spacing-5)}.wiz-scale-expand-actions{padding:var(--spacing-3) var(--spacing-4) 0;justify-content:flex-end;display:flex}.wiz-picker{z-index:130;width:calc(var(--spacing-2) * 60);max-width:calc(100vw - var(--spacing-8));background:hsl(var(--surface-card));border:var(--border-width-thin) solid hsl(var(--border-default));border-radius:var(--radius-lg);box-shadow:0 var(--spacing-3) var(--spacing-8) hsl(var(--generic-black) / .16);position:fixed;overflow:hidden}.wiz-picker-head{padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width-thin) solid hsl(var(--border-default));font-size:var(--font-size-sm);color:hsl(var(--foreground-primary));justify-content:space-between;align-items:center;font-weight:600;display:flex}.wiz-picker-close{width:var(--spacing-6);height:var(--spacing-6);border-radius:var(--radius-sm);cursor:pointer;color:hsl(var(--foreground-muted));font-size:var(--font-size-base);justify-content:center;align-items:center;line-height:1;display:inline-flex}.wiz-picker-close:hover{background:hsl(var(--surface-subtle))}.wiz-picker-grid{padding:var(--spacing-3) var(--spacing-4);max-height:var(--spacing-96);overflow-y:auto}.wiz-picker-row+.wiz-picker-row{margin-top:var(--spacing-3)}.wiz-picker-row-label{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));margin-bottom:var(--spacing-1);font-weight:500}.wiz-picker-chips{gap:var(--spacing-1);display:flex}.wiz-picker-chip{height:var(--spacing-7);cursor:pointer;border-radius:var(--radius-sm);border:0;flex:1;min-width:0}.wiz-picker-chip--white{box-shadow:inset 0 0 0 var(--border-width-thin) hsl(var(--border-strong))}.wiz-picker-chip:hover{outline:var(--border-width-thin) solid hsl(var(--foreground-disabled));outline-offset:var(--border-width-thin)}.wiz-picker-chip.selected{outline:var(--border-width-thick) solid hsl(var(--foreground-primary));outline-offset:var(--border-width-thin)}.vt-tooltip.wiz-chip-tip{margin:0;transition:none;bottom:auto;transform:none}.vt-tooltip.wiz-chip-tip:before{top:calc(100% - var(--border-width-thin));inset-inline-start:var(--wiz-tip-arrow,50%)}.vt-tooltip.wiz-chip-tip--on{opacity:1}.wiz-mode-seg{gap:var(--spacing-0_5);padding:var(--spacing-0_5);border-radius:var(--radius-md);background:hsl(var(--surface-subtle));flex-shrink:0;display:inline-flex}.wiz-mode-seg>button{width:var(--spacing-7);height:var(--spacing-7);cursor:pointer;border-radius:calc(var(--radius-md) - var(--radius-2xs));color:hsl(var(--foreground-muted));background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.wiz-mode-seg>button:hover{color:hsl(var(--foreground-primary))}.wiz-mode-seg>button[aria-pressed=true]{background:hsl(var(--surface-card));color:hsl(var(--foreground-primary));box-shadow:var(--shadow-sm)}.wiz-mode-seg>button:focus-visible{outline:var(--border-width-thick) solid hsl(var(--focus-ring));outline-offset:var(--border-width-thin)}@media (width<=900px){.wiz{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.wiz-mini{border-left:0;border-top:var(--border-width-thin) solid hsl(var(--border-default));width:auto;max-height:45vh}.wiz--side-closed .wiz-mini{border-top-width:0;width:auto;max-height:0}.wiz-mini-head,.wiz-mini-body{min-width:0}.wiz-mini-head{height:var(--spacing-12)}.wiz-mini-body{align-items:center}.wiz-mini-body>*{width:100%;max-width:calc(var(--spacing-2) * 46)}body.wiz-side-open .wiz-modal{right:0}}@media (width<=720px){.wiz-body{padding:var(--spacing-5) var(--spacing-4) var(--spacing-20)}.wiz .vt-table-wrap{overflow-x:auto}.wiz .wiz-table{min-width:calc(var(--spacing-2) * 84)}.wiz .wiz-type-table{min-width:calc(var(--spacing-2) * 112)}.wiz .wiz-col-name,.wiz .wiz-col-token,.wiz .wiz-col-val,.wiz .wiz-col-px{width:auto}.wiz .wiz-table th,.wiz .wiz-table td.wiz-token,.wiz .wiz-static-name,.wiz .wiz-val-text{white-space:nowrap}.wiz input.wiz-rename{min-width:var(--spacing-40)}.wiz .wiz-role-tip{width:var(--spacing-56)}.wiz-panel-head h1{font-size:var(--font-size-lg)}.wiz-start{align-items:stretch;gap:var(--spacing-3);flex-direction:column}.wiz-drop{min-width:0}.wiz-type-controls{flex-direction:column;max-width:none}.wiz-root{gap:var(--spacing-3);flex-direction:column}.wiz-root-note{margin-top:0}.wiz-handoff,.wiz-shape-extras{grid-template-columns:minmax(0,1fr)}.wiz-picker{width:calc(100vw - var(--spacing-6))}.wiz-modal{padding:var(--spacing-3)}}#wiz-scale-body .wiz-static-name{font-size:var(--type-label-md-size);line-height:var(--type-label-md-line-height);font-weight:var(--type-label-md-weight);letter-spacing:var(--type-label-md-tracking)}#wiz-scale-body .wiz-scale-drives{font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);font-weight:var(--type-caption-weight);color:hsl(var(--foreground-disabled));margin-top:var(--spacing-0_5)}.wiz-table:has(#wiz-scale-body) .wiz-col-base{width:var(--border-width-thin)}.wiz-table:has(#wiz-scale-body) .wiz-col-base,#wiz-scale-body>tr>td:first-child{padding-right:0}#wiz-scale-body .wiz-swatch-btn{border-color:#0000}#wiz-scale-body .wiz-swatch-btn.wiz-swatch--pale{border-color:hsl(var(--border-default))}.wiz-table tbody tr.wiz-scale-expand{border-top-style:dashed}.wiz-table:has(#wiz-scale-body) .wiz-col-act{width:var(--border-width-thin)}.wiz-table:has(#wiz-scale-body) .wiz-col-act,#wiz-scale-body>tr>td.wiz-scale-act{padding-left:0}#wiz-scale-body>tr:last-child>td:first-child{border-bottom-left-radius:calc(var(--radius-sm) - var(--border-width-thin))}#wiz-scale-body>tr:last-child>td:last-child{border-bottom-right-radius:calc(var(--radius-sm) - var(--border-width-thin))}.wiz-table tbody#wiz-scale-body>tr:last-child,.wiz-table tbody#wiz-scale-body>tr:last-child:hover{background:0 0}#wiz-scale-body>tr:last-child>td{background:hsl(var(--surface-card))}#wiz-role-body input.wiz-rename,#wiz-scale-body input.wiz-rename{font-size:var(--type-label-md-size);line-height:var(--type-label-md-line-height);font-weight:var(--type-label-md-weight);letter-spacing:var(--type-label-md-tracking)}.wiz-table:has(#wiz-role-body) .wiz-col-name{width:var(--spacing-56)}.wiz-table:has(#wiz-role-body) .wiz-col-val{width:var(--spacing-48)}.wiz-table:has(#wiz-role-body) .wiz-col-act{width:auto}.wiz-table--cols{--wiz-line:var(--border-width-thin) solid hsl(var(--border-default))}.wiz-table--cols thead th+th:not(.wiz-col-act),.wiz-table--cols tbody tr:not(.wiz-group-row)>td+td:not(.wiz-role-act){border-left:var(--wiz-line)}.wiz-table--cols thead th:has(+.wiz-col-act),.wiz-table--cols tbody tr:not(.wiz-group-row)>td:has(+.wiz-role-act){border-right:var(--wiz-line)}.wiz-radius-val{width:auto}.wiz-radius-base{margin-bottom:var(--spacing-4)}.wiz-radius-base[hidden]{display:none}.wiz-radius-base b{color:hsl(var(--foreground-primary));font-weight:600}.wiz-radius-snap{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:hsl(var(--warning-text));cursor:pointer;padding:0;display:block}.wiz-radius-snap:hover{text-decoration:underline}.wiz-radius-tiles{gap:var(--spacing-1_5);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.wiz-radius-tile{align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-2) var(--spacing-1) var(--spacing-1_5);border-radius:var(--radius-md);cursor:pointer;border:var(--border-width-thin) solid hsl(var(--border-default));flex-direction:column;display:flex}.wiz-radius-tile:hover{outline:var(--border-width-thin) solid hsl(var(--foreground-disabled));outline-offset:var(--border-width-thin)}.wiz-radius-tile.selected{outline:var(--border-width-thick) solid hsl(var(--foreground-primary));outline-offset:var(--border-width-thin)}.wiz-radius-tile[aria-disabled=true]{opacity:.35;cursor:not-allowed}.wiz-radius-tile[aria-disabled=true]:hover{outline:none}.wiz-radius-tile-shape{width:var(--spacing-7);height:var(--spacing-7);border-top:var(--border-width-thick) solid hsl(var(--brand-fill));border-left:var(--border-width-thick) solid hsl(var(--brand-fill))}.wiz-radius-tile-label{font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary))}#wiz-radius-roles .wiz-col-name{width:var(--spacing-44)}#wiz-radius-roles .wiz-col-val{width:var(--spacing-48)}#wiz-radius-roles .wiz-col-act{width:auto}.wiz-space-scale{align-items:center;gap:var(--spacing-3);display:flex}.wiz-space-track{flex:1;min-width:0}#wiz-spacing-table .wiz-col-name{width:var(--spacing-44)}#wiz-spacing-table .wiz-col-px{width:var(--spacing-56)}#wiz-spacing-table .wiz-col-act{width:var(--spacing-28)}.wiz-type-table th.wiz-col-act{width:var(--spacing-20)}.vt-table-wrap:has(.wiz-type-table){overflow:visible}.wiz-type-table .wiz-role-doc>.wiz-role-tip{inset-inline:auto 0}.wiz-type-table .wiz-role-doc>.wiz-role-tip:before{inset-inline-start:auto;inset-inline-end:var(--spacing-4);transform:translate(50%)}