@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#f5f4f7;background:#101012;--violet:#b792ff}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 37%,#b792ff08,transparent 58%),#101012}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:4px}[hidden]{display:none!important}
.topbar{height:68px;padding:0 32px;border-bottom:1px solid #27262c;display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-link{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:#f5f4f7;font-size:14px;letter-spacing:.02em}.studio-link>span:first-child{color:#99949f;font-size:11px;letter-spacing:.13em}.studio-link>span:last-child{color:#77727e;margin-left:8px}.topbar button{border:1px solid #36323e;border-radius:7px;background:transparent;color:#d3cedb;padding:9px 12px;font-size:12px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{max-width:520px;margin:clamp(36px,10vh,100px) auto 0;padding:0 20px 32px}.lingo{padding:30px;border:1px solid #333038;border-radius:18px;background:#17161bbf;box-shadow:0 24px 72px #0003}.identity{display:flex;align-items:center;gap:16px;margin-bottom:32px}.identity img{flex-shrink:0}.brand-line{display:flex;align-items:baseline;gap:13px}h1{font:600 34px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}.brand-line>span{font-size:10px;color:var(--violet);letter-spacing:.07em;white-space:nowrap}.identity p{margin:6px 0 0;color:#a6a0b0;font-size:14px}
label{display:block;font-size:12px;font-weight:600;margin-bottom:10px;color:#d8d3df}.url-field{display:flex;gap:8px;padding:6px;border:1px solid #413a4d;border-radius:10px;background:#101012}.url-field:focus-within{border-color:var(--violet)}input{width:100%;min-width:0;outline:0!important;border:0;background:transparent;color:#f5f4f7;padding:9px 7px;font-size:14px}input::placeholder{color:#817a8c}.url-field button,.destination button{color:#d7c4ff;background:#b792ff13;border:1px solid #b792ff26;border-radius:6px;padding:8px 11px;font-size:12px;white-space:nowrap}.hint{font-size:11px;color:#837c90;line-height:1.6;margin:10px 0 24px}.destination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid #2e2b34;border-radius:10px;background:#1c1b20;margin-bottom:22px}.destination>div{min-width:0}.destination span{display:block;font-size:10px;letter-spacing:.03em;color:#9e96ab;margin-bottom:5px}.destination strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;background:var(--violet);color:#1a112b;padding:16px 18px;font-size:14px;font-weight:700}.primary:hover:not(:disabled){background:#c5a5ff}
.status-area{margin-top:20px;min-height:52px}.status-line{display:flex;gap:8px;align-items:start;justify-content:space-between}#status{font-size:12px;line-height:1.6;color:#a9a1b5;margin:0;overflow-wrap:anywhere}#status[data-state=error]{color:#ffb8bc}#status[data-state=done]{color:var(--violet)}#cancel{padding:0;border:0;background:transparent;color:var(--violet);font-size:12px;line-height:1.6}progress{appearance:none;width:100%;height:4px;display:block;margin:14px 0 8px;border:0;border-radius:4px;background:#302738;overflow:hidden}progress::-webkit-progress-bar{background:#302738}progress::-webkit-progress-value{background:var(--violet)}progress::-moz-progress-bar{background:var(--violet)}progress:indeterminate{background:linear-gradient(90deg,#302738,var(--violet),#302738);background-size:200% 100%;animation:working 1.5s linear infinite}#detail{font-size:11px;line-height:1.5;color:#8b8299;margin:6px 0;overflow-wrap:anywhere}.footnote{border-top:1px solid #2e2b34;padding-top:17px;margin:12px 0;color:#8b8299;font-size:11px;line-height:1.7}.desktop-link{font-size:10px;line-height:1.8;color:#a99aba;text-decoration:none}.desktop-link:hover{color:var(--violet)}footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.12em;color:#67606f;margin-top:23px;padding:0 5px}footer span{color:#817189}
@keyframes working{to{background-position:-200% 0}}@media(max-width:480px){.topbar{padding:0 18px;height:60px}.topbar button{font-size:11px;max-width:58%}main{margin-top:32px;padding:0 14px 24px}.lingo{padding:23px 20px;border-radius:14px}.identity{gap:12px}.identity img{width:56px;height:56px}.brand-line{gap:10px}h1{font-size:31px}.destination{padding:13px 12px}.destination button{padding:7px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){progress:indeterminate{animation:none}}