:root{--line: #d8e0ea;--accent: #0b57d0}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#131a24;color:#1b2a3d}.app{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #2a3747;background:#121a24f5}.group{display:flex;align-items:center;gap:8px}.controls label{display:inline-flex;align-items:center;gap:8px;color:#dbe8f8;font-size:12px}.file-label,button{height:36px;padding:0 12px;border:1px solid #3a4a5e;border-radius:8px;background:#243140;color:#eaf2ff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.file-label input{display:none}button.primary{background:var(--accent);border-color:var(--accent)}.workspace{min-height:0;display:grid;grid-template-columns:280px 1fr}.panel{border-right:1px solid #2a3747;background:#101822;color:#dbe8f8;padding:12px;overflow:auto}.panel h2{margin:0 0 10px;font-size:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-grid label{display:grid;gap:4px;font-size:12px;color:#adc2db}.field-grid input{width:100%;height:32px;border:1px solid #34475d;border-radius:6px;background:#141f2b;color:#f0f6ff;padding:0 8px}.hint{margin-top:10px;color:#8ea2bb;font-size:12px;line-height:1.5}.status{margin-top:10px;color:#8fd3ff;font-size:12px}.stage-wrap{position:relative;min-width:0;min-height:0;background:radial-gradient(circle at 30% 20%,#222f40,#121923 55%,#0d121a)}.stage-scroll{position:absolute;inset:0;overflow:auto;display:grid;place-items:center;padding:20px}#previewCanvas{box-shadow:0 12px 32px #00000059;cursor:grab}#previewCanvas.dragging{cursor:grabbing}.empty-tip{position:absolute;inset:0;display:grid;place-items:center;color:#a7bdd8;font-size:18px}.hidden{display:none}@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr}.panel{border-right:0;border-bottom:1px solid #2a3747}}