body{margin:0;font-family:system-ui,sans-serif}.lab-shell{box-sizing:border-box;flex-direction:column;gap:1rem;height:100vh;padding:1rem 1.5rem;display:flex}.lab-header{justify-content:space-between;align-items:center;display:flex}.lab-header h1{margin:0;font-size:1.25rem}.lab-header p{color:#666;margin:.25rem 0 0}.lab-commit{color:#fff;cursor:pointer;background:#1c1917;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.lab-commit:disabled{cursor:default;background:#d6d3d1}.lab-error{color:#b91c1c;margin:0}.lab-refusal{color:#b91c1c;border:1px solid #b91c1c;border-radius:.375rem;padding:.75rem 1rem}.lab-refusal p{margin:0}.lab-refusal pre{margin:.5rem 0 0;font-size:.75rem;overflow-x:auto}.lab-refusal-rendered{margin:.5rem 0 0;overflow-x:auto}.lab-refusal .lab-copy{margin-top:.5rem}.lab-import{border:1px solid #d6d3d1;border-radius:.375rem;padding:.75rem 1rem}.lab-import p{margin:0}.lab-import pre{margin:.5rem 0;font-family:ui-monospace,monospace;font-size:.75rem;overflow-x:auto}.lab-copy{cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:.375rem;padding:.25rem .625rem;font-size:.8125rem}.lab-panes{flex:1;gap:1.5rem;min-height:0;display:flex}.lab-token-list{width:22rem;overflow-y:auto}.lab-editors{border:0;min-width:0;margin:0;padding:0}.lab-editors:disabled{opacity:.5}.lab-empty{color:#666}.lab-section-title{letter-spacing:.05em;text-transform:uppercase;color:#666;margin:.75rem 0 .25rem;font-size:.6875rem;font-weight:600}.lab-density{align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.lab-density input[type=range]{flex:1;min-width:0}.lab-density input[type=number]{width:3.5rem;padding:.25rem .375rem;font-family:ui-monospace,monospace;font-size:.8125rem}.lab-reset,.lab-save-fit,.lab-fit button{cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:.375rem;padding:.25rem .625rem;font-size:.8125rem}.lab-reset:disabled,.lab-save-fit:disabled{color:#a8a29e;cursor:default}.lab-token-computed{color:#666;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.75rem}.lab-tabs{gap:.25rem;padding:.25rem 0;display:flex}.lab-tab{cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:.375rem;padding:.25rem .625rem;font-size:.8125rem}.lab-tab-active{color:#fff;background:#1c1917;border-color:#1c1917}.lab-shadow{padding:.125rem 0 .375rem}.lab-preset-row{gap:.25rem;padding:.125rem 0;display:flex}.lab-preset{cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}.lab-preset[aria-pressed=true]{color:#fff;background:#1c1917;border-color:#1c1917}.lab-shadow-sliders .lab-token{padding:.125rem 0}.lab-shadow-sliders input[type=range]{flex:2;min-width:0}.lab-token{align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.lab-token-name{flex:1;font-family:ui-monospace,monospace;font-size:.8125rem}.lab-token input[type=text]{width:9rem;padding:.25rem .375rem;font-family:ui-monospace,monospace;font-size:.8125rem}.lab-token select{max-width:9rem;padding:.25rem .375rem;font-size:.8125rem}.lab-preview{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.lab-preview-bar{justify-content:flex-end;gap:.5rem;display:flex}.lab-scheme-toggle,.lab-exit-compare,.lab-compare-draft{cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:.375rem;padding:.25rem .625rem;font-size:.8125rem}.lab-scheme-toggle[aria-pressed=true],.lab-compare-draft[aria-pressed=true],.lab-fit button[aria-pressed=true]{color:#fff;background:#1c1917;border-color:#1c1917}.lab-compare-draft:disabled,.lab-fit button:disabled{color:#a8a29e;cursor:default}.lab-compare-draft:disabled[aria-pressed=true],.lab-fit button:disabled[aria-pressed=true]{color:#fff}.lab-compare-panes{flex:1;gap:.75rem;min-height:0;display:flex}.lab-compare-side{flex-direction:column;flex:1;gap:.25rem;min-width:0;margin:0;display:flex}.lab-compare-side figcaption{color:#666;font-family:ui-monospace,monospace;font-size:.75rem}.lab-preview iframe{background:#fff;border:1px solid #d6d3d1;border-radius:.5rem;flex:1;width:100%;min-height:0}.lab-fit-save{align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.lab-fit-save input{flex:1;min-width:0;padding:.25rem .375rem;font-size:.8125rem}.lab-fit-list{margin:0;padding:0;list-style:none}.lab-fit{align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.lab-mutation select{width:100%;margin:.375rem 0;padding:.25rem .375rem;font-size:.8125rem}.lab-mutation-note{color:#666;margin:.375rem 0 0;font-size:.8125rem}