.wb-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.studio{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr) minmax(300px,340px);flex:1 1 auto;min-height:0}.studio-panel{min-height:0;overflow-y:auto;padding:20px}.studio-controls{border-right:1px solid var(--border);background:var(--bg-alt)}.studio-audit{border-left:1px solid var(--border);background:var(--bg-alt)}.studio-stage{background:var(--bg);display:flex;flex-direction:column;padding:0}.studio-head{margin-bottom:22px}.studio-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}.studio-title{font-family:var(--font-display);font-size:28px;line-height:1.1;color:var(--text-heading);margin:0 0 8px}.studio-sub{font-size:13.5px;line-height:1.45;color:var(--text-muted);margin:0}.studio-block{margin-bottom:20px}.studio-h2{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px}.studio-starters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-starter{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;font:inherit;color:var(--text-body);text-align:left;transition:border-color .12s,box-shadow .12s}.studio-starter:hover{border-color:var(--accent)}.studio-starter.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.studio-swatches{display:inline-flex;border-radius:4px;overflow:hidden;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000014}.studio-swatches i{width:11px;height:22px;display:block}.studio-starter-name{font-size:13px;font-weight:600}.studio-name-row{display:block}.studio-name{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-heading);font-family:var(--font-mono);font-size:13px}.studio-name:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.studio-group{margin-bottom:14px}.studio-group h3{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px;opacity:.8}.studio-field{display:flex;align-items:center;gap:8px;padding:4px 0}.studio-field input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;flex:0 0 auto}.studio-field input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.studio-field input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.studio-hex{width:84px;flex:0 0 auto;padding:5px 7px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-body);font-family:var(--font-mono);font-size:12px;text-transform:lowercase}.studio-hex:focus{outline:none;border-color:var(--accent)}.studio-field-label{font-size:12.5px;color:var(--text-body)}.studio-actions{display:flex;gap:8px;position:sticky;bottom:0;padding-top:14px;margin-top:6px;background:linear-gradient(to top,var(--bg-alt) 70%,transparent)}.studio-btn{flex:1 1 0;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-heading);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.studio-btn:hover{border-color:var(--accent)}.studio-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.studio-primary:hover{filter:brightness(1.05)}.studio-stage-head{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--border);flex:0 0 auto}.studio-stage-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.studio-mode{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.studio-mode-btn{padding:4px 14px;border:0;background:var(--bg);color:var(--text-muted);font:inherit;font-size:12px;cursor:pointer}.studio-mode-btn.is-active{background:var(--accent);color:var(--on-accent)}.studio-status{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}.studio-status.err{color:#c0392b}.studio-preview-host{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px}.studio-preview-host iframe.studio-frame{width:100%;border:0;display:block;min-height:1400px}.studio-meter-summary{font-size:12.5px;font-weight:600;margin:0 0 12px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.studio-meter-summary.ok{color:#1f7a4d;border-color:#1f7a4d44}.studio-meter-summary.bad{color:#b26a00;border-color:#b26a0044}.studio-meter{display:flex;flex-direction:column;gap:3px}.studio-pair{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;font-size:12px}.studio-pair.ok{background:color-mix(in srgb,#1f7a4d 7%,transparent)}.studio-pair.bad{background:color-mix(in srgb,#c0392b 9%,transparent)}.studio-pair.na{opacity:.6}.studio-pair-role{color:var(--text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-pair-chip{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;border:1px solid rgba(0,0,0,.12)}.studio-pair-ratio{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);min-width:48px;text-align:right}.studio-css{margin-top:16px}.studio-css summary{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);cursor:pointer}.studio-code{margin-top:8px;max-height:280px;overflow:auto;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);font-family:var(--font-mono);font-size:10.5px;line-height:1.45;color:var(--text-body);white-space:pre}.studio-ai{border-bottom:1px solid var(--border);padding-bottom:16px}.studio-ai-status{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin:0 0 8px}.studio-ai-status.err{color:#b26a00}.studio-ai-row{display:flex;gap:8px}.studio-ai-prompt{flex:1 1 auto;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-heading);font:inherit;font-size:13px}.studio-ai-prompt:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.studio-ai-row .studio-ai-ask{flex:0 0 auto}.studio-ai-connect{width:100%;margin-top:8px}.studio-ai-history{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.studio-ai-chip{max-width:100%;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-body);font:inherit;font-size:11.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-ai-chip:hover{border-color:var(--accent);color:var(--accent)}.studio-tabs{display:none}@media(max-width:1024px){.wb-page{height:auto;min-height:100dvh;overflow:visible}.studio{grid-template-columns:1fr}.studio-panel{overflow:visible}.studio-controls,.studio-audit{border:0;border-top:1px solid var(--border)}.studio-stage{padding:0}.studio-preview-host{height:68vh}.studio-preview-host iframe.studio-frame{min-height:1100px}.studio-actions{position:static;background:none}.studio-tabs{display:flex;background:var(--bg-alt);border-bottom:1px solid var(--border)}.studio-tab{flex:1 1 0;padding:11px 8px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent}.studio-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.studio[data-tab=design] .studio-stage,.studio[data-tab=design] .studio-audit,.studio[data-tab=preview] .studio-controls,.studio[data-tab=preview] .studio-audit,.studio[data-tab=contrast] .studio-controls,.studio[data-tab=contrast] .studio-stage{display:none}}.studio[hidden]{display:none}.studio-lib-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.studio-lib-head .studio-h2{margin:0}.studio-lib-save{flex:0 0 auto;padding:5px 12px}.studio-library{display:flex;flex-direction:column;gap:6px}.studio-lib-empty{font-size:12px;color:var(--text-muted);margin:0}.studio-lib-item{display:grid;grid-template-columns:1fr auto;gap:6px}.studio-lib-load{text-align:left;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-body);font:inherit;font-size:12.5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-lib-load:hover{border-color:var(--accent);color:var(--accent)}.studio-lib-del{width:30px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer}.studio-lib-del:hover{border-color:#b26a00;color:#b26a00}.wb-faculty{display:flex;gap:4px;padding:8px 20px;background:var(--bg-alt);border-bottom:1px solid var(--border);flex:0 0 auto}.wb-faculty-btn{padding:6px 14px;border:1px solid transparent;border-radius:999px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer}.wb-faculty-btn:hover{color:var(--text-heading)}.wb-faculty-btn.is-active{background:var(--bg);border-color:var(--border);color:var(--accent)}.lstudio-fields{display:flex;flex-direction:column;gap:8px}.lstudio-field{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px}.lstudio-field>span{font-size:12px;color:var(--text-muted)}.lstudio-field input,.lstudio-field select{box-sizing:border-box;width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-heading);font:inherit;font-size:13px}.lstudio-field input:focus,.lstudio-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lstudio-name{font-family:var(--font-mono)}.lstudio-css-editor,.lstudio-skeleton-editor{box-sizing:border-box;width:100%;resize:vertical;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-body);font-family:var(--font-mono);font-size:11.5px;line-height:1.5;tab-size:2}.lstudio-css-editor:focus,.lstudio-skeleton-editor:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lstudio-findings-summary{font-size:12.5px;font-weight:600;margin:0 0 12px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.lstudio-findings-summary.ok{color:#1f7a4d;border-color:#1f7a4d44}.lstudio-findings-summary.bad{color:#b26a00;border-color:#b26a0044}.lstudio-findings{display:flex;flex-direction:column;gap:6px}.lstudio-finding{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;padding:6px 8px;border-radius:6px;font-size:12px;border:1px solid var(--border)}.lstudio-finding.bad{background:color-mix(in srgb,#b26a00 8%,transparent)}.lstudio-finding.warn{background:color-mix(in srgb,var(--text-muted) 8%,transparent)}.lstudio-finding-rule{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.lstudio-finding-msg{color:var(--text-body)}@media(max-width:460px){.studio-starters{grid-template-columns:1fr}.studio-ai-row{flex-wrap:wrap}.studio-ai-row .studio-btn{flex:1 1 100%}.lstudio-field{grid-template-columns:1fr}}.studio-preview-config{margin:0 0 .7rem;padding:.6rem .85rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--text-heading) 3%,var(--bg));max-width:24rem}.studio-preview-setup-btn[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}