:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d11;--bg-raised:#0e1116;--surface-solid:#12161d;--surface-2:#171c24;--border:#222a35;--border-strong:#2f3a49;--ink:#e9edf3;--ink-muted:#a4aebc;--ink-faint:#7d8898;--blue:#58c4ff;--blue-strong:#2ea8f0;--orange:#ff9040;--orange-strong:#ff7a1a;--accent:var(--blue);--accent-2:var(--orange);--accent-ink:#071018;--blue-glow:#58c4ff24;--blue-soft:#58c4ff17;--blue-line:#58c4ff40;--orange-glow:#ff904024;--orange-soft:#ff904017;--orange-line:#ff904040;--danger:#ff9d8a;--danger-soft:#f871711a;--gradient-accent:linear-gradient(115deg, var(--blue), var(--orange));--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", SFMono-Regular, Consolas, "Liberation Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-s:10px;--radius-m:16px;--radius-pill:999px;--shadow-soft:0 1px 0 #e9edf30a inset, 0 10px 30px #00000059;--shadow-lift-blue:0 1px 0 #e9edf30f inset, 0 16px 44px #00000080, 0 0 0 1px var(--blue-glow), 0 0 32px var(--blue-glow);--shadow-lift-orange:0 1px 0 #e9edf30f inset, 0 16px 44px #00000080, 0 0 0 1px var(--orange-glow), 0 0 32px var(--orange-glow);--ease:cubic-bezier(.25, .6, .3, 1);--speed:.18s;--measure:42rem;--page-width:68rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(60rem 32rem at 78% -12rem, var(--blue-soft), transparent 60%), radial-gradient(48rem 28rem at 8% -8rem, var(--orange-soft), transparent 60%);background-repeat:no-repeat;flex-direction:column;min-height:100vh;margin:0;font-size:1rem;line-height:1.65;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#e9edf30d 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000040 40rem);mask-image:linear-gradient(#000000e6,#00000040 40rem)}body>*{z-index:1;position:relative}img,canvas,svg,video{max-width:100%;height:auto}h1,h2,h3{letter-spacing:-.025em;margin:0 0 var(--space-4);font-weight:700;line-height:1.12}h1{font-size:clamp(2.1rem,5.5vw,3.4rem)}h1 .glow{color:var(--orange)}h2{margin-top:var(--space-7);font-size:1.3rem}p{margin:0 0 var(--space-4);max-width:var(--measure)}a{color:var(--blue);text-underline-offset:3px;transition:color var(--speed) var(--ease);text-decoration-thickness:1px}a:hover{color:var(--orange)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--radius-s)}::selection{background:#58c4ff47}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0b0d11b8;position:sticky;top:0}.site-header__inner{max-width:var(--page-width);padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:baseline;font-size:1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.brand span{background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.site-nav{gap:var(--space-2);margin-left:auto;display:flex}.site-nav a{color:var(--ink-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);transition:all var(--speed) var(--ease);border:1px solid #0000;font-size:.92rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);border-color:var(--border-strong);background:var(--surface-2)}main{width:100%;max-width:var(--page-width);padding:var(--space-8) var(--space-5) var(--space-8);flex:1;margin:0 auto}.lead{color:var(--ink-muted);max-width:38rem;font-size:1.15rem}.promise{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.02em;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);margin-bottom:var(--space-5);font-size:.8rem;display:inline-flex}.promise:before{content:"";background:var(--orange);width:7px;height:7px;box-shadow:0 0 10px var(--orange);border-radius:50%;flex-shrink:0}.site-footer{border-top:1px solid var(--border);background:var(--bg-raised);color:var(--ink-muted);font-size:.9rem}.site-footer__inner{max-width:var(--page-width);padding:var(--space-7) var(--space-5) var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0 auto;display:grid}.site-footer h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:var(--space-3);font-size:.72rem;font-weight:600}.site-footer ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--ink-muted);transition:color var(--speed) var(--ease);text-decoration:none}.site-footer a:hover{color:var(--orange)}.site-footer__meta{border-top:1px solid var(--border);padding-top:var(--space-4);gap:var(--space-4);color:var(--ink-faint);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;display:flex}.hub-head{text-align:center;margin-bottom:var(--space-2)}.hub-title{margin-bottom:var(--space-2);font-size:clamp(1.7rem,4vw,2.4rem)}.tool-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:0;list-style:none;display:grid}.tool-card{text-align:center;justify-items:center;gap:var(--space-1);background:linear-gradient(180deg, var(--surface-2), var(--surface-solid));border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-5) var(--space-3);color:var(--ink);box-shadow:var(--shadow-soft);transition:transform var(--speed) var(--ease), box-shadow var(--speed) var(--ease), border-color var(--speed) var(--ease);--tool-hue:var(--blue);text-decoration:none;display:grid;position:relative;overflow:hidden}.tool-card:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--tool-hue) 35%, transparent), transparent);opacity:0;height:1px;transition:opacity var(--speed) var(--ease);position:absolute;inset:0 0 auto}.tool-card:hover{border-color:color-mix(in srgb, var(--tool-hue) 35%, var(--border));color:var(--ink);transform:translateY(-3px);box-shadow:inset 0 1px #e9edf30f,0 16px 44px #00000080}.tool-card:hover:after{opacity:1}.tool-card__icon{background:color-mix(in srgb, var(--tool-hue) 10%, transparent);border:1px solid color-mix(in srgb, var(--tool-hue) 25%, transparent);width:4.25rem;height:4.25rem;color:var(--tool-hue);margin-bottom:var(--space-2);transition:transform var(--speed) var(--ease);border-radius:20px;place-items:center;display:inline-grid}.tool-card:hover .tool-card__icon{transform:scale(1.06)}.tool-card__icon svg{width:2.1rem;height:2.1rem}.tool-card__name{letter-spacing:-.01em;font-size:.95rem;font-weight:650;line-height:1.3;display:block}.tool-card__badge{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px var(--space-2);font-size:.65rem;position:absolute}.btn{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;color:var(--accent-ink);background:var(--gradient-accent);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);cursor:pointer;transition:filter var(--speed) var(--ease), transform var(--speed) var(--ease), box-shadow var(--speed) var(--ease);box-shadow:0 0 0 1px var(--blue-line), 0 8px 24px #58c4ff1f, 0 8px 24px #ff904014;border:none;font-weight:650;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 0 1px #58c4ff66,0 8px 32px #58c4ff33,0 8px 32px #ff904024}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{color:var(--blue);border:1px solid var(--border-strong);box-shadow:none;background:0 0}.btn--ghost:hover:not(:disabled){background:var(--blue-soft);filter:none;border-color:#58c4ff66}.dropzone{text-align:center;place-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);background:linear-gradient(180deg, var(--surface-2), transparent);border:1.5px dashed var(--border-strong);border-radius:var(--radius-m);color:var(--ink-muted);cursor:pointer;transition:border-color var(--speed) var(--ease), background var(--speed) var(--ease), box-shadow var(--speed) var(--ease);display:grid;position:relative}.dropzone:hover,.dropzone.is-dragover{border-color:var(--orange);background:var(--orange-soft);box-shadow:inset 0 0 48px #ff90400f}.dropzone strong{color:var(--ink);letter-spacing:-.01em;font-size:1.1rem}.dropzone input[type=file]{display:none}.dropzone__hint{font-family:var(--font-mono);color:var(--ink-faint);font-size:.78rem}.dropzone__error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-s);padding:var(--space-1) var(--space-3);border:1px solid #f8717140;font-size:.9rem}.panel{background:linear-gradient(180deg, var(--surface-2), var(--surface-solid));border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-5);box-shadow:var(--shadow-soft);margin:var(--space-5) 0}.field{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);font-size:.75rem;font-weight:600}.field input[type=text],.field input[type=number],.field textarea,.field select{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:var(--space-2) var(--space-3);transition:border-color var(--speed) var(--ease), box-shadow var(--speed) var(--ease)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow);outline:none}input[type=range]{accent-color:var(--orange);width:100%}.stat-row{gap:var(--space-5);flex-wrap:wrap;align-items:baseline;display:flex}.stat{gap:2px;display:grid}.stat__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:.7rem}.stat__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:650}.stat__value--good{color:var(--orange);text-shadow:0 0 18px var(--orange-glow)}.swatch-row{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.swatch{border-radius:var(--radius-s);border:1px solid var(--border-strong);cursor:pointer;width:3rem;height:3rem;transition:transform var(--speed) var(--ease), box-shadow var(--speed) var(--ease)}.swatch:hover{box-shadow:0 0 0 1px var(--blue);transform:scale(1.08)}.faq{max-width:var(--measure)}.faq details{border-bottom:1px solid var(--border);padding:var(--space-3) 0}.faq summary{cursor:pointer;transition:color var(--speed) var(--ease);font-weight:600;list-style:none}.faq summary:hover{color:var(--blue)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;font-family:var(--font-mono);color:var(--ink-faint);transition:transform var(--speed) var(--ease), color var(--speed) var(--ease)}.faq details[open] summary:after{color:var(--orange);transform:rotate(45deg)}.faq p{color:var(--ink-muted)}.steps{gap:var(--space-4);margin:var(--space-5) 0;counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));padding:0;list-style:none;display:grid}.steps li{background:linear-gradient(180deg, var(--surface-2), var(--surface-solid));border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-4);counter-increment:step;color:var(--ink-muted);font-size:.95rem}.steps li:before{content:"0" counter(step);font-family:var(--font-mono);letter-spacing:.08em;color:var(--orange);margin-bottom:var(--space-2);font-size:.8rem;font-weight:650;display:block}.result-figure{margin:var(--space-4) 0;text-align:center}.result-figure img,.result-figure canvas{border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--bg-raised);width:auto;max-height:24rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.ad-slot{display:none}html[data-ads=on] .ad-slot{min-height:90px;margin:var(--space-6) 0;display:block}@media (prefers-reduced-motion:reduce){*{transition:none!important}}