:root{--ink:#17211d;--muted:#65706a;--paper:#f3f1e9;--cream:#e8e4d8;--line:#d2d0c7;--acid:#d9ff43;--teal:#155f55;--white:#fff;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,5vw);gap:30px}.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-1px}.mark{display:grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:50%;background:var(--ink);color:var(--acid);font:500 12px var(--mono);letter-spacing:-1px}.privacy{margin:auto;color:var(--muted);font:11px var(--mono);letter-spacing:.04em}.privacy span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43a167;margin-right:8px}.top-links{display:flex;align-items:center;gap:22px}.github{color:var(--ink);font:12px var(--mono);text-decoration:none}.github:hover{text-decoration:underline}.trace-list{padding:70px max(28px,8vw);min-height:420px}.trace-card{max-width:850px;border:1px solid var(--line);background:rgba(255,255,255,.35);padding:36px}.trace-card h2{font-size:35px;letter-spacing:-.04em;margin:0 0 18px}.trace-card>p:not(.eyebrow):not(.trace-meta){color:var(--muted);font-size:16px;line-height:1.7;max-width:720px}.trace-meta{margin:25px 0;color:var(--teal);font:11px/1.6 var(--mono)}.trace-link{display:inline-flex;gap:30px;background:var(--ink);color:#fff;padding:14px 18px;text-decoration:none;font-weight:600}.trace-link span{color:var(--acid)}footer a{color:var(--muted)}.hero{padding:86px max(28px,8vw) 76px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:'✣';position:absolute;right:9vw;top:46px;font-size:160px;color:transparent;-webkit-text-stroke:1px #d4d2c8;transform:rotate(12deg)}.eyebrow{font:500 11px var(--mono);letter-spacing:.16em;color:var(--teal);margin:0 0 25px}.hero h1{font-size:clamp(46px,6.4vw,92px);line-height:.98;letter-spacing:-.062em;margin:0;max-width:920px;font-weight:500}.hero h1 em{font-style:normal;color:var(--teal);position:relative}.hero h1 em:after{content:'';position:absolute;height:10px;background:var(--acid);bottom:5px;left:0;right:0;z-index:-1;transform:rotate(-1deg)}.lede{color:var(--muted);font-size:17px;line-height:1.7;max-width:610px;margin:32px 0 0}.workbench{display:grid;grid-template-columns:minmax(260px,330px) minmax(390px,1fr) minmax(270px,350px);min-height:620px;border-bottom:1px solid var(--line)}.input-panel,.result-panel{padding:28px;border-right:1px solid var(--line)}.result-panel{border-right:0;border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.panel-heading span{font:10px var(--mono);color:var(--teal);border:1px solid var(--teal);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.panel-heading h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:0}.dropzone{height:128px;border:1px dashed #a9ada7;background:rgba(255,255,255,.32);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag{background:#eaff9a;border-color:var(--teal)}.dropzone input{display:none}.drop-icon{font:25px var(--mono);color:var(--teal);line-height:1}.dropzone strong{font-size:13px;margin:8px 0 3px}.dropzone small{color:var(--muted);font-size:11px}.or{display:flex;align-items:center;gap:10px;color:#8a918d;font:9px var(--mono);letter-spacing:.09em;margin:16px 0}.or:before,.or:after{content:'';height:1px;background:var(--line);flex:1}textarea{width:100%;height:170px;resize:vertical;border:1px solid var(--line);background:#faf9f5;padding:14px;color:#34423c;font:11px/1.6 var(--mono);outline:none}textarea:focus{border-color:var(--teal)}.settings-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.settings-row label{font-size:12px;font-weight:600}.settings-row label span{color:var(--muted);font-weight:400}.settings-row input{width:75px;padding:8px;border:1px solid var(--line);background:#faf9f5;font:12px var(--mono)}.analyze{width:100%;border:0;background:var(--ink);color:#fff;padding:15px 17px;text-align:left;font-weight:600;cursor:pointer;transition:.2s}.analyze:hover{background:var(--teal)}.analyze span{float:right;color:var(--acid)}.error{color:#a43229;font-size:11px;line-height:1.4;min-height:14px}.viewer-panel{min-width:0;background:#18211e;position:relative;display:flex;flex-direction:column}.viewer-toolbar{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#c7cfca;border-bottom:1px solid #34403b;font:10px var(--mono)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:9px}.viewer-actions button{background:none;border:0;color:#aab5af;font-size:17px;cursor:pointer;margin-left:7px}#viewer{width:100%;height:100%;min-height:560px;cursor:grab;display:block;touch-action:none}#viewer:active{cursor:grabbing}.drag-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#7f8c86;font:9px var(--mono);letter-spacing:.1em;white-space:nowrap}.axis-key{position:absolute;bottom:17px;right:18px;font:9px var(--mono);display:flex;gap:7px}.axis-key .x{color:#fb7670}.axis-key .y{color:#7cd69a}.axis-key .z{color:#72aafa}.point-group-card{background:var(--acid);padding:20px 22px;min-height:174px}.point-group-card>span{font:9px var(--mono);letter-spacing:.12em}.point-group-card strong{display:block;font-size:65px;line-height:1;margin:15px 0 10px;letter-spacing:-.06em;font-weight:500}.point-group-card sub{font-size:.45em}.point-group-card p{font-size:11px;line-height:1.45;max-width:240px;margin:0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}.summary-grid div{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.summary-grid div+div{border-left:1px solid var(--line)}.summary-grid span{font:9px var(--mono);color:var(--muted);text-transform:uppercase}.summary-grid strong{font:18px var(--mono);font-weight:400}.operations-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 10px}.operations-heading h3{font-size:12px;margin:0}.operations-heading span{font:9px var(--mono);color:var(--muted)}.operations{max-height:260px;overflow:auto;border-top:1px solid var(--line)}.operation{display:grid;grid-template-columns:42px 1fr 25px;align-items:center;border-bottom:1px solid var(--line);min-height:49px;cursor:pointer;transition:.15s}.operation:hover,.operation.active{background:#e8edce}.operation:focus-visible,.viewer-actions button:focus-visible,.analyze:focus-visible,.dropzone:focus-within{outline:3px solid #70a99f;outline-offset:2px}.op-symbol{font:500 12px var(--mono);color:var(--teal)}.op-info strong{display:block;font-size:11px}.op-info small{font:9px var(--mono);color:var(--muted)}.op-eye{color:#87908b}.how-it-works{padding:75px max(28px,8vw);display:grid;grid-template-columns:1fr 2fr;gap:8vw}.how-it-works h2{font-size:35px;letter-spacing:-.04em;margin:0}.how-it-works ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.how-it-works li{display:flex;gap:17px;padding:18px 0;border-top:1px solid var(--line)}.how-it-works li>span{font:10px var(--mono);color:var(--teal)}.how-it-works strong{font-size:13px}.how-it-works p{color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0}.noscript{padding:14px;text-align:center;background:#ffd8d2;color:#691d17;font-weight:600}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:26px max(28px,5vw);font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}@media(max-width:1050px){.workbench{grid-template-columns:320px 1fr}.result-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:250px 1fr;gap:25px}.result-panel .panel-heading{grid-column:1/-1;margin-bottom:0}.operations{max-height:210px}.how-it-works{grid-template-columns:1fr}}@media(max-width:700px){.privacy{display:none}.hero{padding-top:60px}.hero:after{display:none}.workbench{display:block}.input-panel{border-right:0}.viewer-panel{min-height:500px}.result-panel{display:block}.result-panel .panel-heading{margin-bottom:20px}.how-it-works ol{grid-template-columns:1fr}.topbar{height:60px}.hero h1{font-size:48px}footer{gap:20px;flex-direction:column}}