:root{color:#f4f8ff;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050b14;--panel:#0d1626;--line:#1c2b45;--line-soft:#243555;--text:#f4f8ff;--muted:#8d9ab0;--accent:#30a6ff;background:#050b14;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;color:var(--text);margin:0}body{background:radial-gradient(700px 320px at 85% 0,#30a6ff1c,#0000 55%),radial-gradient(580px 260px at 0 100%,#4b6eff14,#0000 50%),linear-gradient(#040912 0%,#06101d 100%);min-height:100svh}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-within{outline-offset:2px;outline:2px solid #6ab8ff}.app{width:min(100%,860px);padding:calc(12px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand-logo img{object-fit:contain;filter:drop-shadow(0 0 18px #29a6ff24);width:auto;height:54px;display:block}.pro-badge{border:1px solid var(--line);color:#a6b4ca;background:#0d1626b8;border-radius:999px;padding:8px 12px;font-size:12px;line-height:1}.tabs-wrap{scrollbar-width:none;overflow-x:auto}.tabs-wrap::-webkit-scrollbar{display:none}.tabs{align-items:flex-end;gap:8px;min-width:max-content;padding:0 2px;display:flex}.tab{min-height:45px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px 12px 0 0;padding:12px 17px 11px;font-size:15px;font-weight:650;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{border-color:var(--line);color:var(--text);background:linear-gradient(#10233f 0%,#0d1626 100%);box-shadow:0 10px 22px #00000029}.workspace{border:1px solid var(--line);background:linear-gradient(#0c1524fa 0%,#08101dfa 100%);border-radius:0 18px 18px;min-height:420px;margin-top:-1px;padding:20px 18px 18px}.panel{display:none}.panel.active{display:block}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:750}h1{letter-spacing:-.55px;margin:0 0 8px;font-size:24px;font-weight:720;line-height:1.12}.desc{max-width:620px;color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.55}.layout{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#0d1626f2,#09111ef2);border-radius:16px;padding:16px}.card-title{margin:0 0 14px;font-size:15px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field.full{grid-column:1/-1}.field>span{color:#a6b4ca;font-size:12px}input,select{border:1px solid var(--line-soft);width:100%;min-height:45px;color:var(--text);background:#0a1322;border-radius:12px;outline:none;padding:12px 13px}input::placeholder{color:#62728b}.btn-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.btn{border:1px solid var(--line-soft);color:#f5f9ff;cursor:pointer;background:#10233f;border-radius:12px;min-height:45px;padding:12px 16px;font-weight:650}.btn.secondary{color:#b8c7dc;background:#0b1424}.btn:disabled{color:#6f809a;cursor:not-allowed;opacity:.72;background:#0a1322}.hint,.axis-hint{color:#6f809a;font-size:12px;line-height:1.5}.hint{margin-top:12px}.axis-hint{margin:-1px 0 0}.mode-group{margin-top:12px;display:none}.mode-group.active{display:grid}.result-card{min-width:0}.dropzone{color:#92a2ba;text-align:center;cursor:pointer;background:linear-gradient(#050b142e,#050b140a);border:1px dashed #2b3e62;border-radius:14px;place-items:center;min-height:110px;padding:22px 16px;font-size:14px;display:grid;position:relative;overflow:hidden}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--line-soft);color:#a8b7cd;background:#0a1322;border-radius:999px;padding:7px 10px;font-size:12px}.empty-state{color:#8494ad;text-align:center;border:1px dashed #2b3e62;border-radius:14px;padding:20px;font-size:14px;line-height:1.5}.result-empty{place-items:center;min-height:180px;display:grid}@media (width<=760px){.layout{grid-template-columns:1fr}}@media (width<=430px){.brand-logo img{height:42px}.tab{padding:11px 14px 10px;font-size:14px}.form-grid{grid-template-columns:1fr}.workspace{padding:18px 14px 16px}h1{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}