@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b12;--surface:#14141f;--surface2:#1c1c2b;--line:#303046;--text:#eeeeff;--muted:#aaaac5;--accent:#7c5cff;--grad:linear-gradient(90deg,#7c5cff,#c05cff)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1000px 500px at 50% -160px,#202039,var(--bg) 70%);color:var(--text);font-family:Poppins,system-ui,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{max-width:1120px;padding:0 22px;margin:auto}.nav{border-bottom:1px solid var(--line);background:#0b0b12e8;position:sticky;top:0;z-index:10}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}.brand{font-size:19px;font-weight:800;letter-spacing:-.5px}.dot{color:#a58dff}.links{display:flex;align-items:center;gap:22px;font-size:14px}.links a:hover{color:#baabff}.active{color:#c4b9ff}.hero{padding:64px 0 34px}.kicker{text-transform:uppercase;color:#bfaaff;font-size:12px;font-weight:700;letter-spacing:1.5px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.13;margin:12px 0;letter-spacing:-1.5px}.hero p{color:var(--muted);max-width:730px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0 40px}.card{border:1px solid var(--line);background:var(--surface);padding:24px;border-radius:17px;transition:.2s;display:block}.card:hover{transform:translateY(-3px);border-color:#8066c7}.card .symbol{display:block;font-size:30px;margin-bottom:15px}.card h2{font-size:18px;margin:0 0 8px}.card p{font-size:13px;color:var(--muted);margin:0}.tag{display:inline-block;margin-top:14px;color:#c3b2ff;font-size:12px;font-weight:600}.panel{padding:27px;border-radius:20px;background:var(--surface);border:1px solid var(--line);margin-bottom:24px}.panel h2{margin:0 0 12px;font-size:21px}.upload{border:2px dashed #56516f;border-radius:17px;text-align:center;padding:30px 18px;cursor:pointer;display:block;background:#1c1c2b}.upload:hover,.upload.drag{border-color:#a187ff;background:#26213f}.upload strong{display:block;font-size:18px}.upload small{color:var(--muted)}.upload input{display:none}.preview{max-width:100%;max-height:360px;background:#000;border-radius:12px;margin:18px auto;display:block}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.control label{display:block;color:var(--muted);font-size:13px;margin:0 0 7px}.control select,.control input{width:100%;padding:12px;color:white;background:var(--surface2);border:1px solid var(--line);border-radius:10px}.button{padding:13px 22px;color:white;border:0;border-radius:11px;background:var(--grad);cursor:pointer;font-weight:700}.button:disabled{opacity:.45;cursor:not-allowed}.button.secondary{background:#34334e}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:15px}.status{color:#c9c4e4;font-size:13px}.note{color:var(--muted);font-size:12px}.info h2{font-size:21px;margin:26px 0 8px}.info p{color:#c8c8d9}.footer{margin-top:60px;border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:13px}.breadcrumbs{margin-top:26px;font-size:13px;color:var(--muted)}.breadcrumbs a:hover{color:white}.pill{display:inline-block;padding:5px 10px;border:1px solid var(--line);border-radius:100px;font-size:12px;color:#bbb2da;margin:8px 0}#result{margin-top:15px}#result a{color:#b9aaff;text-decoration:underline}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.thumbs a{background:#1c1c2b;border-radius:10px;overflow:hidden;font-size:12px}.thumbs img{width:100%;display:block}.thumbs span{display:block;padding:5px}.hidden{display:none!important}@media(max-width:760px){.grid{grid-template-columns:1fr 1fr}.links{gap:10px;font-size:12px}.controls{grid-template-columns:1fr}.hero{padding:34px 0 18px}}@media(max-width:530px){.grid{grid-template-columns:1fr}.brand{font-size:15px}.links{gap:7px;font-size:11px}.panel{padding:16px}.thumbs{grid-template-columns:repeat(2,1fr)}}