.studio-root{max-width:1580px;margin:auto}.studio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:7px 0 26px}.studio-heading h1{font-size:38px;letter-spacing:-.055em;margin:10px 0 12px}.studio-heading p{font-size:14px;line-height:1.55;color:var(--muted);max-width:650px}.studio-actions{display:flex;gap:10px;flex-shrink:0}.studio-project-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.25fr) minmax(140px,.7fr);align-items:end;gap:18px;padding:20px;background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.studio-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:650;color:var(--muted)}.studio-field input,.studio-field select,.studio-field textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #cbd8cf;background:white;color:var(--ink);border-radius:10px;font:500 13px/1.4 "DM Sans",Arial,sans-serif}.studio-field textarea{resize:vertical;min-height:112px}.studio-save-state{font-size:12px;color:var(--muted);padding-bottom:11px;line-height:1.4}.studio-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px}.studio-controls{display:flex;flex-direction:column;gap:16px}.studio-panel{margin:0;padding:18px 18px 20px;background:white;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:16px;min-width:0}.studio-panel legend{font-size:14px;font-weight:750;letter-spacing:-.015em;padding:0 6px;color:var(--ink)}.studio-help{font-size:11px;line-height:1.6;color:var(--muted)}.studio-numeric{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-swatches{display:flex;gap:9px;flex-wrap:wrap;padding:3px}.studio-swatch{width:33px;height:33px;border:2px solid #dce4de;border-radius:50%;overflow:hidden;white-space:nowrap;font-size:0;cursor:pointer;padding:0}.studio-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.studio-swatch:disabled{cursor:default}.studio-text-link{border:0;background:transparent;text-align:left;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:650;color:var(--green);padding:4px 0;cursor:pointer}.studio-preview{position:sticky;top:20px;min-width:0;background:#e7ece5;border:1px solid #d5dfd7;border-radius:20px;padding:28px 30px 22px;display:flex;flex-direction:column;align-items:center;gap:15px}.studio-canvas-frame{width:100%;max-width:690px;box-shadow:0 8px 26px #0b2b261b;line-height:0;background:white}.studio-canvas-frame[data-format=story]{max-width:450px}.studio-canvas{width:100%;height:auto;display:block;touch-action:none}.studio-canvas:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.studio-preview-note{max-width:580px;font-size:11px;line-height:1.55;color:#496258;text-align:center}.studio-warning{font-size:13px;line-height:1.5;background:#fff1d5;color:#6b480f;padding:14px 18px;border-radius:12px;width:100%}.studio-warning[hidden]{display:none}.studio-panel .button{font-size:12px;min-height:42px;justify-content:center}.studio-field input:disabled,.studio-field textarea:disabled,.studio-field select:disabled{opacity:.72;background:#f6f7f3}.studio-root button:disabled{cursor:default}.studio-heading .eyebrow{font-size:10px;letter-spacing:.12em}
@media(max-width:1200px){.studio-workspace{grid-template-columns:285px minmax(0,1fr);gap:18px}.studio-preview{padding:20px 16px}.studio-heading{flex-direction:column}.studio-heading h1{font-size:34px}.studio-project-bar{grid-template-columns:1fr 1fr}.studio-save-state{grid-column:1/-1;padding:0}.studio-canvas-frame[data-format=story]{max-width:400px}}
@media(max-width:800px){.studio-workspace{display:flex;flex-direction:column}.studio-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-preview{position:static;order:-1;width:100%}.studio-canvas-frame{max-width:420px}.studio-canvas-frame[data-format=story]{max-width:300px}.studio-panel{padding:16px}.studio-heading h1{font-size:30px}.studio-heading p{font-size:13px}.studio-project-bar{padding:16px}.studio-actions{flex-wrap:wrap}.studio-actions .button{font-size:12px}.studio-preview-note{font-size:11px}}
@media(max-width:540px){.studio-project-bar{grid-template-columns:1fr;gap:13px;border-radius:14px}.studio-controls{grid-template-columns:1fr}.studio-heading{gap:18px}.studio-heading h1{font-size:28px}.studio-preview{padding:17px 12px;border-radius:14px}.studio-canvas-frame[data-format=story]{max-width:270px}.studio-panel .button{font-size:13px;min-height:44px}.studio-field input,.studio-field select,.studio-field textarea{font-size:14px;min-height:44px}.studio-field{font-size:12px}.studio-help{font-size:12px}.studio-numeric{gap:14px}.studio-swatch{width:35px;height:35px}.studio-preview-note{font-size:11px}.studio-actions{width:100%}.studio-actions .button{flex:1}.studio-save-state{font-size:12px}}