:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#181817;background:#f6f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{width:min(920px,100vw - 32px);margin:0 auto;padding:56px 0}.hero{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.14em;color:#77736a;margin:0 0 8px;font-size:11px;font-weight:700}h1{letter-spacing:0;margin:0;font-size:clamp(42px,7vw,76px);line-height:.9}.subcopy{color:#69655e;max-width:560px;margin:18px 0 0;font-size:16px;line-height:1.6}.mini-card,.dropzone,.controls,.result{background:#fff;border:1px solid #dedbd2;border-radius:8px}.mini-card{min-width:210px;padding:18px}.mini-card span{color:#77736a;margin-bottom:6px;font-size:12px;display:block}.dropzone{border-style:dashed;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:160px;padding:28px;display:grid}.drop-icon{background:#eeeeea;border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.dropzone h2{margin:0 0 6px;font-size:22px}.dropzone p{color:#77736a;margin:0}.controls,.result{grid-template-columns:1fr auto;align-items:end;gap:14px;margin-top:14px;padding:18px;display:grid}label{color:#77736a;gap:7px;font-size:12px;font-weight:650;display:grid}input{color:#181817;border:1px solid #dedbd2;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px}input:focus{border-color:#181817}button{cursor:pointer;border:1px solid #d8d4ca;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 15px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.68}.primary{color:#fff;background:#181817;border-color:#181817}.secondary{color:#181817;background:#fff}.icon-button{width:42px;padding:0}.error{color:#b42318;margin:14px 0 0;font-weight:650}.result{grid-template-columns:minmax(0,1fr) auto}.result a{color:#181817;word-break:break-all;font-size:20px;font-weight:750;text-decoration-thickness:1px}.result-actions{grid-template-columns:minmax(180px,260px) auto auto;align-items:end;gap:8px;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.shell{padding:32px 0}.hero,.dropzone,.controls,.result,.result-actions{grid-template-columns:1fr}.hero{display:grid}.mini-card{min-width:0}}