@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{margin:0;min-width:320px;min-height:100dvh}#app{width:100%;min-height:100dvh}*{box-sizing:border-box}:root{--ui-bg: #f5f7fb;--ui-surface: #ffffff;--ui-surface-2: #f1f3f7;--ui-text: #0f172a;--ui-muted: rgba(15, 23, 42, .62);--ui-border: rgba(15, 23, 42, .12);--ui-focus: rgba(112, 0, 255, .25);--ui-primary: #7000ff;--ui-primary-hover: #5a00cc;--ui-success: #16a34a;--ui-danger: #dc2626;--ui-radius: 10px;--ui-gap: 14px}@media(prefers-color-scheme:dark){:root{--ui-bg: #0b0c10;--ui-surface: rgba(255, 255, 255, .04);--ui-surface-2: rgba(255, 255, 255, .06);--ui-text: rgba(255, 255, 255, .92);--ui-muted: rgba(255, 255, 255, .55);--ui-border: rgba(255, 255, 255, .1)}}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--ui-bg);color:var(--ui-text)}.ui{width:100%;max-width:860px;margin:0 auto;padding:28px 18px 40px;min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;gap:22px}.ui__top{display:flex;align-items:center;justify-content:space-between;gap:14px}.ui__brand{display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.ui__logo{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-primary)}.ui__brandText{line-height:1.05}.ui__brandTitle{font-weight:800;letter-spacing:-.02em}.ui__brandSub{font-size:12px;color:var(--ui-muted);margin-top:2px}.ui__lang{display:inline-flex;border:1px solid var(--ui-border);border-radius:999px;overflow:hidden;background:var(--ui-surface)}.ui__langBtn{appearance:none;border:0;background:transparent;color:var(--ui-muted);padding:8px 12px;font-weight:700;font-size:12px;cursor:pointer}.ui__langBtn.is-active{color:var(--ui-text);background:#7000ff1a}.ui__hero{padding-top:4px}.ui__h1{margin:0;font-size:34px;letter-spacing:-.03em;line-height:1.1}.ui__p{margin:10px 0 0;color:var(--ui-muted);max-width:60ch}.ui__form{display:grid;align-content:start}.ui__group{display:grid;gap:var(--ui-gap)}.ui__label{font-size:13px;color:var(--ui-muted)}.ui__row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.ui__input{width:100%;min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:14px;background:var(--ui-surface);color:var(--ui-text);font-size:16px;outline:none}.ui__input:focus{border-color:#7000ff99;box-shadow:0 0 0 4px var(--ui-focus)}.ui__btn{border:0;border-radius:var(--ui-radius);padding:0 18px;min-width:150px;font-weight:800;background:var(--ui-primary);color:#fff;cursor:pointer;transition:background .15s ease,transform .05s ease}.ui__btn:hover:not(:disabled){background:var(--ui-primary-hover)}.ui__btn:active:not(:disabled){transform:translateY(1px)}.ui__btn:disabled{opacity:.6;cursor:not-allowed}.ui__spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fffffff2;border-radius:50%;animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui__error{margin:0;color:var(--ui-danger);font-size:13px}.ui__link{justify-self:start;border:0;background:transparent;color:var(--ui-muted);cursor:pointer;padding:0;font-size:13px;text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:3px}.ui__link:hover{color:var(--ui-text)}.ui__subid{display:grid;gap:8px}.ui__result{margin-top:18px;padding-top:18px;border-top:1px solid var(--ui-border)}.ui__resultTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.ui__resultLabel{font-size:13px;color:var(--ui-muted)}.ui__copied{font-size:13px;color:var(--ui-success);font-weight:700}.ui__resultRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.ui__resultInput{display:block;width:100%;padding:14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);font-family:inherit;font-size:16px;outline:none;cursor:text;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui__resultInput:focus{border-color:#7000ff99}.ui__iconBtn{width:44px;height:44px;border-radius:var(--ui-radius);border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);cursor:pointer;display:grid;place-items:center}.ui__iconBtn:hover{border-color:#7000ff73}.ui__iconBtn.is-copied{border-color:#16a34a8c;color:var(--ui-success)}.ui__wizard{display:none}.ui__wizardImg{width:100%;max-width:100%;height:auto;border-radius:var(--ui-radius);object-fit:contain}.ui__footer{padding-top:8px}.ui__footNote{color:var(--ui-muted);font-size:13px;max-width:85ch}.ui__disclaimer{margin-top:12px;color:var(--ui-muted);opacity:.7;font-size:11px;max-width:85ch}.ui__ai{background:linear-gradient(135deg,#7000ff14,#5a00cc1f);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:24px;margin-top:24px}.ui__aiTitle{margin:0 0 16px;font-size:15px;font-weight:600;text-align:center;color:var(--ui-text)}.ui__aiButtons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ui__aiBtn{appearance:none;display:inline-flex;align-items:center;gap:8px;background:var(--ui-surface);color:var(--ui-text);padding:10px 16px;text-decoration:none;border-radius:8px;font-weight:500;font-size:14px;border:1px solid var(--ui-border);transition:all .2s ease;cursor:pointer}.ui__aiBtn:hover{background:var(--ui-surface-2);border-color:#7000ff4d;transform:translateY(-1px);box-shadow:0 2px 8px #7000ff26}.ui__aiBtn svg{width:18px;height:18px;flex-shrink:0}.ui__aiCopied{margin-top:12px;text-align:center;color:var(--ui-success);font-size:13px;font-weight:600}.ui-fade-enter-active,.ui-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.ui-fade-enter-from,.ui-fade-leave-to{opacity:0;transform:translateY(6px)}.ui-slide-enter-active,.ui-slide-leave-active{transition:opacity .2s ease,transform .2s ease}.ui-slide-enter-from,.ui-slide-leave-to{opacity:0;transform:translateY(-4px)}@media(min-width:641px){.ui__wizard{display:block;margin-top:32px}}@media(max-width:640px){.ui{padding:18px 14px 28px;gap:18px}.ui__h1{font-size:26px}.ui__row{grid-template-columns:1fr}.ui__btn{min-width:0;height:46px}.ui__resultRow{grid-template-columns:1fr}.ui__iconBtn{width:100%;height:46px}.ui__ai{padding:20px 16px}.ui__aiButtons{flex-direction:column}.ui__aiBtn{width:100%;justify-content:center}}