:root{--ink:#102a43;--muted:#62758a;--line:#d9e2ec;--soft:#f3f7fa;--paper:#fff;--accent:#126e82;--accent-dark:#0d5666;--green:#16836d;--danger:#b42318;--shadow:0 22px 55px rgba(16,42,67,.10)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:linear-gradient(180deg,#eef5f7 0,#f7f9fb 50%,#fff 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,42,67,.1);background:rgba(255,255,255,.78);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:750;font-size:1.08rem}.brand-mark{display:grid;place-items:center;width:34px;height:38px;color:#fff;background:var(--ink);border-radius:7px 7px 10px 7px;box-shadow:inset -6px 0 rgba(255,255,255,.12)}.privacy-pill{font-size:.86rem;color:#456;display:flex;align-items:center;gap:8px;background:#e6f5f1;border:1px solid #bee2d8;padding:8px 12px;border-radius:999px}.privacy-pill span{color:var(--green);font-size:.65rem}.shell{width:min(960px,calc(100% - 32px));margin:0 auto;padding:54px 0 36px}.intro{max-width:650px;margin-bottom:30px}.eyebrow{font-size:.76rem!important;letter-spacing:.16em;font-weight:800;color:var(--accent);margin:0 0 10px!important}.intro h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 16px}.intro>p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0}.workspace{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;background:#eaf0f4;border-bottom:1px solid var(--line);gap:6px}.tab{border:0;background:transparent;color:#607286;border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;cursor:pointer;font:inherit}.tab:hover{background:rgba(255,255,255,.55)}.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(16,42,67,.09)}.tab-icon{font-size:1.25rem;color:var(--accent)}.tab b,.tab small{display:block}.tab b{font-size:.95rem}.tab small{font-size:.75rem;color:var(--muted);margin-top:2px}.panel{padding:clamp(22px,4vw,40px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading h2{font-size:1.35rem;margin:0 0 5px}.panel-heading p{color:var(--muted);margin:0}.text-button{border:0;background:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer}.dropzone{min-height:210px;border:1.5px dashed #9db4c4;border-radius:16px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#edf8f8;transform:translateY(-1px)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff;color:var(--accent);box-shadow:0 5px 15px rgba(16,42,67,.1);font-size:1.5rem;margin-bottom:14px}.dropzone strong{font-size:1.05rem}.dropzone>span:nth-of-type(2){color:var(--muted);font-size:.9rem;margin-top:4px}.browse{margin-top:17px;color:#fff!important;background:var(--ink);border-radius:9px;padding:10px 16px;font-weight:700;font-size:.86rem!important}.file-list{display:grid;gap:10px;margin-top:16px}.file-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.file-badge{display:grid;place-items:center;width:38px;height:42px;border-radius:8px;background:#e8f3f5;color:var(--accent);font-size:.7rem;font-weight:900}.file-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.78rem;color:var(--muted);margin-top:3px}.file-actions{display:flex;gap:4px}.file-actions button{border:0;background:transparent;color:var(--muted);font-size:1rem;padding:7px;cursor:pointer;border-radius:7px}.file-actions button:hover{background:var(--soft);color:var(--ink)}.options{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.options>label{font-weight:750;display:block;margin-bottom:11px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-row button{font:inherit;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;text-align:left;color:var(--ink);cursor:pointer}.choice-row button.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(18,110,130,.13);background:#f5fbfb}.choice-row b,.choice-row small{display:block}.choice-row small{color:var(--muted);margin-top:3px}.notice,.field-help{font-size:.82rem;color:var(--muted);line-height:1.45;margin:11px 0 0}.range-input{width:100%;border:1px solid #aebdca;border-radius:10px;padding:13px 14px;font:inherit;color:var(--ink);outline:0}.range-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(18,110,130,.12)}.action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.status{font-size:.88rem;color:var(--muted);min-height:1.3em}.status.error{color:var(--danger)}.primary{border:0;border-radius:10px;background:var(--accent);color:white;font:inherit;font-weight:750;padding:12px 19px;min-width:150px;cursor:pointer;box-shadow:0 6px 16px rgba(18,110,130,.22)}.primary:hover:not(:disabled){background:var(--accent-dark)}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.footer-note{text-align:center;color:#7b8997;font-size:.8rem;margin-top:18px}.hidden{display:none!important}
@media(max-width:650px){.topbar{height:64px;padding:0 16px}.privacy-pill{font-size:0;width:34px;height:34px;justify-content:center;padding:0}.privacy-pill span{font-size:.75rem}.shell{padding-top:32px}.intro h1{font-size:2.15rem}.intro>p{font-size:.96rem}.tabs{gap:3px}.tab{padding:11px 7px;flex-direction:column;text-align:center;gap:4px}.tab small{display:none}.panel{padding:20px 16px}.dropzone{min-height:190px}.choice-row{grid-template-columns:1fr}.action-row{align-items:stretch;flex-direction:column}.primary{width:100%}.status:empty{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}