:root{color-scheme:dark;font-family:IBM Plex Sans,Noto Sans TC,sans-serif;background:radial-gradient(circle at top,rgba(82,145,255,.18),transparent 30%),linear-gradient(180deg,#151922,#0b0d13);color:#edf2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,input,select{font:inherit}button{cursor:pointer;border:1px solid rgba(161,190,255,.24);background:#7498e024;color:#edf2ff;border-radius:12px;padding:.65rem 1rem}button:hover{background:#7498e038}input[type=number],input[type=range],select{width:100%}#app{padding:24px}.shell{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:20px;max-width:1600px;margin:0 auto}.stage-panel,.card{background:#0b111dc7;border:1px solid rgba(161,190,255,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 20px 60px #00000052}.stage-panel,.card{padding:18px}.sidebar{display:flex;flex-direction:column;gap:16px}.panel-header,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header h1,.card h2,.zoom-card h3,.mini-card h4{margin:0}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;color:#90a8df;font-size:.78rem}.drop-zone{position:relative;aspect-ratio:16 / 9;width:100%;margin-top:18px;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#3d507c80,#0b0e15cc),repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 12px,transparent 12px,transparent 24px);border:1px dashed rgba(154,181,244,.28)}.drop-zone.drag-active{border-color:#c4d6ffcc;box-shadow:inset 0 0 0 2px #c4d6ff59}#player-canvas{display:block;width:100%;height:100%}.zoom-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.page-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.target-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;background:transparent}.page-overlay.dragging,.zoom-overlay.dragging{cursor:grabbing}.source-box,.target-window{position:absolute}.source-box{pointer-events:auto;border:3px solid #ff7d5f;box-shadow:0 0 0 1px #ffffff2e,0 0 32px #ff7d5f38;background:#ff7d5f14;border-radius:14px;cursor:move}.source-box.is-disabled{opacity:.38}.source-badge{position:absolute;top:-14px;left:12px;padding:.2rem .55rem;border-radius:999px;background:#ff7d5f;color:#1d0d07;font-weight:700;font-size:.78rem;letter-spacing:.04em}.target-window{pointer-events:auto;display:block;min-width:120px;min-height:90px;border-radius:14px;overflow:visible;border:3px solid #8ccfff;background:transparent;box-shadow:0 0 0 1px #ffffff24,0 0 32px #8ccfff2e;cursor:move}.target-window.is-disabled{opacity:.42}.target-window__badge,.target-window__meta{position:absolute;top:-14px;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.target-window__badge{left:12px;background:#8ccfff;color:#09101c;font-weight:700}.target-window__meta{right:46px;background:#0b111de0;border:1px solid rgba(140,207,255,.35);color:#bfdfff}.target-window__toggle{position:absolute;top:-14px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:999px;border:1px solid rgba(140,207,255,.35);background:#0b111de0;color:#bfdfff;font-weight:800;line-height:1}.target-window.is-minimized{height:0!important;min-height:0;border-width:0;box-shadow:none;overflow:visible}.target-window.is-minimized .target-window__meta,.target-window.is-minimized .resize-handle--target{display:none}.resize-handle{position:absolute;right:8px;bottom:8px;width:18px;height:18px;padding:0;border-radius:6px;cursor:nwse-resize}.resize-handle:before{content:"";position:absolute;inset:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor}.resize-handle--source{border:1px solid rgba(255,125,95,.75);background:#ff7d5f33;color:#ffb6a6}.resize-handle--target{border:1px solid rgba(156,215,255,.75);background:#0c1c327a;color:#d3efff}.empty-state{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:#dce5ff;background:linear-gradient(180deg,#07090f4d,#07090f99)}.controls{display:grid;grid-template-columns:auto 1fr minmax(120px,.22fr) minmax(120px,.18fr);gap:14px;align-items:center;margin-top:18px}.timeline,.compact-field,.field,.checkbox-field{display:grid;gap:8px}.field-row{display:grid;grid-template-columns:1fr auto;gap:8px}.stack{display:grid}.gap-sm{gap:10px}.gap-md{gap:14px}.hint{margin:0;color:#9eb0d8;font-size:.9rem}.zoom-card,.mini-card{background:#8daae80f;border:1px solid rgba(161,190,255,.14);border-radius:18px;padding:14px}.zoom-code{display:inline-flex;margin-left:.4rem;padding:.15rem .45rem;border-radius:999px;background:#ff7d5f24;color:#ffb29f;font-size:.78rem;vertical-align:middle}.zoom-id{margin:8px 0 0;color:#9eb0d8;font-size:.84rem}.zoom-actions{display:flex;justify-content:flex-end;margin-top:12px}.zoom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.grid-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-banner,.error-banner{margin-top:14px;padding:12px 14px;border-radius:14px}.status-banner{background:#61c08f2e;border:1px solid rgba(97,192,143,.32)}.error-banner{background:#e060602e;border:1px solid rgba(224,96,96,.32)}.file-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.75rem 1rem;background:linear-gradient(135deg,#7da2ff,#5876c9);color:#09101c;font-weight:700;overflow:hidden}.file-picker.secondary{background:#7498e024;color:#edf2ff;border:1px solid rgba(161,190,255,.24)}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.shortcut-list{margin:0;padding-left:1.25rem;display:grid;gap:8px;color:#d9e4ff}kbd{border-radius:8px;padding:.15rem .45rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}@media(max-width:1100px){.shell,.controls,.zoom-grid{grid-template-columns:1fr}}