@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&family=JetBrains+Mono:wght@300;400&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Bebas Neue", serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--color-black:#0a0a0a;--color-white:#fff;--color-orange:#ff6b00;--color-orange-2:#ff8c33;--color-orange-glow:#ff6b001f;--color-gray-dark:#f5f5f2;--color-gray-mid:#e8e8e4;--color-gray-muted:#c9c9c2;--color-gray-text:#6b6b66;--bg:#f7f7f4;--panel:#fff;--panel-soft:#f1f1ed;--border:#e4e4de;--text:#161616;--muted:#6b6b66;--primary:var(--color-orange);--primary-2:var(--color-orange-2);--success:#16a34a;--danger:#ef4444;--shadow:0 22px 60px #1414121f;--shadow-sm:0 12px 28px #14141217;--radius:24px;font-family:var(--font-body);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{background-color:var(--bg);color:var(--text);overflow-x:clip}body{background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#1414120b 1px,#0000 1px),linear-gradient(90deg,#1414120b 1px,#0000 1px),radial-gradient(circle at 12% -4%,#ff6b0014,#0000 34%),radial-gradient(circle at 90% 0,#ff6b000d,#0000 30%);background-size:80px 80px,80px 80px,auto,auto;min-height:100vh;margin:0}body:after{content:"";pointer-events:none;z-index:9998;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--color-orange);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--color-orange);border-radius:2px}.site-header{z-index:100;border-bottom:1px solid var(--border,#e5e4df);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.brand-mark{align-items:center;text-decoration:none;display:inline-flex}.brand-mark img{display:block}main{width:min(1050px,94vw);margin:0 auto;padding:48px 0 72px}.hero{text-align:center;max-width:820px;margin:0 auto 28px}.pill{color:var(--color-orange);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#ff6b0014;border:1px solid #ff6b004d;border-radius:999px;padding:8px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.hero h1{color:var(--text);font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 0 60px #ff6b002e;margin:18px 0 12px;font-size:clamp(3rem,9vw,6.5rem);line-height:.92}.hero p{max-width:640px;color:var(--color-gray-text);margin:20px auto 0;font-size:1.06rem;font-weight:300;line-height:1.65}.grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);background:#ffffffeb;padding:26px}.card h2{color:var(--text);margin:0 0 16px;font-size:1.16rem;font-weight:600}.drop{border:2px dashed var(--color-gray-muted);background:var(--panel-soft);text-align:center;cursor:pointer;border-radius:22px;place-items:center;min-height:190px;padding:24px;transition:border-color .2s,background .2s;display:grid}.drop:hover{border-color:var(--color-orange);background:#ff6b000d}.drop strong{color:var(--text);font-size:1.02rem}.drop span{color:var(--muted);margin-top:8px;font-size:.92rem;display:block}.error{color:var(--danger);background:#fff0f0;border:1px solid #ffc9c3;border-radius:14px;padding:12px 14px;font-size:.92rem}.preview{border:1px solid var(--border);background:var(--panel-soft);border-radius:18px;align-items:center;gap:16px;margin-top:18px;padding:14px;display:flex}.preview img{object-fit:cover;border:1px solid var(--border);border-radius:24px;width:110px;height:110px}.preview b{color:var(--text)}.preview div{color:var(--muted);font-size:.9rem}.ok{color:var(--success);font-weight:800}.warn{color:#a86400;font-weight:800}label{color:var(--text);gap:8px;margin:14px 0;font-weight:700;display:grid}select,input[type=color]{border:1px solid var(--color-gray-muted);background:var(--panel);height:46px;color:var(--text);font:inherit;border-radius:14px;padding:0 12px}.check{color:var(--text);align-items:center;gap:10px;font-weight:600;display:flex}.check input{width:18px;height:18px;accent-color:var(--color-orange)}button,.download{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;cursor:pointer;border:0;border-radius:15px;place-items:center;width:100%;min-height:48px;margin-top:16px;padding:13px 18px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .16s,filter .16s,box-shadow .16s;display:grid}button:hover,.download:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 0 44px #ff6b0073}button:disabled{background:var(--color-gray-muted);cursor:not-allowed;filter:grayscale();opacity:.55;transform:none}.secondary{background:var(--panel-soft);color:var(--text);border:1px solid var(--color-gray-muted);box-shadow:none}.secondary:hover{filter:brightness(.98);box-shadow:var(--shadow-sm)}.result{color:var(--text);background:#edfdf4;border:1px solid #abefc6;border-radius:18px;margin-top:18px;padding:16px}.result b{margin-bottom:6px;display:block}.instructions{margin-top:22px}.instructions p{color:var(--muted);line-height:1.6}.instructions b{color:var(--text)}code{background:var(--panel-soft);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:6px;padding:2px 6px;font-size:.88em}.privacy{color:var(--success);font-weight:800}@media (width<=800px){main{padding:30px 0}.grid{grid-template-columns:1fr}.hero p{font-size:17px}.card{border-radius:22px;padding:20px}}