:root{--bg: #000;--panel: #0b0b0d;--panel2: #121216;--text: #fff;--muted: rgba(255,255,255,.65);--line: rgba(255,255,255,.08);--accent: #2f80ff;--accentGlow: rgba(47,128,255,.25)}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;background:radial-gradient(1200px 600px at 40% 10%,#0c0c12,#000 55% 100%);color:var(--text);line-height:1.6}.topbar{position:relative!important;display:flex;justify-content:center;padding:1.5rem 1rem;background-color:#000;width:100%}@media(max-width:600px){.topbar{padding:.75rem .5rem}.topbar img{width:180px;height:auto}.content{padding:10px 15px 40px}h1{font-size:1.6rem}}.content{max-width:900px;margin:0 auto;padding:40px 20px 80px}h1{font-size:2.2rem;margin-bottom:.5rem;font-weight:600;line-height:1.2}.kicker{color:var(--muted);margin-top:0;margin-bottom:32px;font-size:1rem;font-style:italic}a.tool-link{text-decoration:none;color:inherit;display:block;margin-bottom:44px}.tool{border:1px solid var(--accent);padding:28px;border-radius:18px;background:radial-gradient(900px 320px at 25% 25%,#2f80ff1a,#2f80ff00 60%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 0 0 1px #ffffff08,0 18px 60px #000000a6;transition:transform .18s ease,box-shadow .18s ease}a.tool-link:hover .tool{transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent),0 0 30px var(--accentGlow),0 22px 70px #000000bf}.tool-title{font-weight:700;margin-bottom:8px;font-size:1.2rem}.tool-desc{color:#aaa;font-size:.95rem;margin-bottom:14px}.use-cases{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}.use-cases li{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 12px;font-size:.85rem;color:var(--muted)}.cta{font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;margin-top:4px}.section{margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}.section-label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px}.support-box,.hire-box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.support-box p,.hire-box p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.support-box strong,.hire-box strong{color:#fff;font-size:1rem}.btn-coffee{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#000;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.btn-hire{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.about-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.about-row img{width:44px;height:44px;border-radius:50%;background:#1a1a2e;border:1px solid var(--line);flex-shrink:0}.about-row p{margin:0;color:#aaa;font-size:.95rem}.about ul{list-style:none;padding:0;margin:0}.about li{margin-bottom:8px}.about a{color:#fff;text-decoration:none}.about a:hover{text-decoration:underline}.site-footer{text-align:center;padding:32px 20px;color:#ffffff40;font-size:.8rem;border-top:1px solid var(--line);margin-top:60px}.site-footer a{color:inherit;text-decoration:none}.portfolio-section{margin-bottom:48px}.portfolio-heading{font-size:1.1rem;font-weight:600;color:#ffffffb3;margin-bottom:20px;text-transform:none;letter-spacing:0}.tool-desc{display:flex;flex-direction:column;gap:.55rem}.tool-meta{opacity:.65;font-size:.9em;letter-spacing:.01em}p a,li a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s ease}p a:hover,li a:hover{color:#8ab4f8}:root{--bg: #000;--fg: #fff;--muted: #a8a8a8;--border: #222;--panel: #0f0f0f;--accent: #2f80ff;--accent-soft: rgba(47, 128, 255, .25);--line: rgba(255,255,255,.08)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}.topbar{position:sticky;top:0;z-index:50;padding:18px 18px 10px;background:linear-gradient(to bottom,#000000d9,#0000);backdrop-filter:blur(6px)}.home{display:inline-flex;align-items:center;text-decoration:none}.home img{width:140px;height:auto;display:block;opacity:.95}.home:hover img{opacity:1}.wrap{max-width:1100px;margin:0 auto;padding:28px 18px 60px}.header h1{margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.2}.sub{margin:0 0 18px;color:var(--muted);line-height:1.5;font-size:.95rem}.sub .note{display:block;margin-top:4px;color:#bdbdbd;font-size:.88rem}.mode-toggle{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.mode-btn{padding:12px 18px;border-radius:10px;border:2px solid #444;background:#ffffff0d;color:#e5e5e5;font-weight:500;min-height:48px;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.mode-btn:hover:not(.active){border-color:#555;color:#fff}.mode-btn:active{transform:scale(.98)}@media(max-width:640px){.mode-toggle{flex-direction:column;gap:12px}.mode-btn{width:100%;min-height:52px;font-size:.95rem}}.presets{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.presets-label{font-size:.8rem;color:var(--muted);margin-right:4px}.preset-btn{padding:6px 14px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;color:#ccc;cursor:pointer;font-size:.82rem;transition:all .15s}.preset-btn:hover{background:#ffffff1a;color:#fff;border-color:#555}.panel{background:#1b1b1d;border:1px solid #2a2a2e;border-radius:18px;padding:20px}.previews{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.preview h2{margin:0 0 8px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.2px;text-transform:uppercase}.dropzone-frame{position:relative;min-height:200px;cursor:pointer}.dropzone-frame input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2;width:100%;height:100%}.uploader__text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-align:center;padding:20px;pointer-events:none}.uploader__text strong{display:block;font-size:.95rem;color:#fff}.uploader__text span{font-size:.8rem;color:var(--muted)}.dropzone-frame.dragover{border:2px dashed var(--accent)!important}.dropzone-frame.has-image .uploader__text{display:none}.preview__frame{background:#1a1a1a;border-radius:14px;padding:12px;border:2px dashed #333;transition:border-color .15s}.dropzone-frame:hover{border-color:#555!important}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border:none}canvas{display:block;max-width:100%;height:auto;border-radius:10px;width:100%}.controls{padding-top:4px}.controls label{display:grid;gap:4px;margin-bottom:12px;font-size:13px;color:#ccc}.controls input[type=range]{width:100%;accent-color:var(--accent)}.controls output{color:var(--muted);font-size:12px}.checkbox{display:flex!important;align-items:center;gap:8px;margin-top:4px}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}button{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#000;cursor:pointer;font-size:.88rem;font-weight:600;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{opacity:.85}#downloadWebp{background:var(--accent);color:#fff;border-color:var(--accent)}.hint{margin:10px 0 0;color:var(--muted);font-size:12px;min-height:18px}.footer{margin-top:18px;color:var(--muted);font-size:12px}.tool-footer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.btn-coffee{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#000;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;transition:opacity .15s}.btn-coffee:hover{opacity:.85}.btn-hire{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;transition:opacity .15s}.btn-hire:hover{opacity:.85}.download-grid{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.download-label{font-size:12px;color:var(--muted);margin-right:4px}.btn-dl{padding:14px 28px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:opacity .15s}.btn-dl.dark{background:#fff;color:#000}.btn-dl.light{background:#222;color:#fff;border-color:#444}.btn-dl:disabled{opacity:.35;cursor:not-allowed}.btn-dl:not(:disabled):hover{opacity:.8}.site-footer{text-align:center;padding:28px 20px;color:#ffffff40;font-size:.8rem;border-top:1px solid var(--line);margin-top:40px}.site-footer a{color:#fff6;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media(max-width:700px){.previews{grid-template-columns:1fr}.header h1{font-size:20px}.buttons,.tool-footer-actions{flex-direction:column}}.seo-content{background:#0a0a0a;border-top:1px solid var(--line);padding:60px 20px;margin-top:60px}.seo-wrap{max-width:800px;margin:0 auto}.seo-content h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:24px;margin-top:40px}.seo-content h2:first-child{margin-top:0}.seo-content h3{font-size:1rem;font-weight:600;color:#ddd;margin:0 0 8px}.how-it-works{margin-bottom:40px}.how-it-works p{color:#ccc;margin-bottom:12px;line-height:1.6}.steps-list{list-style:decimal;padding-left:24px;margin:12px 0 24px}.steps-list li{color:#aaa;font-size:.95rem;line-height:1.6;margin-bottom:8px}.slider-explanation{list-style:none;padding:0;margin:12px 0 0}.slider-explanation li{color:#aaa;font-size:.95rem;line-height:1.6;margin-bottom:8px}.slider-explanation strong{color:#fff}.faq-item{margin-bottom:24px}.faq-item p{margin:0;color:#aaa;font-size:.95rem;line-height:1.6}.faq-item strong{color:#fff;font-weight:600}.use-case-list{list-style:none;padding:0;margin:0}.use-case-list li{margin-bottom:16px;color:#aaa;font-size:.95rem;line-height:1.6}.use-case-list strong{color:#fff;font-weight:600}.tool-meta{list-style:none;padding:0;margin:16px 0 8px;display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.tool-meta li{display:flex;align-items:center}.tool-meta li:before{content:"•";margin-right:8px;color:var(--accent)}.privacy-note{font-size:.9rem;color:var(--muted);font-style:italic;margin-top:8px}.lab-note{font-size:.9rem;color:#ffffff80;font-style:italic;margin-top:-16px;margin-bottom:32px}.btn-pricing{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;transition:opacity .15s,transform .15s}.btn-pricing:hover{opacity:.9;transform:translateY(-1px)}.subtle{font-size:.85rem;color:var(--muted);font-style:italic}.watermark-notice{text-align:center;font-size:.9rem;color:var(--muted);margin-top:16px}.watermark-notice a{color:var(--accent);text-decoration:none;font-weight:500}.watermark-notice a:hover{text-decoration:underline}.unlock-notice{text-align:center;font-size:1rem;color:#4ade80;margin-top:12px;font-weight:500}.unlock-options{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.btn-unlock{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:opacity .15s;box-shadow:0 2px 8px #4ade804d}.btn-unlock:hover{opacity:.9}.or-text{color:var(--muted);font-size:.9rem}.link-pro{color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:500}.link-pro:hover{text-decoration:underline}.header{margin-bottom:32px}body.is-unlocked .unlock-options,body.is-unlocked .watermark-notice,body.is-unlocked .watermark{display:none!important}.unlock-notice{display:none}body.is-unlocked .unlock-notice{display:block!important}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:9999}.modal-backdrop{position:absolute;inset:0;background:#0009}.modal-panel{position:relative;z-index:1;width:min(92vw,560px);margin:10vh auto 0;background:#fff;color:#111;border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000040}.modal-panel h3{margin-top:0;margin-bottom:12px}.modal-panel p{line-height:1.5;margin-bottom:20px}.modal-panel button{appearance:none;border:0;border-radius:10px;padding:12px 18px;cursor:pointer}