:root{--bg: #061019;--panel: rgba(11, 22, 35, .92);--panel-strong: rgba(16, 30, 48, .96);--panel-soft: rgba(8, 16, 26, .82);--text: #eef6ff;--muted: #93a7bf;--line: rgba(106, 138, 173, .22);--accent: #79ebff;--accent-2: #ffd06d;--danger: #ff8d91;--ok: #9bf0ab}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(41,87,130,.32),transparent 34%),radial-gradient(circle at bottom right,rgba(255,192,101,.12),transparent 30%),linear-gradient(180deg,#07111a,#03070b 70%);color:var(--text);font-family:Sora,Avenir Next,Segoe UI,sans-serif}body{min-height:100vh}button,input,select{font:inherit}input,select,button{border-radius:12px;border:1px solid var(--line)}input,select{width:100%;background:#0a121cf5;color:var(--text);padding:10px 12px}input[type=file]{padding:10px}input[type=color]{min-height:44px;padding:4px}input[type=range]{padding:0}button{cursor:pointer}.web-studio-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,430px) 1fr}.inspector-column{padding:22px;border-right:1px solid var(--line);background:linear-gradient(180deg,#08111cf5,#060d14fa);display:grid;gap:16px;align-content:start}.preview-column{padding:24px;display:grid;gap:18px;align-content:start}.brand-card,.panel-card,.hero-panel,.preview-stage-panel,.status-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--panel),var(--panel-soft));box-shadow:0 16px 40px #00000047}.brand-card,.hero-panel,.status-panel{padding:18px}.panel-card,.preview-stage-panel{padding:16px}.brand-card{display:grid;grid-template-columns:72px 1fr;gap:16px}.brand-icon{width:72px;height:72px;border-radius:18px;border:1px solid rgba(162,205,255,.28);box-shadow:0 10px 20px #00000040}.eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}h1,h2,strong,p{margin:0}h1{font-size:1.6rem}h2{font-size:1.04rem}.muted{color:var(--muted);line-height:1.55}.small{font-size:.84rem}.panel-title-row,.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.field-block,.range-field{display:grid;gap:8px;margin-bottom:12px}.field-block.compact,.range-field.compact{margin-bottom:0}.field-block span,.range-field span{font-size:.9rem;color:#d8e8f8}.field-block small{color:var(--muted)}.field-grid.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-grid.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.compact-grid{margin-top:10px}.primary-button,.ghost-button,.ghost-danger,.download-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;text-decoration:none}.primary-button{background:linear-gradient(135deg,#7feeff,#4dc8ff);color:#04101b;border:0;font-weight:700}.ghost-button,.download-link{background:#0a141fe6;color:var(--text)}.upload-button{position:relative;overflow:hidden;border-radius:12px;min-height:44px;text-align:center;font-weight:600}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-button-wide{width:100%}.ghost-danger{background:#2e0e12e0;color:#ffd3d6}.tiny-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#0e1a27eb;color:var(--muted);font-size:.76rem}.tiny-pill.is-busy{color:var(--accent-2)}.tiny-pill.is-danger{color:#ffd4d6;border-color:#ff78825c}.tiny-pill.is-ok{color:var(--ok)}.tiny-pill.is-warn{color:var(--accent-2)}.asset-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px}.asset-summary-grid div{border:1px solid var(--line);border-radius:14px;padding:10px;background:#0a121cb8}.item-stack{display:grid;gap:12px}.item-card{border:1px solid var(--line);border-radius:18px;padding:12px;background:#0c1622b3}.item-card-head{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:start;margin-bottom:10px}.item-thumb-shell{width:64px;height:64px;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,#7eb5ff2e,#070e14e6);overflow:hidden}.item-thumb,.item-thumb.placeholder{width:100%;height:100%;object-fit:contain}.item-head-copy{display:grid;gap:4px}.item-head-copy small{color:var(--muted)}.issue-list{display:grid;gap:4px;margin-bottom:10px;color:#ffd4d6;font-size:.84rem}.hero-panel,.status-panel{display:flex;justify-content:space-between;gap:18px;align-items:center}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.preview-stage-panel{display:grid;gap:14px}.preview-controls{display:flex;gap:10px;flex-wrap:wrap}.stage-shell{border-radius:28px;padding:16px;background:radial-gradient(circle at top,rgba(127,238,255,.08),transparent 38%),linear-gradient(180deg,#070e16eb,#03070bfa);border:1px solid rgba(153,197,244,.18)}.preview-canvas{width:min(100%,960px);display:block;margin:0 auto;border-radius:20px;border:1px solid rgba(149,191,236,.22);background:#03070b}.timeline-block{display:grid;gap:8px}.export-panel{display:grid;gap:14px}.metric-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#0a121cb8}.export-actions{display:grid;gap:10px}.status-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:1100px){.web-studio-shell{grid-template-columns:1fr}.hero-panel,.status-panel{flex-direction:column;align-items:flex-start}}