body { background:var(--bg); color:var(--ink); }
[hidden] { display:none !important; }
mpr-header { --mpr-color-surface-primary:var(--bg); --mpr-color-text-primary:var(--ink); --mpr-color-border:var(--line); }
.skip-link { position:absolute; left:-10000px; } .skip-link:focus { left:1rem; top:1rem; z-index:20; background:var(--bg); padding:1rem; }
.studio-shell { max-width:1120px; margin:auto; padding:24px; }
.studio-shell h1 { font-size:2.8rem; margin:12px 0; }
.studio-shell h2 { font-size:1.8rem; margin:20px 0 12px; }
.studio-shell h3, dialog h3 { font-size:1.25rem; }
.studio-toolbar, #studio-tabs { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:16px 0; }
#studio-tabs { border-bottom:1px solid var(--line); padding-bottom:12px; }
#studio-tabs [aria-pressed=true] { background:var(--ink); color:var(--bg); }
.studio-shell button, dialog button { border:1px solid var(--line-strong); background:var(--bg-subtle); color:var(--ink); padding:9px 12px; font:inherit; cursor:pointer; border-radius:4px; }
button:disabled { opacity:.5; cursor:default; }
.studio-shell input, .studio-shell textarea, .studio-shell select, dialog input { font:inherit; max-width:100%; color:var(--ink); background:var(--bg); border:1px solid var(--line-strong); padding:8px; border-radius:4px; box-sizing:border-box; }
.studio-shell label { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; margin:10px 0; min-width:0; }
.studio-field { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; margin:10px 0; min-width:0; }
.studio-field label { margin:0; }
.studio-field input, .studio-field select, .studio-field textarea { width:100%; min-width:0; }
.studio-preview-cover { width:100%; height:280px; object-fit:cover; }
.studio-shell textarea { min-height:100px; resize:vertical; }
.studio-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr)); gap:16px; }
.studio-card { border:1px solid var(--line); padding:14px; margin:12px 0; min-width:0; overflow-wrap:anywhere; }
.studio-card img { width:100%; height:200px; object-fit:contain; background:var(--bg-subtle); }
.studio-card button { margin:6px 6px 0 0; }
.studio-form { max-width:760px; }
.studio-form fieldset { margin:16px 0; padding:14px; min-width:0; border:1px solid var(--line); }
.studio-drop { border:1px dashed var(--line-strong); padding:16px; }
.studio-order-list { padding:0; list-style:none; }
.studio-order-list li { display:flex; flex-wrap:wrap; gap:8px; align-items:center; border-bottom:1px solid var(--line); padding:10px 0; }
.studio-order-list span { flex:1 1 180px; }
#studio-preview-dialog { width:min(1100px,95vw); max-height:90vh; background:var(--bg); color:var(--ink); border:1px solid var(--line); padding:20px; }
#studio-preview-content { width:1000px; max-width:100%; margin:20px auto; }
#studio-preview-content .studio-grid { grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr)); }
#studio-status { min-height:1.5em; }
@media(max-width:600px) { .studio-shell { padding:16px; } .studio-shell h1 { font-size:2.2rem; } }