:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf2f8;font-synthesis:none;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.home{background:radial-gradient(circle at 18% 75%,#10345b 0,#0000 34%),#07111f;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;min-height:100vh;padding:8vh 8vw;display:grid}.hero{max-width:720px}.eyebrow{color:#64d2ff;letter-spacing:.18em;font-size:.72rem;font-weight:800}.hero h1{margin:.4em 0 .3em;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:400;line-height:.92}.hero h1 em{color:#64d2ff;font-weight:400}.hero p{color:#9eb1c3;max-width:580px;font-size:1.08rem;line-height:1.7}.card{background:#0c1b2c;border:1px solid #1d3348;border-radius:20px;max-width:620px;padding:34px;box-shadow:0 30px 80px #0007}.step{color:#64d2ff;letter-spacing:.1em;margin-bottom:28px;font:700 .78rem/1 ui-monospace,monospace}.step span{color:#eaf2f8;margin-left:12px;font-family:inherit}.card label{color:#b8c6d2;margin:18px 0 8px;font-size:.82rem;display:block}.card input{color:#fff;background:#081522;border:1px solid #294157;border-radius:9px;outline:none;width:100%;padding:14px}.card input:focus{border-color:#64d2ff}.url-field{background:#081522;border:1px solid #294157;border-radius:9px;align-items:center;display:flex;overflow:hidden}.url-field span{color:#6f879a;white-space:nowrap;padding-left:13px}.url-field input{border:0;padding-left:4px}.drop{text-align:center;cursor:pointer;background:#0a1826;border:1px dashed #3a5973;border-radius:12px;padding:25px}.drop input{display:none}.drop strong,.drop small{display:block}.drop small{color:#6f879a;margin-top:7px}.primary{color:#04101c;cursor:pointer;background:#64d2ff;border:0;border-radius:9px;width:100%;margin-top:18px;padding:15px;font-weight:800}.primary:disabled{opacity:.5}.notice{color:#6f879a;text-align:center;margin:18px 0 0;font-size:.74rem}.progress{background:#081522;border-radius:8px;height:38px;margin-top:14px;position:relative;overflow:hidden}.progress div{background:#123e5a;height:100%;transition:all .2s}.progress span{place-items:center;font-size:.76rem;display:grid;position:absolute;inset:0}.error{color:#ff8d8d}.result{align-items:center;gap:8px;margin-top:14px;display:flex}.result a{text-overflow:ellipsis;color:#64d2ff;overflow:hidden}.result button,.viewer-shell header button{color:#d9e5ee;cursor:pointer;background:0 0;border:1px solid #355068;border-radius:7px;margin-left:auto;padding:8px 12px}.viewer-shell{background:#020508;grid-template-rows:64px 48px 1fr;height:100vh;display:grid}.viewer-shell header{background:#07111f;border-bottom:1px solid #172331;align-items:center;gap:26px;padding:0 22px;display:flex}.viewer-shell header div{flex-direction:column;display:flex}.viewer-shell header small{color:#718496;margin-top:3px}.brand{color:#64d2ff;letter-spacing:.18em;font-weight:900;text-decoration:none}.toolbar{background:#0b1622;align-items:center;gap:8px;padding:6px 18px;display:flex}.toolbar button{color:#9eb1c3;cursor:pointer;background:#132435;border:0;border-radius:6px;padding:7px 12px}.toolbar button.active{color:#fff;background:#2b6f91}.toolbar span{color:#60778a;margin-left:12px;font-size:.75rem}.toolbar b{color:#9eb1c3;margin-left:auto;font:600 .78rem ui-monospace,monospace}.viewport{width:100%;height:100%;min-height:0;overflow:hidden}.viewer-message{text-align:center;place-content:center;min-height:100vh;display:grid}.viewer-message a{color:#64d2ff}@media (max-width:850px){.home{grid-template-columns:1fr;padding:50px 20px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.hero br{display:none}.url-field{display:block}.url-field span{padding:10px 13px 0;font-size:.72rem;display:block}.viewer-shell{grid-template-rows:58px 48px 1fr}.viewer-shell header{gap:12px;padding:0 10px}.viewer-shell header div{min-width:0}.viewer-shell header strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toolbar span{display:none}}