:root{--bg: #0a1224;--panel: #0f1c36;--panel-border: #28406d;--text: #f3f8ff;--accent: #4cd6b8;--warning: #ffd166;--danger: #ef476f}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Chakra Petch,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#1f2f56,var(--bg) 55%)}.layout{display:grid;grid-template-columns:340px 1fr;min-height:100vh}.panel{border-right:1px solid var(--panel-border);background:#080f1ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px}.title{margin:0 0 10px;font-size:1.8rem}.muted{color:#bdd0ef}.field{margin:10px 0}label{display:block;margin-bottom:6px}input{width:100%;border:1px solid var(--panel-border);background:#102347;color:var(--text);border-radius:8px;padding:10px}button{border:1px solid transparent;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.primary{background:var(--accent);color:#06211b}.secondary{background:#203b74;color:var(--text)}.danger{background:var(--danger);color:#fff}.row{display:flex;gap:8px;flex-wrap:wrap}.status{margin-top:14px;padding:10px;border:1px solid var(--panel-border);border-radius:8px;background:#102347}.canvas-wrap{padding:20px}canvas{width:100%;max-width:1200px;border:1px solid #2d4d81;background:#09192f;image-rendering:crisp-edges}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:14px}.media-card{border:1px solid var(--panel-border);border-radius:8px;padding:8px;background:#122650}.media-card video{width:100%;border-radius:6px}@media (max-width: 960px){.layout{grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--panel-border)}}