:root{--bg-top:#f4e7d0;--bg-bottom:#d4b892;--panel-soft:#231f1bb8;--panel-strong:#10141ce6;--border:#ffffff1f;--text:#f5f1eb;--text-muted:#f5f1ebb8;--accent:#d79a4a;--accent-soft:#d79a4a2e;--accent-hot:#c66b31;--shadow:0 20px 70px #1e130a38;--display-font:"Palatino Linotype", "Book Antiqua", Georgia, serif;--body-font:"Aptos", "Trebuchet MS", "Segoe UI Variable Text", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--body-font);background:radial-gradient(circle at top, #fff7eae6, transparent 38%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));color:var(--text);margin:0}body{min-height:100vh}.studio-loading-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.studio-loading-card{width:min(560px,100%);color:var(--text);box-shadow:var(--shadow);background:linear-gradient(145deg,#11151df5,#342318f0);border:1px solid #ffffff1f;border-radius:28px;padding:36px}.studio-loading-card h1,.studio-loading-card p{margin:0}.studio-loading-card h1{font-family:var(--display-font);font-size:clamp(2rem,5vw,3.2rem)}.studio-loading-card>p:last-child{color:var(--text-muted);margin-top:12px;line-height:1.6}.studio-loading-indicator{border:3px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;margin-bottom:24px;animation:.85s linear infinite studio-loading-spin;display:block}@keyframes studio-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.studio-loading-indicator{border-color:var(--accent);animation:none}}button,input,select{font:inherit}button{cursor:pointer}.studio-shell{flex-direction:column;gap:18px;min-height:100vh;padding:24px;display:flex}.studio-topbar{box-shadow:var(--shadow);background:linear-gradient(135deg,#241b13e0,#422e1cdb);border:1px solid #5b3a1c1f;border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 28px;display:flex}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#ffebcdb8;margin:0 0 8px;font-size:.72rem}.studio-topbar h1,.workspace-panel-header h2,.stage-head h2,.section-head h2,.fallback-card h3{font-family:var(--display-font);letter-spacing:.02em;margin:0;font-weight:600}.studio-topbar h1{font-size:clamp(2rem,3vw,3.15rem)}.topbar-copy,.sidebar-copy,.section-head p,.empty-copy,.workspace-banner{color:var(--text-muted);margin:8px 0 0;line-height:1.5}.topbar-status,.sidebar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.status-pill,.overlay-chip{background:var(--accent-soft);color:#fff4df;border:1px solid #d79a4a47;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:.9rem;display:inline-flex}.status-pill.neutral,.overlay-chip.neutral{background:#ffffff17;border-color:#ffffff1a}.status-saved{background:#6cbe762e;border-color:#88df9147}.status-saving{background:#d79a4a38}.status-error{background:#c84e4e38;border-color:#ff85854d}.workspace-banner{box-shadow:var(--shadow);background:#171311bd;border:1px solid #ffffff14;border-radius:18px;padding:14px 18px}.studio-main{display:block}.stage-card{box-shadow:var(--shadow);background:linear-gradient(145deg,#11151deb,#1f1814e0);border:1px solid #5b3a1c1f;border-radius:28px;padding:18px}.stage-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 8px 18px;display:flex}.stage-tips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.stage-tips span{color:#ffffffc2;background:#ffffff14;border-radius:999px;padding:8px 12px;font-size:.85rem}.viewport-canvas{background:radial-gradient(circle at top,#fff3d670,#0000 42%),linear-gradient(#131a24,#0e1118 52%,#15120f);border:1px solid #ffffff0f;border-radius:24px;height:clamp(520px,78vh,1600px);position:relative;overflow:hidden}.viewport-canvas-test{place-items:stretch stretch;display:grid}.viewport-test-grid{background:linear-gradient(#ffffff14 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#131a2466,#15120fe0) 0 0/100% 100%;width:100%;height:100%}.viewport-toolbar{z-index:8;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:16px;left:16px;right:16px}.viewport-ui{pointer-events:auto;flex-direction:column;align-items:stretch;gap:12px;width:min(430px,100%);margin-left:auto;display:flex}.viewport-toolbar-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.viewport-mode-button,.segmented button,.ghost-button,.primary-button,.frame-list-button{color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;transition:transform .14s,border-color .14s,background .14s}.viewport-mode-button,.segmented button,.ghost-button,.primary-button{min-height:44px;padding:0 14px}.viewport-mode-button:hover,.segmented button:hover,.ghost-button:hover,.primary-button:hover,.frame-list-button:hover{border-color:#ffffff38;transform:translateY(-1px)}.viewport-mode-button.active,.segmented button.active,.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-hot));color:#1e140d;border-color:#ffd69c85;font-weight:700}.ghost-button{color:#fff4df}.ghost-button:disabled,.primary-button:disabled,.segmented button:disabled{cursor:not-allowed;opacity:.48;transform:none}.workspace-panel{border:1px solid var(--border);max-height:min(78vh,760px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#11151df5,#1f1814f0);border-radius:24px;flex-direction:column;gap:16px;padding:18px;display:flex;overflow:auto}.workspace-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sidebar-section{background:var(--panel-soft);border:1px solid var(--border);border-radius:22px;padding:18px}.section-body{flex-direction:column;gap:14px;margin-top:14px;display:flex}.viewport-overlay{pointer-events:none;flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.viewport-fallback{background:radial-gradient(circle at top,#fff3d633,#0000 42%),linear-gradient(#18191d,#101114);border:1px solid #ffffff0f;border-radius:24px;place-items:center;height:min(72vh,820px);padding:24px;display:grid}.fallback-card{width:min(520px,100%);box-shadow:var(--shadow);background:#241e19db;border:1px solid #ffffff1f;border-radius:24px;padding:24px}.fallback-card p{color:var(--text-muted);line-height:1.5}.fallback-actions{gap:12px;margin-top:16px;display:flex}.segmented{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.control-field{flex-direction:column;gap:8px;display:flex}.control-line{color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;display:flex}.control-field strong{color:var(--text);font-size:.92rem}.control-field input[type=range]{width:100%;accent-color:var(--accent)}.color-grid,.crop-grid,.keybind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.color-field,.select-field,.toggle-field{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-field span,.select-field span,.toggle-field span{color:var(--text-muted)}.color-field input{background:0 0;border:none;border-radius:10px;width:48px;height:32px;padding:0}.select-field select{min-width:148px;min-height:38px;color:var(--text);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:0 12px}.toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.frame-list,.zone-group{flex-direction:column;gap:8px;display:flex}.zone-label{color:#fff4df;background:#ffffff0d;border-radius:14px;margin:0;padding:10px 12px;font-weight:600}.zone-label span{color:var(--text-muted);text-transform:capitalize;margin-top:4px;font-size:.85rem;display:block}.frame-list-button{text-align:left;min-height:58px;padding:12px 14px}.frame-list-button.active{background:#d79a4a1f;border-color:#d79a4a80}.frame-list-button strong,.frame-list-button span{display:block}.frame-list-button span{color:var(--text-muted);margin-top:4px;font-size:.86rem}.upload-actions{gap:8px;display:grid}.limit-controls{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;gap:12px;padding:12px;display:grid}.slot-summary{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:.92rem;display:flex}.artwork-status-label,.model-status-label{pointer-events:none;color:#f8fbff;text-align:center;white-space:nowrap;background:#13191fe0;border:1px solid #ffffff57;border-radius:999px;max-width:180px;padding:7px 10px;font-size:.72rem;font-weight:700;line-height:1.2;box-shadow:0 8px 24px #0000003d}.artwork-status-label.error,.model-status-label.error{background:#6f1f1ff0;border-color:#ffbeaeb8}.artwork-status-label.loading,.model-status-label.loading,.model-status-label.waiting{background:#1f405beb;border-color:#add7ff9e}@media (max-width:900px){.studio-topbar,.workspace-panel-header,.stage-head{flex-direction:column}.topbar-status,.sidebar-actions,.stage-tips,.viewport-toolbar-row{justify-content:flex-start}.viewport-toolbar{top:12px;left:12px;right:12px}.viewport-ui{width:100%}}@media (max-width:720px){.studio-shell{padding:14px}.studio-topbar,.stage-card,.workspace-panel{border-radius:22px}.viewport-canvas{height:70vh}.color-grid,.crop-grid,.keybind-grid{grid-template-columns:1fr}}