:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#243c3a;background:#f5f7f6;font-synthesis:none;--teal:#147d72;--muted:#7a8986;--line:#e5ebe8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #74c9bb;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}button{color:inherit}.brand-icon svg,.upload-icon svg,.icon-btn svg,.export-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.3%}.brand{display:flex;align-items:center;text-decoration:none;color:#233c37;gap:11px}.brand strong{font-size:21px;letter-spacing:-.7px}.brand-icon{background:var(--teal);color:white;width:34px;height:38px;border-radius:10px;display:grid;place-items:center}.brand-icon svg{width:23px;height:23px}.brand-cn{color:#8e9995;font-size:12px;border-left:1px solid #dbe3de;padding-left:13px;margin-left:2px;letter-spacing:2px}.quiet{border:0;background:transparent;color:#768580;font-size:12px;padding:8px}.quiet:hover{color:var(--teal)}.quiet span{margin-left:9px}main{max-width:1700px;margin:auto;padding:0 3.3%}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 29px}.eyebrow{font-size:10px;font-weight:700;color:#64817a;letter-spacing:2.3px;margin-bottom:10px}h1{font-size:30px;font-weight:650;letter-spacing:-.7px;margin:0 0 12px}h1>span{color:var(--teal)}.intro p{color:#7b8985;font-size:12px;margin:0;letter-spacing:.4px}.intro-right{display:flex;align-items:flex-end;flex-direction:column;gap:14px}.privacy{font-size:11px;color:#6b8075;display:flex;align-items:center;gap:7px}.privacy i{width:6px;height:6px;border-radius:50%;background:#74a991}.example{border:1px solid #d9e3dd;background:#fff;border-radius:7px;padding:8px 12px;color:#405d50}.workspace{display:grid;grid-template-columns:282px minmax(0,1fr);gap:20px;align-items:start}.sidebar{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.sidebar section,.appearance{padding:20px}.sidebar section+section,.appearance{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}h2{font-size:12px;margin:0;font-weight:650}h2>span{color:#a6b3ad;font-size:10px;font-weight:450;margin-right:10px;font-variant-numeric:tabular-nums}.small-tag{font-size:9px;letter-spacing:.4px;color:#87948e;background:#f3f5f3;padding:4px 6px;border-radius:4px;white-space:nowrap}.small-tag.green{color:#408674;background:#eef7f2}.dropzone{width:100%;padding:20px 8px 14px;border:1px dashed #afc8bc;border-radius:8px;background:#f8fbf9;display:flex;align-items:center;flex-direction:column;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--teal);background:#eaf6f0}.upload-icon{display:grid;place-items:center;color:#3a927c;background:#eaf3ed;border-radius:10px;width:37px;height:37px;margin-bottom:12px}.dropzone strong{font-size:11px;font-weight:600}.dropzone small{font-size:10px;color:#91a198;margin-top:7px}.file-limit{font-size:9px;color:#a3aea7;margin-top:17px}.file-list{font-size:10px;color:#5c7669;margin-top:8px;line-height:1.8}.file-row{display:flex;justify-content:space-between;gap:8px}.file-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row>span:last-child{white-space:nowrap;color:#9aaba2}.import-options{margin-top:12px;font-size:10px;color:#87978d}.import-options summary{cursor:pointer}.import-options>small{font-size:9px;line-height:1.7;display:block}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-options .two-fields{margin-top:10px}label{display:block;font-size:10px;color:#7e8d85;margin-bottom:14px}select,input[type=text]{width:100%;height:34px;background:#fff;border:1px solid #dde5df;border-radius:5px;color:#40584a;padding:0 9px;font-size:11px;outline:none;min-width:0;margin-top:6px}select:focus,input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #dcefe6}.values-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7e8d85;margin-bottom:7px}.text-btn{border:0;background:transparent;font-size:10px;color:var(--teal);padding:0}.value-columns{max-height:180px;overflow-y:auto;border:1px solid #e4eae5;border-radius:6px;margin-bottom:11px}.value-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 8px;gap:8px}.value-row+.value-row{border-top:1px solid #f1f4f1}.value-row label{display:flex;align-items:center;gap:7px;color:#4b6052;font-size:11px;cursor:pointer;overflow:hidden;margin:0}.value-row label span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.value-row input[type=color]{border:0;width:17px;height:17px;flex-shrink:0;background:transparent;padding:0;cursor:pointer}.value-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.value-row input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}input[type=checkbox]{accent-color:var(--teal);width:12px;height:12px;margin:0;flex-shrink:0}.check-line{display:flex;align-items:center;gap:7px;font-size:10px;margin:12px 0 0}.appearance summary{cursor:pointer;list-style:none}.appearance summary::-webkit-details-marker{display:none}.appearance summary .section-heading{margin-bottom:0}.appearance[open] summary{margin-bottom:15px}.chevron{color:#85958b}.axis-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.axis-fields input{font-size:10px;padding:0 6px}.axis-fields label{font-size:9px}input[type=range]{width:100%;height:24px;accent-color:var(--teal);margin-top:8px}#widthValue{float:right;color:var(--teal)}.stage{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;min-width:0}.plot-toolbar{height:61px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ed;gap:10px}.plot-title{display:flex;align-items:center;gap:9px;min-width:0}.plot-title strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw}.live-dot{width:6px;height:6px;background:var(--teal);border-radius:50%;flex-shrink:0}.plot-actions{display:flex;align-items:center;gap:8px}.icon-btn{border:0;background:transparent;border-radius:5px;padding:6px;display:grid;place-items:center;color:#89978c}.icon-btn:hover{background:#f0f5f1;color:var(--teal)}.icon-btn svg{width:16px;height:16px}.toolbar-divider{height:19px;width:1px;background:#e5eae5;margin:0 3px}.export-btn{display:flex;align-items:center;gap:6px;border:1px solid #d9e3db;background:#fff;padding:7px 10px;font-size:11px;border-radius:5px;color:#566b5b}.export-btn:hover{border-color:var(--teal);color:var(--teal)}.export-btn svg{width:14px;height:14px}.plot-wrap{position:relative;height:clamp(440px,50vw,610px);width:100%}#plot{height:100%;width:100%}.plot-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#ffffffdd;color:#788c7f;text-align:center;padding:25px;font-size:13px;z-index:5}.plot-overlay[hidden]{display:none}.plot-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px 20px 16px;font-size:10px;color:#97a498;gap:8px}.plot-bottom b{font-weight:400;margin:0 6px;color:#c9d1c8}.mouse-dot{font-size:14px;margin-right:4px}.view-buttons{display:flex;gap:3px;padding:3px;background:#f4f6f3;border:1px solid #e8ede6;border-radius:6px;flex-shrink:0}.view-buttons button{border:0;background:transparent;font-size:10px;padding:5px 11px;border-radius:4px;color:#8b988a}.view-buttons button.active{background:#fff;box-shadow:0 1px 3px #1a4c3010;color:#4e7561}.data-summary{display:flex;align-items:center;gap:35px;padding:17px 23px;border-top:1px solid #edf1eb;background:#fcfdfb}.data-summary>div{display:flex;align-items:baseline;gap:8px}.data-summary strong{font-family:"Segoe UI",sans-serif;font-weight:550;font-size:18px;color:#425f4c;letter-spacing:-.5px}.data-summary span{font-size:10px;color:#99a594}.data-summary>.quiet{margin-left:auto;padding:0;font-size:10px}.notice{font-size:11px;color:#92642f;background:#fffaf0;padding:12px 20px;line-height:1.8;border-top:1px solid #f3e9d5;max-height:130px;overflow:auto}.data-preview{border-top:1px solid var(--line);padding:16px 21px}.preview-caption{font-size:11px;color:#637c66;margin-bottom:10px;display:flex;justify-content:space-between}.preview-caption span{font-size:10px;color:#9caa98}.table-wrap{overflow:auto;max-height:260px}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px;color:#75866e;font-variant-numeric:tabular-nums}th,td{padding:9px 12px;border-bottom:1px solid #edf1e9;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{font-weight:550;background:#f7f9f4;position:sticky;top:0}footer{display:flex;align-items:center;justify-content:space-between;color:#a1ada0;font-size:10px;padding:24px 0 28px}.footer-dot{margin:0 10px;color:#c4cec0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#233e32;color:#fff;padding:13px 23px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #223b3025;z-index:100;max-width:90vw;line-height:1.6}dialog{border:1px solid #dce6db;border-radius:14px;padding:27px;max-width:900px;width:calc(100% - 36px);box-shadow:0 30px 100px #203d2925;color:#314c38}dialog::backdrop{background:#193e2f50;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:18px}.close-dialog{font-size:26px;border:0;background:none;color:#90a18d;line-height:1;padding:0 4px}.dialog-desc{font-size:12px;color:#8d9c86;margin:12px 0 24px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.format-grid article{border:1px solid #e4ebe0;border-radius:8px;padding:16px;background:#fafcf8}.format-grid h3{font-size:13px;font-weight:600;margin:0 0 12px}.format-grid p{font-size:11px;color:#8e9d86;min-height:36px;line-height:1.7}.format-grid pre{background:#eef3e9;border-radius:5px;font-size:11px;line-height:1.8;padding:12px;overflow:auto;color:#5b7850;min-height:104px}.template-btn{font-size:11px;color:var(--teal);background:none;border:0;padding:4px 0}.help-note{font-size:11px;color:#96a48c;line-height:1.9;margin-top:20px}#exportDialog{max-width:430px}.export-options{display:flex;flex-direction:column;gap:10px}.primary-btn,.secondary-btn{padding:11px;border-radius:6px;font-size:12px}.primary-btn{background:var(--teal);color:#fff;border:1px solid var(--teal)}.secondary-btn{background:white;color:var(--teal);border:1px solid #cbdccd}.stage:fullscreen{border-radius:0;display:flex;flex-direction:column}.stage:fullscreen .plot-wrap{height:auto;flex:1;min-height:0}.stage:fullscreen .data-summary{display:none}[hidden]{display:none!important}@media(min-width:1550px){.plot-wrap{height:680px}.sidebar section,.appearance{padding:22px}.workspace{grid-template-columns:305px minmax(0,1fr)}}@media(max-width:1000px){.workspace{grid-template-columns:250px minmax(0,1fr);gap:13px}.sidebar section,.appearance{padding:16px}.plot-bottom{padding:10px 12px;flex-wrap:wrap}.data-summary{gap:20px;padding:16px}.data-summary>div{display:block}.data-summary span{display:block;margin-top:3px}.data-summary .quiet span{display:inline}.intro-right{display:none}h1{font-size:27px}}@media(max-width:720px){.topbar{height:64px;padding:0 18px}.brand-cn{display:none}.brand strong{font-size:19px}main{padding:0 15px}.intro{padding:27px 3px 22px}h1{font-size:25px}.intro p{font-size:11px;line-height:1.8;max-width:280px}.workspace{display:flex;flex-direction:column;gap:14px}.sidebar,.stage{width:100%}.sidebar{display:grid;grid-template-columns:1fr 1fr}.sidebar section+section{border-top:0;border-left:1px solid var(--line)}.appearance{grid-column:1/-1}.appearance[open]{padding-bottom:17px}.appearance .axis-fields{grid-template-columns:1fr 1fr 1fr}.appearance>label{margin-bottom:8px}.appearance>.two-fields{margin-top:9px}.appearance>.check-line{display:inline-flex;margin-right:20px}.dropzone{padding:18px 6px 14px}.dropzone strong{font-size:10px}.file-limit{font-size:8px}.section-heading{gap:3px}.small-tag{font-size:8px}.plot-wrap{height:460px}.plot-toolbar{padding:0 13px;height:55px}.plot-title strong{max-width:37vw;font-size:11px}.plot-actions{gap:2px}.data-summary strong{font-size:16px}.format-grid{grid-template-columns:1fr}.format-grid p{min-height:auto}.format-grid pre{min-height:auto}.format-grid article{padding:14px}dialog{max-height:90vh;overflow:auto;padding:21px}.brand-icon{width:30px;height:34px}.plot-bottom{font-size:9px}.view-buttons button{padding:4px 9px}footer{font-size:9px;align-items:flex-start;gap:10px;line-height:1.8}footer>span:first-child{max-width:155px}}@media(max-width:390px){.sidebar{grid-template-columns:1fr}.sidebar section+section{border-left:0;border-top:1px solid var(--line)}.brand strong{font-size:17px}.topbar .quiet{font-size:10px}.plot-wrap{height:390px}.data-summary{gap:15px}}
@media(max-width:720px){.sidebar{display:contents}.workspace{display:flex}.sidebar .input-section{order:0;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:17px}.stage{order:1}.sidebar .mapping-section{order:2;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:17px}.appearance{order:3;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:17px}.dropzone{padding:14px}.upload-icon{margin-bottom:8px}.file-limit{margin-top:12px}.plot-wrap{height:420px}.plot-bottom{padding-bottom:13px}}