:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7edf5;background:#0a0e14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,#172234 0,transparent 35%),#0a0e14}button,input,textarea{font:inherit}button{border:0;border-radius:10px;padding:.75rem 1rem;color:#061018;background:#62d8ff;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{color:#dce7f4;background:#151d28;border:1px solid #2b394a}.app-shell{width:min(1400px,calc(100% - 48px));margin:auto;padding:42px 0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1,h2,p{margin:0}h1{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em}h2{font-size:1rem}.eyebrow{color:#62d8ff;font:500 .72rem ui-monospace,monospace;letter-spacing:.16em;margin-bottom:7px}.workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:18px;min-height:68vh}.dropzone,.result{min-height:520px;border:1px solid #253142;border-radius:18px;background:#0f151ee0;overflow:hidden}.dropzone{display:grid;place-items:center;position:relative;cursor:pointer;transition:border-color .2s,background .2s}.dropzone.dragging{border-color:#62d8ff;background:#132634}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone img{width:100%;height:100%;object-fit:contain;padding:18px}.drop-copy{text-align:center;color:#8492a5}.drop-copy span{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid #334155;border-radius:14px;color:#62d8ff;font-size:1.8rem;margin-bottom:18px}.drop-copy h2{color:#e7edf5;font-size:1.12rem;margin-bottom:8px}.drop-copy p{font-size:.84rem}.result{display:flex;flex-direction:column}.result-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #253142}.result-head span{color:#8a98aa;font:.76rem ui-monospace,monospace}.result-head .success{color:#61d6a3}pre{flex:1;overflow:auto;margin:0;padding:22px;color:#b9eaff;font:.86rem/1.7 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.login-shell,.loading{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px));padding:34px;border:1px solid #28364a;border-radius:20px;background:#101720;box-shadow:0 24px 80px #0008}.login-card .mark{width:56px;height:56px;display:grid;place-items:center;margin-bottom:26px;border-radius:14px;background:#62d8ff;color:#071018;font:700 .9rem ui-monospace,monospace}.login-card h1{font-size:1.65rem;margin-bottom:26px}label{display:grid;gap:8px;color:#aab6c5;font-size:.8rem;font-weight:600}input,textarea{width:100%;color:#eaf1f8;background:#0b1119;border:1px solid #2b394a;border-radius:9px;padding:.8rem .9rem;outline:none}input:focus,textarea:focus{border-color:#62d8ff;box-shadow:0 0 0 3px #62d8ff18}.login-card button{width:100%;margin-top:18px}.error{color:#ff8c8c;font-size:.8rem;margin-top:12px}dialog{width:min(620px,calc(100% - 30px));padding:0;color:#e7edf5;background:#101720;border:1px solid #2b394a;border-radius:18px;box-shadow:0 24px 100px #000b}dialog::backdrop{background:#03070bbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings{display:grid;gap:17px;padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-size:1.45rem}.icon{padding:0;width:34px;height:34px;color:#aab6c5;background:transparent;font-size:1.5rem}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}@media(max-width:760px){.app-shell{width:min(100% - 24px,680px);padding:24px 0}.workspace{grid-template-columns:1fr}.dropzone,.result{min-height:400px}}