:root{color-scheme:dark;--bg:#0b1220;--panel:#121e2e;--line:#27374c;--text:#edf3fc;--muted:#9bacc2;--blue:#8cdaf8;--amber:#ffd09a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 80% 0,#182c45 0,transparent 53%),var(--bg);color:var(--text);line-height:1.55;min-height:100vh}main{max-width:1320px;margin:auto;padding:32px 44px}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:var(--blue);font-size:28px;text-decoration:none}.brand span{font-size:12px;font-weight:750;letter-spacing:.21em}.tag{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:7px 12px}.intro{margin:64px 0 36px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--blue);margin:0 0 12px}h1{font-weight:650;font-size:clamp(32px,4.3vw,54px);line-height:1.15;letter-spacing:-.04em;margin:0 0 20px}.intro>p:last-child{font-size:16px;color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:22px;align-items:start}.panel{background:linear-gradient(150deg,#142133,#101b2a);border:1px solid var(--line);border-radius:20px}.upload-panel{padding:22px}.drop{border:1px dashed #48627b;border-radius:14px;text-align:center;padding:24px 16px 28px;transition:background .15s,border-color .15s}.drop.dragging{background:#1d3b50;border-color:var(--blue)}.drop.selected{border-color:#537d92}.crosshair{font-size:48px;color:var(--blue);line-height:1.2;margin-bottom:14px}.drop h2{font-size:17px;font-weight:600;overflow-wrap:anywhere;margin:0 0 7px}.drop p{font-size:12px;color:var(--muted);margin:0 0 18px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.secondary{border:1px solid #4a6078;background:#1a2a3e;border-radius:9px;padding:9px 19px;font-size:13px;color:var(--text)}.secondary:hover{background:#243a52}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.settings label{font-size:11px;color:var(--muted)}input[type=number]{display:block;width:100%;margin-top:7px;background:#0d1826;border:1px solid #35465c;border-radius:9px;color:var(--text);padding:11px 12px;font-size:16px}.hint{font-size:11px;color:var(--muted);line-height:1.65;margin:12px 0 24px}.primary{border:0;border-radius:10px;background:var(--blue);color:#102131;display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 15px;font-size:13px;font-weight:750}.primary:hover:not(:disabled){background:#b1e7fc}.primary span{font-size:21px;line-height:1}.note{border-top:1px solid var(--line);padding-top:18px;margin-top:23px;display:flex;gap:10px;color:var(--muted);font-size:11px}.note>span{color:#b3c5d8;font-size:16px}.note p{margin:0}#status{margin-top:18px;font-size:12px;color:var(--blue)}#elapsed{float:right;color:var(--muted)}progress{display:block;width:100%;height:4px;border:0;accent-color:var(--blue);margin-top:13px}.error{background:#3b252e;color:#ffbdc1;border:1px solid #68404a;border-radius:10px;padding:13px;font-size:12px;margin:18px 0 0}.output-panel{min-height:541px;padding:25px}.empty{text-align:center;display:flex;min-height:490px;flex-direction:column;justify-content:center;align-items:center}.empty h2{font-size:18px;font-weight:550;margin:24px 0 9px}.empty p{font-size:13px;color:var(--muted);margin:0}.orbit{width:118px;height:118px;border:1px solid #35516a;border-radius:50%;position:relative;display:grid;place-items:center;transform:rotate(-25deg)}.orbit:before{content:"";position:absolute;inset:20px;border:1px solid #2b4157;border-radius:50%}.orbit span{font-size:34px;color:var(--blue)}.orbit i{position:absolute;width:7px;height:7px;background:var(--amber);border-radius:50%;top:12px;right:13px;box-shadow:0 0 18px #ffcf9244}.steps{display:flex;gap:12px;margin-top:43px;font-size:10px;color:#8ba2bd}.steps b{font-weight:400;color:#3d536c}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-heading h2{font-size:30px;line-height:1.2;margin:0;font-weight:600}.result-heading .eyebrow{margin-bottom:8px}.badge{font-size:10px;border:1px solid #785c3b;border-radius:20px;color:var(--amber);padding:6px 9px;text-align:center}.badge.inside{color:#a5efd1;border-color:#417864}.filename{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:10px 0 20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:16px}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{font-size:19px;font-weight:550;white-space:nowrap}.tabs{display:flex;gap:17px;border-bottom:1px solid var(--line);margin-top:24px}.tabs button{font-size:11px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:none;padding:12px 0}.tabs [aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}[role=tabpanel] img{width:100%;height:auto;display:block;margin-top:15px;border-radius:9px}.photo-hint{margin:10px 0}.result-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:11px}.result-footer p{margin:0;color:#c7d6e7}.result-footer small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.result-footer a{display:block;color:var(--blue);font-size:11px;text-decoration:none;white-space:nowrap;margin:5px 0}.result-footer a:hover{text-decoration:underline}footer{font-size:11px;color:#8295af;max-width:760px;margin:28px 0 10px}
@media(max-width:950px){main{padding:25px}.layout{grid-template-columns:320px minmax(0,1fr)}.upload-panel,.output-panel{padding:19px}.metrics{gap:6px}.metrics strong{font-size:15px}.result-footer{flex-direction:column;align-items:flex-start}.result-footer>div{display:flex;gap:20px}}
@media(max-width:750px){main{padding:20px 16px}.tag{font-size:10px;padding:5px 8px}.brand span{font-size:10px}.intro{margin-top:42px}.intro>p:last-child{font-size:14px}.desktop{display:none}.layout{grid-template-columns:1fr;gap:18px}.empty{min-height:310px}.output-panel{min-height:0}.metrics strong{font-size:20px}.result-footer{flex-direction:row;align-items:center}.result-footer>div{display:block}.steps{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.target-settings{margin-top:24px}.target-settings>label{display:block;margin-top:13px;font-size:11px;color:var(--muted)}select{font:inherit;display:block;width:100%;margin-top:7px;padding:11px 8px;border:1px solid #35465c;border-radius:9px;background:#0d1826;color:var(--text);font-size:12px;max-width:100%}select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.target-settings .hint{margin-bottom:0}.aim{background:#203041;border:1px solid #3b5368;border-radius:12px;padding:15px;margin-top:20px}.aim>strong{color:var(--amber);font-size:12px}.aim p{font-size:15px;font-weight:550;margin:6px 0 9px;line-height:1.6}.aim small{font-size:10px;color:var(--muted);display:block;line-height:1.6}