:root{--bg: #0b1020;--panel: #0f1730;--panel2: #101b3a;--text: #e7ecff;--muted: #aab6ffcc;--stroke: rgba(255, 255, 255, .1);--stroke2: rgba(255, 255, 255, .16);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 16px;--btn: rgba(255, 255, 255, .08);--btn2: rgba(255, 255, 255, .14);--toolbox-w: 200px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1100px 700px at 30% 0%,#182a6a 0%,var(--bg) 60%);color:var(--text)}#app{height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--stroke);background:#0a0e1ebf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;gap:12px;align-items:center}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#789bff40,#ffffff0d);border:1px solid var(--stroke2);box-shadow:var(--shadow);font-weight:800;letter-spacing:.5px}.brand .title{font-weight:800;font-size:15px;line-height:1.1}.brand .subtitle{font-size:12px;color:var(--muted);margin-top:2px}.actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--stroke);background:var(--btn);color:var(--text);padding:6px 8px;border-radius:10px;cursor:pointer;font-weight:800;font-size:11px;line-height:1;white-space:nowrap}.btn:hover{background:var(--btn2);border-color:var(--stroke2)}.btn.primary{border-color:#8caaff59;background:#8caaff29}.btn.danger{border-color:#ff787859;background:#ff78781f}a.btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px}#btnHome{border-color:#7c9bff52;background:#7c9bff1a;box-shadow:0 0 0 1px #7c9bff1f,0 0 18px #7c9bff1a}#btnHome:hover{background:#7c9bff29;border-color:#7c9bff75;box-shadow:0 0 0 1px #7c9bff2e,0 0 26px #7c9bff24}#btnHome:active{transform:translateY(1px)}.main,.side,.workspace-wrap,.stage-host,pre.code,.console{min-height:0}.main{flex:1;display:grid;grid-template-columns:1.25fr 1.05fr;gap:12px;padding:12px;min-height:0}.side{display:grid;grid-template-columns:.62fr 1.38fr;grid-template-rows:1fr 1fr;gap:12px;min-height:0}.side>section:nth-child(1){grid-column:1;grid-row:1;min-height:0}.side>section:nth-child(2){grid-column:1;grid-row:2;min-height:0}.side>section:nth-child(3){grid-column:2;grid-row:1 / span 2;min-height:0}.card{background:#0f1730b8;border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:0;display:flex;flex-direction:column}.card-header{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);background:#0a0e1e59}.card-title{font-weight:800;font-size:12px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}.workspace-card{overflow:visible}.workspace-wrap{flex:1;min-height:clamp(420px,55vh,820px);position:relative}#blocklyDiv{position:absolute;inset:0}#blocklyDiv .blocklyToolboxDiv{width:var(--toolbox-w)!important;min-width:var(--toolbox-w)!important;max-width:45vw!important;background:#0a0e1e8c!important;border-right:1px solid rgba(255,255,255,.12)!important;box-shadow:0 0 0 1px #7c9bff2e,0 10px 30px #00000059,0 0 28px #7c9bff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#blocklyDiv .blocklyTreeRow{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;min-height:34px!important}#blocklyDiv .blocklyTreeLabel{display:inline-block!important;opacity:1!important;visibility:visible!important;color:#e7ecff!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:calc(var(--toolbox-w) - 52px)!important}#blocklyDiv .blocklyTreeRow:hover{background:#7c9bff1a!important}#blocklyDiv .blocklyTreeSelected{background:#7c9bff29!important;box-shadow:inset 3px 0 #7c9bff8c}#blocklyDiv .blocklyFlyout{filter:drop-shadow(0 10px 22px rgba(0,0,0,.35)) drop-shadow(0 0 22px rgba(124,155,255,.1))}#blocklyDiv .blocklyScrollbarHandle{fill:#7c9bff47!important}#blocklyDiv .blocklyScrollbarHandle:hover{fill:#7c9bff66!important}#blocklyDiv .blocklyScrollbarBackground{fill:#ffffff0f!important}body.debug-on #blocklyDiv .blocklyWorkspace{filter:drop-shadow(0 0 18px rgba(124,155,255,.1))}pre.code{margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;color:#e9eeff;overflow:auto;white-space:pre;background:#101b3a8c;flex:1}.console{flex:1;padding:12px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;background:#101b3a8c}.console .line{padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.console .meta{color:var(--muted);margin-right:8px}.stage-host{flex:1;min-height:0;padding:10px;background:#101b3a8c}.footer{padding:10px 12px;border-top:1px solid var(--stroke);color:var(--muted);font-size:12px;display:flex;gap:10px;justify-content:space-between;align-items:center;background:#0a0e1e59}.kbd{border:1px solid var(--stroke);background:#ffffff0f;padding:2px 6px;border-radius:8px;font-weight:700;color:#e9eeff}.hidden{display:none!important}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:9999}.modal{width:min(520px,calc(100vw - 24px));border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0f1730eb;box-shadow:0 18px 50px #0000008c;padding:14px}.modal-title{font-weight:900;margin-bottom:8px}.modal-text{color:var(--muted);font-size:13px;margin-bottom:10px}.modal-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}body.present-mode .main{grid-template-columns:1fr}body.present-mode .workspace-card{display:none}body.present-mode .side{grid-template-columns:1fr;grid-template-rows:1fr}body.present-mode .side>section:nth-child(1),body.present-mode .side>section:nth-child(2){display:none}body.present-mode .stage-host{padding:12px}@media(max-width:1100px){.main{grid-template-columns:1fr}.side{grid-template-columns:1fr;grid-template-rows:1fr .9fr 1.2fr}.side>section:nth-child(1),.side>section:nth-child(2),.side>section:nth-child(3){grid-column:auto;grid-row:auto}}.asset-modal{width:min(860px,calc(100vw - 24px));max-height:min(82vh,820px);overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#0f1730f0;box-shadow:0 18px 60px #0000008c,0 0 32px #7c9bff1f;padding:14px;display:flex;flex-direction:column;gap:12px}.asset-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.asset-title{font-weight:900;font-size:14px;letter-spacing:.2px}.asset-sub{margin-top:2px;font-size:12px;color:var(--muted)}.asset-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0a0e1e59}.asset-actions input[type=file]{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;background:#ffffff0f;color:var(--text)}.asset-hint{font-size:12px;color:var(--muted)}.asset-list{overflow:auto;padding-right:4px;display:flex;flex-direction:column;gap:10px}.asset-empty{color:var(--muted);font-size:13px;padding:14px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;background:#0a0e1e40}.asset-row{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0a0e1e40}.asset-preview{width:90px;height:56px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;display:grid;place-items:center}.asset-preview img{width:100%;height:100%;object-fit:contain}.asset-meta{min-width:0}.asset-name{font-weight:900;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-info{margin-top:2px;font-size:12px;color:var(--muted)}.asset-buttons{display:flex;gap:8px;align-items:center}@media(max-width:640px){.asset-row{grid-template-columns:70px 1fr}.asset-buttons{grid-column:1 / -1;justify-content:flex-end}.asset-preview{width:70px;height:46px}}.stage-host{width:100%;height:100%;min-height:320px}.stage-host:fullscreen{width:100vw;height:100vh;background:#0b1020;padding:0!important;margin:0!important}.stage-host:fullscreen iframe{width:100%;height:100%;border-radius:0!important}#stageCard:has(.stage-host:fullscreen) .card-header{display:none}#stageCard:has(.stage-host:fullscreen){border-radius:0!important;border:0!important}