:root{--page: #0d0d0d;--surface: #1a1a19;--surface-2: #222221;--ink: #ffffff;--ink-2: #c3c2b7;--muted: #898781;--hairline: rgba(255, 255, 255, .1);--grid: #2c2c2a;--accent: #3987e5;--accent-strong: #256abf;--danger: #e66767;--radius: 10px;--font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--page);color:var(--ink-2);font-family:var(--font);font-size:14px;line-height:1.5}#app{display:grid;grid-template:"topbar topbar" 52px "sidebar stage" 1fr / 300px 1fr;height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--hairline);background:var(--surface)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:18px;height:18px;background:linear-gradient(135deg,var(--accent),#184f95);border-radius:4px;transform:rotate(45deg) scale(.85)}.brand-name{color:var(--ink);font-weight:600;font-size:15px}.brand-name em{color:var(--muted);font-style:normal;font-weight:400;font-size:12px;margin-left:4px}.privacy-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);padding:5px 12px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface-2)}.privacy-badge svg{color:#0ca30c;flex:none}.sidebar{grid-area:sidebar;padding:16px;overflow-y:auto;border-right:1px solid var(--hairline);background:var(--surface);display:flex;flex-direction:column;gap:14px}.panel{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);padding:14px}.panel-title{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;border:1.5px dashed var(--grid);border-radius:var(--radius);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragover{border-color:var(--accent);color:var(--ink-2);background:#3987e50f;outline:none}.dropzone-hint{margin:0;font-size:13px;color:var(--ink-2)}.dropzone-hint span{font-size:12px;color:var(--muted)}.file-meta{margin:10px 0 0;font-size:12px;color:var(--muted);word-break:break-all}.file-meta strong{color:var(--ink-2);font-weight:500}.field-row{margin-bottom:12px}.field-row:last-of-type{margin-bottom:0}.field-row label{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;color:var(--ink-2)}.field-row label output{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.field-row-inline{display:flex;align-items:center;justify-content:space-between}.field-row-inline label{margin:0}.field-row-half{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tag{font-size:10px;padding:1px 6px;border-radius:999px;border:1px solid var(--hairline);color:var(--muted)}.tag-num{color:var(--accent);border-color:#3987e566}select{width:100%;padding:7px 10px;border:1px solid var(--grid);border-radius:7px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23898781' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}select:focus-visible{outline:none;border-color:var(--accent)}input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--grid);border-radius:999px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:19px;border-radius:999px;background:var(--grid);position:relative;cursor:pointer;transition:background .15s;margin:0}.switch:after{content:"";position:absolute;top:2.5px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--ink-2);transition:transform .15s,background .15s}.switch:checked{background:var(--accent-strong)}.switch:checked:after{transform:translate(14px);background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent-strong);border-color:transparent}.btn-primary:hover{background:var(--accent);border-color:transparent}.btn-lg{padding:11px 26px;font-size:14px}.btn-ghost{background:transparent;color:var(--ink-2);font-size:12px;padding:6px 12px}#btn-export{width:100%;margin-top:14px}#btn-preview{width:100%;margin-top:10px}.stage{grid-area:stage;position:relative;min-width:0;min-height:0;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(57,135,229,.05),transparent 70%),var(--page)}.chart-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#chart{flex:1;min-height:0}.view-switch{position:absolute;top:14px;left:50%;transform:translate(-50%);display:inline-flex;padding:3px;gap:2px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface);z-index:4}.view-btn{border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;padding:5px 14px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.view-btn:hover{color:var(--ink-2)}.view-btn.active{background:var(--accent-strong);color:#fff}.chart-hint{position:absolute;bottom:12px;right:18px;margin:0;font-size:11px;color:var(--muted);pointer-events:none}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}.empty-state h1{margin:22px 0 0;font-size:22px;font-weight:600;color:var(--ink)}.empty-state p{margin:6px 0 18px;color:var(--muted);font-size:13.5px}.empty-note{font-size:12px!important;margin-top:16px!important}.empty-cube{width:64px;height:64px;position:relative;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(38deg);animation:cube-spin 14s linear infinite}@keyframes cube-spin{0%{transform:rotateX(-24deg) rotateY(38deg)}to{transform:rotateX(-24deg) rotateY(398deg)}}.cube-face{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(57,135,229,.55);background:#3987e514}.f1{transform:translateZ(32px)}.f2{transform:rotateY(90deg) translateZ(32px)}.f3{transform:rotateX(90deg) translateZ(32px)}@media (prefers-reduced-motion: reduce){.empty-cube{animation:none}}.preview-drawer{position:absolute;left:0;right:0;bottom:0;max-height:46%;display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--hairline);box-shadow:0 -10px 32px #00000073;z-index:5}.preview-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--hairline);flex:none}.preview-title{color:var(--ink);font-size:13px;font-weight:600}.preview-meta{color:var(--muted);font-size:12px;font-weight:400;margin-left:8px}.preview-close{border:none;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:6px}.preview-close:hover{color:var(--ink);background:var(--surface-2)}.preview-scroll{overflow:auto}.preview-table{width:100%;border-collapse:collapse;font-size:12.5px;white-space:nowrap}.preview-table th,.preview-table td{padding:7px 14px;border-bottom:1px solid var(--grid);text-align:left}.preview-table th{position:sticky;top:0;background:var(--surface);color:var(--ink-2);font-weight:500;z-index:1}.preview-table td{color:var(--ink-2)}.preview-table .cell-num{text-align:right;font-variant-numeric:tabular-nums}.loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0d0d0db8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;color:var(--ink-2);font-size:13px}.loading-mask p{margin:0}.spinner{width:30px;height:30px;border:3px solid var(--grid);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);max-width:min(560px,90vw);padding:11px 18px;border-radius:9px;border:1px solid rgba(230,103,103,.45);background:#2a1717;color:#f0b7b7;font-size:13px;z-index:20;box-shadow:0 8px 28px #00000073}.toast.toast-ok{border-color:#0ca30c73;background:#142314;color:#a8dca8}@media (max-width: 860px){#app{grid-template:"topbar" 52px "stage" minmax(320px,1fr) "sidebar" auto / 1fr;height:auto;min-height:100vh}.sidebar{border-right:none;border-top:1px solid var(--hairline)}.stage{min-height:60vh}.privacy-badge{font-size:11px}}