.workspace-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:var(--bg);color:var(--ink);overflow:auto}.workspace-dialog::backdrop{background:var(--bg)}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4%;border-bottom:1px solid var(--line)}.workspace-head small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.workspace-head h2{margin:4px 0 0;font-size:20px;max-width:60vw;overflow-wrap:anywhere;letter-spacing:-.6px}.workspace-actions{display:flex;align-items:center;gap:10px}.workspace-tabs{display:flex;gap:8px;padding:14px 4%;border-bottom:1px solid var(--line)}.workspace-tabs button{padding:10px 24px;border:0;border-radius:99px;background:transparent;color:var(--muted);font-weight:700}.workspace-tabs [aria-pressed=true]{background:var(--ink);color:var(--bg)}.workspace-status{min-height:21px;margin:12px 4%;font-size:13px;color:var(--muted)}.workspace-panel{margin:0 4% 30px}.workspace-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:10px 0 18px;font-size:13px}.workspace-toolbar label{display:flex;align-items:center;gap:8px}.workspace-toolbar select{padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}#workspace-runtime{flex:1;color:var(--muted);font-size:12px}.code-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:480px;height:calc(100dvh - 285px)}.code-editor{display:flex;min-width:0;min-height:0;background:var(--soft)}#code-lines{margin:0;padding:20px 12px;text-align:right;font:13px/1.7 ui-monospace,monospace;color:var(--muted);background:var(--bg);overflow:hidden;user-select:none;min-width:42px}#workspace-source{border:0;resize:none;outline:0;width:100%;min-width:0;padding:20px 14px;font:13px/1.7 ui-monospace,monospace;background:transparent;color:var(--ink);tab-size:2}#workspace-preview{width:100%;height:100%;border:0;background:#fff;min-height:0}#workspace-notes label{display:block;font-size:14px;color:var(--muted);margin:20px 0}#workspace-note{width:100%;min-height:calc(100dvh - 300px);resize:vertical;border:1px solid var(--line);border-radius:16px;padding:25px;background:var(--bg);color:var(--ink);font-family:inherit;font-size:17px;line-height:1.8;outline:0}.sketch-paper{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;width:min(100%,1200px);margin:auto}#workspace-canvas{width:100%;display:block;touch-action:none;cursor:crosshair}.workspace-toolbar input[type=color]{width:32px;height:32px;padding:0;border:0;background:none}.workspace-toolbar input[type=range]{width:85px}
@media(max-width:700px){.workspace-head{align-items:flex-start;padding:18px;flex-wrap:wrap}.workspace-head h2{max-width:90vw;font-size:17px}.workspace-actions{width:100%;justify-content:flex-end}.workspace-tabs{padding:10px 18px}.workspace-panel{margin:0 18px 25px}.workspace-status{margin:12px 18px}.code-split{grid-template-columns:1fr;height:auto}.code-editor{height:360px}#workspace-preview{height:330px}.workspace-toolbar{gap:10px}#workspace-runtime{flex-basis:100%}}
.code-split.edit-only{grid-template-columns:1fr}