:root{--wiz-side-w:22rem}.wiz{grid-template-rows:auto 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-top{border-bottom:1px solid hsl(var(--border-default));background:hsl(var(--surface-card));flex-shrink:0;grid-column:1/-1;align-items:center;gap:1rem;height:4.5rem;padding:0 1.5rem;display:flex}.wiz-stepper{flex:1;align-items:center;gap:.25rem;display:flex;overflow-x:auto}.wiz-step{border-radius:var(--radius-md,8px);cursor:pointer;flex-shrink:0;align-items:center;gap:.625rem;padding:.5rem .875rem;display:flex}.wiz-step:hover{background:hsl(var(--surface-subtle))}.wiz-step-num{border:1px solid hsl(var(--border-strong));width:1.5rem;height:1.5rem;color:hsl(var(--foreground-muted));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.wiz-step-text{text-align:left;flex-direction:column;display:flex}.wiz-step-title{color:hsl(var(--foreground-secondary));font-size:.8125rem;font-weight:600}.wiz-step-caption{color:hsl(var(--foreground-muted));font-size:.75rem}.wiz-step.active{background:hsl(var(--surface-subtle))}.wiz-step.active .wiz-step-num{background:hsl(var(--brand-fill));color:hsl(var(--on-brand,0 0% 100%));border-color:#0000}.wiz-step.active .wiz-step-title{color:hsl(var(--foreground-primary))}.wiz-step.done .wiz-step-num{background:hsl(var(--success-fill));color:hsl(var(--on-success,0 0% 100%));border-color:#0000}.wiz-step-num svg{width:.875rem;height:.875rem}.wiz-top-actions{flex-shrink:0;gap:.5rem;display:flex}.wiz-side-btn{gap:.375rem}.wiz-side-btn svg{width:.875rem;height:.875rem}.wiz-side-btn[aria-pressed=true]{background:hsl(var(--surface-subtle));color:hsl(var(--foreground-primary))}@media (width<=1100px){.wiz-step-caption{display:none}.wiz-step{gap:.5rem;padding:.5rem .625rem}}.wiz-body{background:hsl(var(--surface-page));min-width:0;padding:2rem 1.5rem 4rem;overflow-y:auto}.wiz-panel{max-width:72rem;margin:0 auto}.wiz-panel[hidden]{display:none!important}.wiz-body:has(.wiz-panel[data-view="6"]:not([hidden])){flex-direction:column;padding-bottom:2rem;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:1.25rem}.wiz-panel-head p{max-width:48rem;margin-top:.375rem}.wiz-add-row{margin-top:.75rem}.wiz-table td{vertical-align:middle}.wiz-table tbody tr:hover{background:hsl(var(--surface-subtle))}.wiz-col-base{width:4.5rem}.wiz-col-name{width:17rem}.wiz-col-token{width:14rem}.wiz-col-val{width:13rem}.wiz-col-act{width:6.5rem}.wiz-group-row td{text-transform:uppercase;letter-spacing:.07em;color:hsl(var(--foreground-muted));background:hsl(var(--surface-page));padding-top:.5rem;padding-bottom:.5rem;font-size:.6875rem;font-weight:600}.wiz-group-row:hover td{background:hsl(var(--surface-page))}.wiz-table tbody tr.wiz-group-row{border-top:1px 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:2.5rem}.wiz-role-child .wiz-role-name:before{content:"";inset-inline-start:1.125rem;border-inline-start:1px solid hsl(var(--border-strong));position:absolute;top:0;bottom:0}.wiz-role-child .wiz-role-name{--wiz-branch:.5rem}.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:1.125rem;top:calc(50% - var(--wiz-branch));height:var(--wiz-branch);border-inline-start:1px solid hsl(var(--border-strong));border-bottom:1px solid hsl(var(--border-strong));border-end-start-radius:var(--wiz-branch);width:.625rem;position:absolute}.wiz-table tbody tr.wiz-role-child{border-top:0}.wiz-role-name-wrap{width:100%;display:flex}.wiz-role-tip{white-space:normal;width:17rem;line-height:1.45;font-weight:var(--font-weight-normal,400);inset-inline-start:0;transform:none}.wiz-role-name-wrap:focus-within>.wiz-role-tip{opacity:1}.wiz-role-token{font-family:var(--font-family-mono,monospace);color:hsl(var(--foreground-muted));margin-left:.0625rem;font-size:.75rem;display:block}.wiz-states-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.wiz-states-hint{color:hsl(var(--foreground-muted));font-size:.75rem}#wiz-role-body tr:hover .wiz-role-tip{opacity:1}.wiz-swatch-input{cursor:pointer;border:1px solid hsl(var(--border-default));border-radius:9999px;width:2rem;height:2rem;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-radius:var(--radius-sm,6px);width:100%;color:hsl(var(--foreground-primary));background:0 0;border:1px solid #0000;margin-left:-.5rem;padding:.25rem .5rem;font-size:.875rem}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{color:hsl(var(--foreground-primary));font-size:.875rem}.wiz-scale-drives{color:hsl(var(--foreground-muted));margin-top:.125rem;font-size:.75rem}.wiz-token{font-family:var(--font-family-mono,monospace);color:hsl(var(--foreground-muted));font-size:.75rem}.wiz-ramp{gap:.1875rem;display:flex}.wiz-ramp-chip{border-radius:var(--radius-sm,6px);flex:1;min-width:0;height:1.75rem;position:relative}.wiz-ramp-chip.anchor{outline:2px solid hsl(var(--foreground-primary));outline-offset:1px}.wiz-ramp-chip-generic{border:1px solid hsl(var(--border-default))}.wiz-ramp-chip-empty{background:0 0}.wiz-swatch-generic{cursor:default;background:linear-gradient(135deg, hsl(var(--generic-0)) 50%, hsl(var(--generic-1000)) 50%)}.wiz-val{cursor:pointer;border-radius:var(--radius-md,8px);text-align:left;border:1px solid #0000;align-items:center;gap:.5rem;width:100%;margin-left:-.5rem;padding:.3125rem .5rem;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{border-radius:var(--radius-sm,6px);border:1px solid hsl(var(--border-default));flex-shrink:0;width:1.5rem;height:1.5rem}.wiz-val-text{color:hsl(var(--foreground-secondary));font-size:.8125rem}.wiz-val-auto{border:1px solid hsl(var(--border-default));border-radius:var(--radius-sm,6px);color:hsl(var(--foreground-muted));margin-inline-start:.375rem;padding:0 .25rem;font-size:.6875rem}.wiz-remove{border-radius:var(--radius-sm,6px);width:1.75rem;height:1.75rem;color:hsl(var(--foreground-muted));cursor:pointer;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.wiz-remove:hover{background:hsl(var(--error-surface));color:hsl(var(--error-fill))}.wiz-add-token{color:hsl(var(--brand-fill));cursor:pointer;padding:.25rem 0;font-size:.8125rem}.wiz-add-token:hover{text-decoration:underline}.wiz-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm,6px);background:hsl(var(--brand-fill));color:hsl(var(--on-brand,0 0% 100%));vertical-align:middle;margin-left:.375rem;padding:.0625rem .25rem;font-size:.75rem;font-weight:600}.wiz-role-act{text-align:right;white-space:nowrap}.wiz-role-act .wiz-badge{margin-inline-end:.25rem}.wiz-shape-cols{grid-template-columns:minmax(0,1fr) 18rem;align-items:start;gap:1.5rem;display:grid}@media (width<=1000px){.wiz-shape-cols{grid-template-columns:minmax(0,1fr)}}.wiz-radius-input{border:1px solid hsl(var(--border-default));border-radius:var(--radius-sm,6px);background:hsl(var(--surface-card));width:4.5rem;color:hsl(var(--foreground-primary));padding:.25rem .5rem;font-size:.8125rem}.wiz-radius-input:focus{border-color:hsl(var(--focus-ring));outline:none}.wiz-rem{color:hsl(var(--foreground-muted));font-size:.75rem;font-family:var(--font-family-mono,monospace);white-space:nowrap;margin-left:.5rem}.wiz-radius-unit{color:hsl(var(--foreground-muted));white-space:nowrap;margin-left:.375rem;font-size:.75rem}.wiz-table td:has(>.wiz-radius-input){white-space:nowrap}.wiz-radius-preview{background:hsl(var(--brand-fill) / .16);border:1.5px solid hsl(var(--brand-fill));width:7rem;max-width:100%;height:4rem}.wiz-table--dense td{padding-top:.375rem;padding-bottom:.375rem}.wiz-shape-extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=1000px){.wiz-shape-extras{grid-template-columns:minmax(0,1fr)}}.wiz-sub-note{margin:.125rem 0 .625rem}.wiz-bw{margin-top:1.5rem}.wiz-bw-label{margin-bottom:.5rem}.wiz-bw-opts{flex-wrap:wrap;gap:.5rem;display:flex}.wiz-bw-opt{cursor:pointer;border:1px solid hsl(var(--border-default));border-radius:var(--radius-md,8px);background:hsl(var(--surface-card));flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .75rem;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 1px hsl(var(--brand-fill))}.wiz-bw-sample{border-radius:var(--radius-sm,6px);border-style:solid;border-color:hsl(var(--foreground-secondary));width:2.5rem;height:1.5rem}.wiz-bw-name{color:hsl(var(--foreground-secondary));font-size:.75rem}.wiz-concentric{border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);background:hsl(var(--surface-card));padding:1rem;position:sticky;top:0}.wiz-concentric-head p{margin-top:.25rem}.wiz-concentric-demo{margin:1rem 0 .75rem}.wiz-concentric-outer{background:hsl(var(--surface-subtle));border:1px solid hsl(var(--border-default))}.wiz-concentric-inner{background:hsl(var(--brand-fill) / .16);border:1.5px solid hsl(var(--brand-fill));height:4rem}.wiz-concentric-math{color:hsl(var(--foreground-muted));font-family:var(--font-family-mono,monospace)}.wiz-density{margin-bottom:1.25rem}.wiz-root{border:1px solid hsl(var(--border-default));border-radius:var(--radius-lg,12px);background:hsl(var(--surface-card));align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;padding:.875rem 1rem;display:flex}.wiz-root-field{flex:none}.wiz-root-input{align-items:center;display:flex}.wiz-root-note{max-width:44rem;margin:1.25rem 0 0;line-height:1.5}.wiz-root-note b{color:hsl(var(--foreground-secondary));font-weight:600}.wiz-grid-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;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:.625rem}.wiz-col-px{width:7rem}.wiz-space-bar{border-radius:var(--radius-xs,4px);background:hsl(var(--brand-fill) / .7);min-width:1px;height:.75rem}.wiz-space-px{color:hsl(var(--foreground-muted));margin-left:.375rem;font-size:.75rem}.wiz-type-controls{gap:.75rem;max-width:18rem;margin-bottom:1.5rem;display:flex}.wiz-type-cols{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1.5rem;display:grid}@media (width<=1100px){.wiz-type-cols{grid-template-columns:minmax(0,1fr)}}.wiz-type-note{border:1px solid hsl(var(--warning-fill));border-radius:var(--radius-md,8px);background:hsl(var(--warning-surface));color:hsl(var(--foreground-primary));margin-bottom:1rem;padding:.625rem .875rem;font-size:.8125rem}.wiz-type-note[hidden]{display:none}.wiz-type-section{margin-bottom:2rem}.wiz-type-section-head{margin-bottom:.75rem}.wiz-type-section-head h2{margin:0 0 .25rem}.wiz-type-section-head p{max-width:46rem;margin:0}.wiz-type-derived{margin-top:1.5rem}.wiz-type-derived-head{max-width:46rem;margin:0 0 .625rem}.wiz-type-ladder{flex-wrap:wrap;gap:.5rem;display:flex}.wiz-type-step{border:1px solid hsl(var(--border-default));border-radius:var(--radius-md,8px);background:hsl(var(--surface-subtle));align-items:baseline;gap:.5rem;padding:.25rem .625rem;display:inline-flex}.wiz-type-step-name{font-family:var(--font-family-mono,monospace);color:hsl(var(--foreground-secondary));font-size:.75rem}.wiz-type-step-px{color:hsl(var(--foreground-muted));font-size:.75rem}.wiz-type-editor .vt-table-wrap{overflow-x:auto}.wiz-type-table{table-layout:fixed;min-width:56rem}.wiz-type-table th.wiz-type-col-num{width:6.5rem}.wiz-type-table th.wiz-type-col-name{width:11rem}.wiz-type-table td{vertical-align:middle}.wiz-type-name-cell{display:table-cell}.wiz-type-name-cell .wiz-static-name{display:block}.wiz-type-purpose{color:hsl(var(--foreground-muted));margin-top:.125rem;font-size:.75rem;line-height:1.4;display:block}.wiz-type-preview-cell{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:4rem}.wiz-type-table th.wiz-type-col-size{width:13.5rem}.wiz-type-table th.wiz-col-act{width:3rem}.wiz-type-size-cell{white-space:nowrap}.wiz-type-size-cell .wiz-type-size{width:6.5rem}.wiz-type-size-px{color:hsl(var(--foreground-muted));margin-inline-start:.5rem;font-size:.75rem}.wiz-type-size-px--off{color:hsl(var(--warning-fill))}.wiz-type-table th.wiz-type-col-weight{width:10.5rem}.wiz-type-weight-cell{white-space:nowrap}.wiz-type-weight-cell .wiz-type-weight{width:7rem}.wiz-type-weight-num{color:hsl(var(--foreground-muted));margin-inline-start:.5rem;font-size:.75rem}.wiz-type-table .wiz-group-name{letter-spacing:.06em;font-size:.8125rem}.wiz-type-table .wiz-group-note{text-transform:none;letter-spacing:0;color:hsl(var(--foreground-muted));margin-inline-start:.75rem;font-weight:400}.wiz-type-removed{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.875rem;display:flex}.wiz-type-removed-label{color:hsl(var(--foreground-muted));font-size:.75rem}.wiz-type-restore{border:1px dashed hsl(var(--border-strong));border-radius:var(--radius-full,999px);color:hsl(var(--foreground-secondary));cursor:pointer;background:0 0;padding:.1875rem .625rem;font-size:.75rem}.wiz-type-restore:hover{border-style:solid;border-color:hsl(var(--brand-fill));color:hsl(var(--brand-fill))}.wiz-type-restore:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.wiz-row-warn{color:hsl(var(--warning-fill));font-weight:600}.wiz-specimen{border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);background:hsl(var(--surface-card));padding:1.5rem;position:sticky;top:0}.wiz-specimen h3{color:hsl(var(--foreground-primary));margin:0 0 .5rem;line-height:1.2}.wiz-specimen p{color:hsl(var(--foreground-secondary));margin:0 0 1rem}.wiz-specimen .wiz-specimen-meta{color:hsl(var(--foreground-muted));margin:0}.wiz-field{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.wiz-field-label{color:hsl(var(--foreground-muted));font-size:.75rem}.wiz-select{appearance:none;cursor:pointer;border:1px solid hsl(var(--border-default));border-radius:var(--radius-md,8px);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-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;padding:.375rem 2rem .375rem .625rem;font-family:inherit;font-size:.8125rem}.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{flex:1;grid-template-columns:13rem minmax(0,1fr) 18rem;align-items:stretch;gap:1rem;min-height:24rem;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:1px solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);background:hsl(var(--surface-card));flex-direction:column;min-height:0;display:flex;overflow:hidden}.wiz-pane-head{border-bottom:1px solid hsl(var(--border-default));text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));flex-shrink:0;align-items:baseline;gap:.5rem;padding:.625rem .875rem;font-size:.75rem;font-weight:600;display:flex}.wiz-pane-head .wiz-token{text-transform:none;letter-spacing:0;font-weight:400}.wiz-pane-head--stage{align-items:center}.wiz-stage-id{flex-direction:column;gap:.0625rem;min-width:0;margin-right:auto;display:flex}.wiz-stage-name{text-transform:none;letter-spacing:0;color:hsl(var(--foreground-primary));font-size:.8125rem;font-weight:600}.wiz-pane-head--stage .wiz-token{white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.wiz-pane-head--stage .wiz-vision{flex-shrink:0;width:auto}.wiz-comp-list{flex:1;padding:.375rem;overflow-y:auto}.wiz-comp-item{text-align:left;cursor:pointer;border-radius:var(--radius-sm,6px);width:100%;color:hsl(var(--foreground-secondary));padding:.375rem .5rem;font-size:.8125rem;display:block}.wiz-comp-item:hover{background:hsl(var(--surface-subtle))}.wiz-comp-item.active{background:hsl(var(--brand-fill));color:hsl(var(--on-brand,0 0% 100%));font-weight:500}.wiz-comp-item .wiz-dot{background:hsl(var(--brand-fill));vertical-align:middle;border-radius:9999px;width:.375rem;height:.375rem;margin-left:.375rem;display:inline-block}.wiz-comp-item.active .wiz-dot{background:hsl(var(--on-brand,0 0% 100%))}.wiz-states{border-bottom:1px solid hsl(var(--border-default));flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.125rem;padding:.5rem .625rem;display:flex}.wiz-states:empty{display:none}.wiz-states-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));margin-right:.375rem;font-size:.6875rem;font-weight:600}.wiz-state-btn{border-radius:var(--radius-sm,6px);cursor:pointer;text-transform:none;letter-spacing:0;color:hsl(var(--foreground-muted));padding:.1875rem .5rem;font-size:.75rem;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,0 0% 100%))}.wiz-stage-canvas{flex-direction:column;flex:1;justify-content:flex-start;gap:1rem;padding:2rem;display:flex;overflow:auto}.wiz-stage-host{width:100%;max-width:44rem;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:18rem}.wiz-stage-host:has(.vt-select-dropdown.open,.vt-popover-content.vt-open,.vt-dropdown-menu.vt-open){min-height:22rem}.wiz-stage-host:has(.vt-tooltip){padding-top:3rem}.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{color:hsl(var(--warning-fill));margin:0;font-size:.75rem}.wiz-token-rows{flex:1;padding:.5rem;overflow-y:auto}.wiz-composed-tag{text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--foreground-muted));margin-left:.375rem;font-size:.75rem}.wiz-comp-item.active .wiz-composed-tag{color:hsl(var(--on-brand,0 0% 100%));opacity:.75}.wiz-state-tune{border:1px solid hsl(var(--border-default));border-radius:var(--radius-md,8px);background:hsl(var(--surface-subtle));margin:0 0 .5rem;padding:.5rem .625rem}.wiz-state-tune-note{color:hsl(var(--foreground-muted));margin:0;font-size:.75rem;line-height:1.45}.wiz-state-tune-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));margin-bottom:.375rem;font-size:.75rem;font-weight:600}.wiz-state-tune-row{color:hsl(var(--foreground-secondary));justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.wiz-state-tune-row .wiz-select{width:5rem;padding:.1875rem .375rem;font-size:.75rem}.wiz-composed-note{color:hsl(var(--foreground-muted));margin:0;padding:.5rem;font-size:.75rem;line-height:1.5}.wiz-pane-foot{border-top:1px solid hsl(var(--border-default));flex-shrink:0;padding:.75rem}.wiz-comp-name{color:hsl(var(--foreground-primary));font-size:.875rem;font-weight:500}.wiz-chips{flex-wrap:wrap;gap:.375rem;display:flex}.wiz-chip{cursor:pointer;border-radius:var(--radius-sm,6px);border:1px solid hsl(var(--border-default));background:hsl(var(--surface-card));font-family:var(--font-family-mono,monospace);color:hsl(var(--foreground-secondary));align-items:center;gap:.375rem;padding:.1875rem .5rem;font-size:.75rem;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{border:1px solid hsl(var(--border-default));border-radius:9999px;flex-shrink:0;width:.625rem;height:.625rem}.wiz-chip-arrow{color:hsl(var(--foreground-muted))}.wiz-out{border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);background:hsl(var(--surface-card));padding:1rem;position:sticky;top:0}.wiz-out-head p{margin-top:.25rem}.wiz-out-code{background:hsl(var(--surface-subtle));border-radius:var(--radius-md,8px);max-height:22rem;font-family:var(--font-family-mono,monospace);color:hsl(var(--foreground-secondary));white-space:pre;margin:.75rem 0;padding:.75rem;font-size:.75rem;line-height:1.6;overflow:auto}.wiz-block-btn{justify-content:center;width:100%}.wiz-token-list{max-height:22rem;padding:.5rem;overflow-y:auto}.wiz-token-opt{cursor:pointer;border-radius:var(--radius-sm,6px);text-align:left;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;display:flex}.wiz-token-opt:hover,.wiz-token-opt.selected{background:hsl(var(--surface-subtle))}.wiz-token-opt-name{color:hsl(var(--foreground-primary));font-size:.8125rem}.wiz-token-opt-var{font-family:var(--font-family-mono,monospace);color:hsl(var(--foreground-muted));margin-left:auto;font-size:.75rem}.wiz-audit{margin-bottom:1.25rem}.wiz-audit:empty{display:none}.wiz-audit-bar{border-radius:var(--radius-md,8px);border:1px solid hsl(var(--border-default));background:hsl(var(--surface-card));flex-wrap:wrap;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.8125rem;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{border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.wiz-audit-summary{color:hsl(var(--foreground-primary));font-weight:500}.wiz-audit-toggle{color:hsl(var(--brand-fill));cursor:pointer;margin-left:auto;font-size:.75rem}.wiz-audit-toggle:hover{text-decoration:underline}.wiz-audit-list{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.wiz-audit-list[hidden]{display:none}.wiz-audit-item{color:hsl(var(--foreground-secondary));align-items:baseline;gap:.5rem;padding:.375rem .875rem;font-size:.75rem;line-height:1.5;display:flex}.wiz-audit-mode{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground-muted));flex-shrink:0;min-width:2.5rem;font-size:.75rem}.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{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;margin-bottom:1.25rem;display:flex}.wiz-start-presets{flex-direction:column;gap:.375rem;display:flex}.wiz-start-btns{flex-wrap:wrap;gap:.5rem;display:flex}.wiz-drop{cursor:pointer;border:1px dashed hsl(var(--border-strong));border-radius:var(--radius-md,8px);min-width:16rem;color:hsl(var(--foreground-muted));text-align:center;flex:1;padding:.625rem .875rem;font-size:.75rem}.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{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}@media (width<=1000px){.wiz-handoff{grid-template-columns:minmax(0,1fr)}}.wiz-deliver{border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);background:hsl(var(--surface-card));padding:1.25rem}.wiz-deliver-head h2{margin:0 0 .375rem}.wiz-deliver-head p{margin:0;line-height:1.5}.wiz-deliver-facts{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:1rem 0;font-size:.75rem;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{flex-wrap:wrap;gap:.5rem;display:flex}.wiz-deliver-code{background:hsl(var(--surface-subtle));border-radius:var(--radius-md,8px);max-height:16rem;font-family:var(--font-family-mono,monospace);color:hsl(var(--foreground-secondary));white-space:pre;margin:1rem 0 0;padding:.75rem;font-size:.75rem;line-height:1.6;overflow:auto}.wiz-install,.wiz-reopen{max-width:46rem;margin-top:1.25rem}.wiz-reopen p{margin:.25rem 0 0;line-height:1.5}.wiz-mini{width:var(--wiz-side-w);border-left:1px 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{border-bottom:1px solid hsl(var(--border-default));text-transform:uppercase;letter-spacing:.06em;height:4.5rem;color:hsl(var(--foreground-muted));background:hsl(var(--surface-card));flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.75rem;font-weight:600;display:flex}.wiz-mini-head,.wiz-mini-body{min-width:var(--wiz-side-w)}.wiz-mini-toggle{border-radius:var(--radius-sm,6px);cursor:pointer;width:1.5rem;height:1.5rem;color:hsl(var(--foreground-muted));justify-content:center;align-items:center;font-size:.875rem;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:.125rem;display:flex}.wiz-mini-body{min-height:0;padding:var(--spacing-4,1rem);gap:var(--spacing-3,.75rem);flex-direction:column;flex:1;display:flex;overflow-y:auto}.wiz-mini-card{background:hsl(var(--surface-card));border:var(--border-width-default,1px) solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-lg,none);padding:var(--spacing-4,1rem);gap:var(--spacing-2,.5rem);flex-direction:column;display:flex}.wiz-mini-body .vt-input{width:100%}.wiz-mini-alert{align-items:flex-start}.wiz-mini-alert-icon{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.wiz-mini-alert-title{font-size:var(--font-size-sm,.875rem);font-weight:600}.wiz-mini-alert-desc{font-size:var(--font-size-xs,.75rem);opacity:.85;margin-top:.125rem}.wiz-mini-brand{border-radius:var(--radius-lg,12px);background:hsl(var(--brand-fill));width:2.25rem;height:2.25rem;color:hsl(var(--on-brand,0 0% 100%));justify-content:center;align-self:center;align-items:center;display:flex}.wiz-mini-brand svg{width:1.5rem;height:1.5rem}.wiz-mini-title{font-size:var(--font-size-lg,1.125rem);text-align:center;font-weight:600;line-height:1.3}.wiz-mini-sub{font-size:var(--font-size-sm,.875rem);color:hsl(var(--foreground-muted));text-align:center;margin:calc(var(--spacing-1,.25rem) * -1.5) 0 var(--spacing-1,.25rem)}.wiz-mini-field{gap:var(--spacing-1,.25rem);flex-direction:column;display:flex}.wiz-mini-field span{font-size:var(--font-size-xs,.75rem);color:hsl(var(--foreground-secondary));font-weight:500}.wiz-mini-field-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.wiz-mini-check{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);color:hsl(var(--foreground-secondary));display:flex}.wiz-mini-submit{justify-content:center;width:100%}.wiz-mini-or{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);color:hsl(var(--foreground-muted));display:flex}.wiz-mini-or:before,.wiz-mini-or:after{content:"";height:var(--border-width-default,1px);background:hsl(var(--border-default));flex:1}.wiz-mini-foot{font-size:var(--font-size-xs,.75rem);color:hsl(var(--foreground-muted));text-align:center}.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,.5rem);display:flex}.wiz-mini-card-title{font-size:var(--font-size-base,1rem);font-weight:600}.wiz-mini-feed{gap:var(--spacing-2,.5rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wiz-mini-feed li{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-sm,.875rem);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,.75rem);color:hsl(var(--foreground-muted))}.wiz-mini-dot{border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.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,.25rem);font-size:var(--font-size-xs,.75rem);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:-.5rem}.wiz-mini-avatars .vt-avatar{font-size:var(--font-size-xs,.75rem);color:hsl(var(--foreground-muted));box-shadow:0 0 0 2px hsl(var(--surface-card));font-weight:500}.wiz-mini-badges{gap:var(--spacing-1,.25rem);flex-wrap:wrap;display:flex}.wiz-picker-new{border:1px dashed hsl(var(--border-strong));border-radius:var(--radius-md,8px);width:100%;color:hsl(var(--foreground-muted));cursor:pointer;text-align:center;margin-top:.625rem;padding:.375rem .5rem;font-size:.75rem;display:block}.wiz-picker-new:hover{border-color:hsl(var(--brand-fill));color:hsl(var(--brand-fill))}.wiz-picker-auto{border:1px solid hsl(var(--border-default));border-radius:var(--radius-md,8px);width:100%;color:hsl(var(--foreground-secondary));cursor:pointer;text-align:center;margin-bottom:.625rem;padding:.375rem .5rem;font-size:.75rem;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;background:#0006;justify-content:center;align-items:flex-start;padding:1.5rem 2rem 2rem;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)}.wiz-modal-panel{background:hsl(var(--surface-card));border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);flex-direction:column;width:60rem;max-width:100%;max-height:calc(100dvh - 3rem);display:flex;overflow:hidden;box-shadow:0 20px 48px #0000003d}.wiz-modal-head{border-bottom:1px solid hsl(var(--border-default));flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.wiz-modal-title{border-radius:var(--radius-sm,6px);width:14rem;min-width:6rem;max-width:40%;color:hsl(var(--foreground-primary));background:0 0;border:1px solid #0000;flex:0 auto;margin-left:-.5rem;padding:.25rem .5rem;font-size:1rem;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{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1rem 1rem 1.25rem;display:flex}.wiz-modal-drives{color:hsl(var(--foreground-muted));white-space:nowrap;margin-right:auto;font-size:.75rem}.wiz-toast{z-index:140;pointer-events:none;border-radius:var(--radius-md,8px);background:hsl(var(--surface-strong));color:hsl(var(--foreground-primary));border:1px solid hsl(var(--border-default));opacity:0;padding:.625rem 1rem;font-size:.8125rem;transition:opacity .18s,transform .18s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1rem);box-shadow:0 8px 24px #0000002e}.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;padding:0}.wiz-swatch-btn:hover{box-shadow:0 0 0 2px hsl(var(--focus-ring))}.wiz-picker{z-index:130;background:hsl(var(--surface-card));border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl,16px);width:30rem;max-width:calc(100vw - 2rem);position:fixed;overflow:hidden;box-shadow:0 12px 32px #00000029}.wiz-picker-head{border-bottom:1px solid hsl(var(--border-default));color:hsl(var(--foreground-primary));justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.wiz-picker-close{border-radius:var(--radius-sm,6px);cursor:pointer;width:1.5rem;height:1.5rem;color:hsl(var(--foreground-muted));justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.wiz-picker-close:hover{background:hsl(var(--surface-subtle))}.wiz-picker-grid{max-height:24rem;padding:.75rem .875rem;overflow-y:auto}.wiz-picker-row+.wiz-picker-row{margin-top:.625rem}.wiz-picker-row-label{color:hsl(var(--foreground-muted));margin-bottom:.25rem;font-size:.75rem;font-weight:500}.wiz-picker-chips{gap:.1875rem;display:flex}.wiz-picker-chip{cursor:pointer;border-radius:var(--radius-sm,6px);border:1px solid #0000;flex:1;min-width:0;height:1.75rem}.wiz-picker-chip:hover{transform:scale(1.12)}.wiz-picker-chip.selected{outline:2px solid hsl(var(--foreground-primary));outline-offset:1px}.wiz-stage-mode{margin-left:.5rem}@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:1px 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:2.75rem}.wiz-mini-body{align-items:center}.wiz-mini-body>*{width:100%;max-width:23rem}body.wiz-side-open .wiz-modal{right:0}}@media (width<=720px){.wiz-top{height:auto;padding:.5rem .75rem}.wiz-side-btn span{display:none}.wiz-body{padding:1.25rem 1rem 5rem}.wiz .vt-table-wrap{overflow-x:auto}.wiz .wiz-table{min-width:42rem}.wiz .wiz-type-table{min-width:56rem}.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:10rem}.wiz .wiz-role-tip{width:14rem}.wiz-panel-head h1{font-size:1.0625rem}.wiz-start{flex-direction:column;align-items:stretch;gap:.75rem}.wiz-drop{min-width:0}.wiz-type-controls{flex-direction:column;max-width:none}.wiz-root{flex-direction:column;gap:.75rem}.wiz-root-note{margin-top:0}.wiz-handoff,.wiz-shape-extras{grid-template-columns:minmax(0,1fr)}.wiz-picker{width:calc(100vw - 1.5rem)}.wiz-modal{padding:.75rem}}