*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Aptos,"Segoe UI",Arial,sans-serif}.studio-shell{max-width:1480px;margin:auto;padding:30px 28px 54px}.studio-header{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:18px;background:linear-gradient(115deg,#0d3156,#0f6cbd 60%,#21a8a0);color:#fff}.eyebrow{margin:0;color:#a9e7ef;font-size:11px;font-weight:800;letter-spacing:.13em}.studio-header h1{margin:4px 0 5px;font-size:clamp(29px,4vw,46px);letter-spacing:-.045em}.studio-header p:not(.eyebrow){max-width:650px;margin:0;color:#e5f5fb;font-size:16px}.local-badge{white-space:nowrap;padding:7px 10px;border:1px solid #ffffff66;border-radius:999px;background:#ffffff1c;font-size:12px;font-weight:700}.model-bar{display:flex;align-items:center;gap:18px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.model-bar label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}.model-bar select{min-width:205px}.model-bar p{margin:0;color:var(--muted)}select,input,textarea,button{font:inherit}select,input,textarea{border:1px solid var(--line);border-radius:7px;background:var(--canvas);color:var(--ink);padding:8px 9px}textarea{width:100%;min-height:145px;resize:vertical;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.45}.studio-grid{display:grid;grid-template-columns:minmax(285px,360px) minmax(0,1fr);gap:18px;margin-top:18px}.controls{display:grid;align-content:start;gap:10px}.controls details{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.controls summary{padding:12px 14px;cursor:pointer;font-weight:750}.controls details>div,.controls details>p,.controls details>textarea{margin-left:14px;margin-right:14px}.controls details>textarea{width:calc(100% - 28px);margin-top:0}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 14px 14px}.control-grid label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}.hint{color:var(--muted);font-size:12px;line-height:1.4}.text-button{margin:9px 14px 13px;padding:0;border:0;background:none;color:var(--brand);font-weight:700;cursor:pointer}.canvas-area{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.preview-canvas{display:grid;place-items:center;min-height:430px;padding:22px;background:repeating-conic-gradient(#f4f7fa 0 25%,#fff 0 50%) 50%/24px 24px}.preview-canvas svg{width:100%;height:auto;max-height:650px;box-shadow:0 12px 34px #172b4d21}.export-bar{display:flex;gap:9px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line)}.export-bar button{border:0;border-radius:8px;padding:10px 13px;background:var(--brand);color:#fff;font-weight:750;cursor:pointer}.export-bar button.secondary{background:var(--brand-soft);color:var(--brand)}.export-bar button.dark{background:#172b4d}.export-status{min-height:20px;margin:0;padding:0 16px 14px;color:var(--success);font-size:13px;font-weight:650}.export-status[data-error="true"]{color:var(--danger)}.how-it-works{display:flex;gap:12px;align-items:baseline;margin-top:18px;padding:14px 17px;border-radius:10px;background:var(--brand-soft);color:var(--ink)}.how-it-works span{color:var(--muted);font-size:13px}@media(max-width:850px){.studio-shell{padding:16px}.studio-grid{grid-template-columns:1fr}.studio-header{padding:22px;flex-direction:column}.model-bar{align-items:start;flex-direction:column;gap:8px}.preview-canvas{min-height:260px;padding:12px}}@media(max-width:440px){.control-grid{grid-template-columns:1fr}.export-bar button{width:100%}.how-it-works{align-items:start;flex-direction:column}}