:root{
  --bg:#06070b;--bg2:#0b0d14;--bg3:#121521;--panel:rgba(13,16,24,.82);--panel2:rgba(18,22,34,.92);--panel3:rgba(255,255,255,.03);
  --ink:#f5f1e8;--muted:#a2a9b7;--line:rgba(212,175,55,.16);--line2:rgba(255,255,255,.08);--strong:#d4af37;--strong2:#8b6cff;
  --soft:#1a1f2c;--ok:#49b67d;--bad:#d05d5d;--shadow:0 28px 80px rgba(0,0,0,.45);--glow:0 0 0 1px rgba(212,175,55,.08),0 0 32px rgba(139,108,255,.10);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font);line-height:1.55;background:radial-gradient(circle at 18% 12%,rgba(139,108,255,.12) 0 0,rgba(139,108,255,0) 28%),radial-gradient(circle at 82% 10%,rgba(212,175,55,.10) 0 0,rgba(212,175,55,0) 24%),radial-gradient(circle at 50% 100%,rgba(80,60,160,.10) 0 0,rgba(80,60,160,0) 32%),linear-gradient(135deg,#05060a 0%,#0b0d14 38%,#10131d 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;width:calc(100% - 48px);margin:0 auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0 28px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff7df}.mark{width:38px;height:38px;border:1px solid rgba(212,175,55,.45);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01)),linear-gradient(135deg,#151925,#0d1018);box-shadow:0 0 0 1px rgba(212,175,55,.08),0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);position:relative}.mark:before{content:"";position:absolute;left:7px;right:7px;top:11px;height:4px;background:linear-gradient(90deg,var(--strong2),var(--strong));box-shadow:0 9px 0 var(--strong);border-radius:4px}.nav{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:14px}.nav a{border-bottom:1px solid transparent;transition:.18s}.nav a:hover{color:var(--strong);border-color:rgba(212,175,55,.45)}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:30px;align-items:start}.hero>div:first-child{padding:38px 0 20px}.kicker{display:inline-flex;border:1px solid rgba(212,175,55,.18);background:rgba(255,255,255,.03);padding:7px 11px;border-radius:999px;color:var(--strong);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--glow)}h1{font-size:clamp(42px,7vw,82px);line-height:.91;margin:22px 0 18px;letter-spacing:-.06em;max-width:760px;color:#fff8ea;text-shadow:0 8px 24px rgba(0,0,0,.35)}.lead{font-size:clamp(18px,2vw,23px);color:#c0c7d4;max-width:760px;margin:0 0 24px}.quickfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.quickfacts span{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:13px;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#f3ebd6;font-size:14px;font-weight:800}.quickfacts span:before{content:none}
.tool{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)),var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(16px);padding:0}.tabs{display:flex;margin:0;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);padding:0;gap:0}.tab{flex:1;border:0;background:transparent;padding:17px 14px;font-weight:900;color:#9099a9;cursor:pointer;font-size:15px;transition:.18s;border-radius:0}.tab.active{color:#fff5dc;background:rgba(255,255,255,.02);box-shadow:inset 0 -4px 0 var(--strong)}.tab:hover{color:#e9d59a}.pane{display:none;padding:22px}.pane.active{display:block}
.drop{border:2px dashed rgba(212,175,55,.28);background:radial-gradient(circle at top,rgba(139,108,255,.08),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border-radius:22px;padding:32px 24px;text-align:center;cursor:pointer;transition:.18s}.drop:hover,.drop.dragover{border-color:var(--strong);transform:translateY(-1px);box-shadow:0 0 0 1px rgba(212,175,55,.10),0 18px 40px rgba(0,0,0,.25)}.drop.disabled{opacity:.55;pointer-events:none}.upload-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.22);background:rgba(212,175,55,.07);color:var(--strong)}.upload-icon svg{width:25px;height:25px}.drop strong{display:block;font-size:22px;font-weight:950;letter-spacing:-.03em;color:#fff4d6}.drop span{display:block;color:var(--muted);font-size:14px;margin-top:7px}.drop .formats{margin-top:12px;color:#bda66f;font-family:var(--mono);font-size:12px}input[type=file]{display:none}
.preview-grid{display:none;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:12px}.preview-grid img{width:100%;height:72px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#07090d}
details.options{margin-top:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);padding:13px 14px}details.options summary{cursor:pointer;font-weight:850;color:#e8ddc5;font-size:14px}.options-hint{margin:9px 0 0;color:var(--muted);font-size:12px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#b49a60}.field input,.field select,.lookup input,.result input{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--ink);border-radius:14px;padding:13px 14px;font:15px var(--font);outline:none;transition:.18s}.field select option{background:#0b0d14;color:var(--ink)}.field input:focus,.field select:focus,.lookup input:focus{border-color:rgba(212,175,55,.42);box-shadow:0 0 0 4px rgba(212,175,55,.10)}.checks{display:grid;gap:8px;margin-top:12px}.check{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px;line-height:1.45}.check input{margin-top:3px;accent-color:var(--strong)}
.progress{display:none;margin-top:12px;border:1px solid rgba(212,175,55,.22);background:rgba(212,175,55,.07);border-radius:14px;padding:12px}.progress-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#f4dfaa;font-size:14px}.track{height:12px;margin-top:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.bar{height:100%;width:0;background:linear-gradient(90deg,#d7b866,#f0c86a);transition:width .18s ease}.status{display:none;min-height:24px;margin:13px 0 0;color:#b3a793;font-size:14px}.status.ok{display:block;border:1px solid rgba(73,182,125,.25);background:rgba(73,182,125,.08);color:#9ae2bc;padding:12px 14px;border-radius:14px}.status.error{display:block;border:1px solid rgba(208,93,93,.25);background:rgba(208,93,93,.08);color:#efb1b1;padding:12px 14px;border-radius:14px}
.result{display:none;margin-top:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:18px;padding:14px}.result h2{font-size:15px;margin:0;color:#e8ddc5}.code-big{font-family:var(--mono);font-size:clamp(28px,5vw,48px);letter-spacing:.12em;font-weight:900;text-align:center;color:var(--strong);padding:12px 0;word-break:break-all;text-shadow:0 0 18px rgba(212,175,55,.14)}.result-actions{display:flex;gap:10px}.btn{border:1px solid rgba(212,175,55,.18);border-radius:14px;background:linear-gradient(180deg,#d7b866,#b88e33);color:#16120a;padding:13px 16px;font-weight:950;cursor:pointer;min-height:46px;transition:.18s;box-shadow:0 10px 22px rgba(0,0,0,.20);text-align:center;flex:1}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-soft{background:rgba(255,255,255,.03);color:#f2ead8;border:1px solid rgba(255,255,255,.08);box-shadow:none}.result input{margin-top:10px;font-family:var(--mono);font-size:12px;color:#c6b98f}.lookup{display:grid;gap:12px}.lookup h2{margin:0;color:#fff4d6;font-size:22px}.lookup p{color:var(--muted);margin:0}.lookup-row{display:flex;gap:10px}.lookup input{text-align:center;font-family:var(--mono);font-size:18px;text-transform:uppercase;letter-spacing:.1em}.lookup-row .btn{flex:0 0 auto}.benefits{padding:36px 0 10px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.benefit{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:16px;border-radius:16px}.benefit strong{display:block;color:#f3ebd6;font-size:14px}.benefit p{display:block;color:var(--muted);font-size:13px;margin:5px 0 0}.footer{margin:34px auto 10px;padding:18px 0 30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#9a9fad;font-size:13px}.footer a:hover{color:var(--strong)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero>div:first-child{padding-top:10px;order:2}.tool{order:1}.quickfacts{grid-template-columns:1fr}.wrap{width:calc(100% - 28px)}.nav{justify-content:flex-end}.benefit-grid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{align-items:flex-start}.brand{font-size:14px}.nav{font-size:12px;gap:8px}.hero{gap:16px}.pane{padding:16px}.drop{padding:24px 16px}h1{font-size:38px}.lead{font-size:16px}.quickfacts{display:none}.options-grid{grid-template-columns:1fr}.result-actions,.lookup-row{flex-direction:column}.lookup-row .btn{width:100%}.wrap{width:calc(100% - 20px)}}

/* Shared controls in all language versions. */
.drop{display:block;width:100%;font:inherit;color:inherit}
.drop .upload-icon{display:grid;color:var(--strong);margin:0 auto 12px}
.owner-result{margin-top:14px;border-top:1px solid var(--line2);padding-top:12px}
.owner-result label{font-size:13px;font-weight:800;color:#e8ddc5}
.owner-result p{font-size:12px;color:var(--muted);margin:5px 0}
.owner-result button{width:100%;margin-top:8px;font-size:12px}
button:disabled{cursor:wait;opacity:.6}
:focus-visible{outline:2px solid var(--strong2);outline-offset:3px}
.hero>*,.field,.lookup-row>*,.result-actions>*{min-width:0}
@media(max-width:620px){
 .topbar{flex-wrap:wrap;padding:12px 0 16px;gap:10px}
 .brand{font-size:12px;letter-spacing:.025em;gap:8px;min-width:0}
 .mark{flex:0 0 30px;width:30px;height:30px}
 .mark:before{top:8px;left:5px;right:5px;height:3px;box-shadow:0 7px 0 var(--strong)}
 .nav{width:100%;justify-content:space-between;gap:7px}
 .tab{padding:13px 8px;font-size:13px}
 .field input,.field select{font-size:16px}
 .drop{padding:22px 12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.result-links{display:grid;gap:10px;margin-top:12px}.result-link-block{display:grid;gap:6px}.result-link-block label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#b49a60}.result-links input{margin-top:0}.result-link-row{display:flex;gap:8px;align-items:center}.result-link-row input{flex:1;min-width:0}.result-copy-btn{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:12px}
@media(max-width:620px){.result-link-row{flex-direction:column;align-items:stretch}.result-copy-btn{width:100%}}