*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#101620}.app{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr}.toolbar{display:flex;align-items:center;gap:8px;padding:10px;background:#1a2432;border-bottom:1px solid #2b3a4f}.file-label,button{height:34px;padding:0 12px;border:1px solid #3a4d68;border-radius:8px;color:#e8f0ff;background:#223247;cursor:pointer;display:inline-flex;align-items:center}.file-label input{display:none}button.primary{background:#0b57d0;border-color:#0b57d0}.status{margin-left:auto;color:#9fd5ff;font-size:12px}.workspace{position:relative;min-height:0;background:radial-gradient(circle at 30% 20%,#233042,#121a26 60%,#0c1119)}.scroll{position:absolute;inset:0;overflow:auto;display:grid;place-items:center;padding:20px}#canvas{box-shadow:0 12px 32px #00000059;cursor:crosshair}.empty-tip{position:absolute;inset:0;display:grid;place-items:center;color:#a9bed7;font-size:18px}.hidden{display:none}