@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090b10;--panel:#111722;--panel2:#151e2b;--line:#ffffff18;--muted:#95a1b2;--lime:#c7f36b;--violet:#ac8cff}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#26314955,transparent 35%),var(--bg);color:#f5f7fb;font-family:Manrope,Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.top{height:78px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090b10ed;position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 19px 'Space Grotesk';letter-spacing:.08em}.brand img{width:31px;height:31px;object-fit:contain}.brand span span{color:var(--lime)}nav{display:flex;gap:32px}nav a,.top-cta{color:#aab5c4;text-decoration:none;font-size:12px}nav a.active,nav a:hover{color:var(--lime)}.top-cta{border:1px solid #ffffff32;border-radius:4px;padding:11px 15px}.top-cta b{color:var(--lime);margin-left:12px}.hero{padding:105px 0 95px;max-width:820px}.eyebrow{font:10px 'DM Mono';letter-spacing:.16em;color:var(--lime)}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 15px var(--lime)}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(60px,9vw,102px)/.94 'Space Grotesk';letter-spacing:-.075em;margin:25px 0}h1 em,h2 em{color:var(--lime);font-style:normal}.hero>p{max-width:560px;color:var(--muted);font-size:14px;line-height:1.9}.hero-tags{display:flex;gap:11px;flex-wrap:wrap;margin-top:34px}.hero-tags span,.group-title,.card-top,.tool-action small{font:9px 'DM Mono';letter-spacing:.12em;color:#8d9aab}.hero-tags span{padding:8px 10px;border:1px solid var(--line);border-radius:3px}.catalog{padding:30px 0 100px;border-top:1px solid var(--line)}.catalog-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.catalog-head h2,.premium-banner h2{font:600 clamp(38px,5vw,55px)/1 'Space Grotesk';letter-spacing:-.06em;margin:15px 0 0}.search{display:flex;gap:10px;align-items:center;width:min(280px,100%);border:1px solid #ffffff28;padding:12px 14px;border-radius:4px;color:#a3afbe}.search input{width:100%;border:0;outline:0;background:transparent;color:white;font:12px Manrope}.group-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px;color:var(--lime)}.group-title small{color:#758397}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:42px}.tool-card{min-height:235px;padding:22px;background:linear-gradient(145deg,#151e2b,#10151e);border:1px solid #ffffff1b;border-radius:7px;display:flex;flex-direction:column;transition:.2s}.tool-card:hover{border-color:#c7f36b70;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff2a;border-radius:6px;color:var(--lime);font:600 16px 'Space Grotesk'}.tool-icon.violet{color:var(--violet);border-color:#ac8cff55}.status{padding:5px 8px;border:1px solid;border-radius:3px;font-size:8px}.status.free{color:var(--lime);border-color:#c7f36b50}.status.soon{color:#9ca3af;border-color:#ffffff30}.status.premium{color:var(--violet);border-color:#ac8cff60}.tool-card h3{font:600 19px 'Space Grotesk';letter-spacing:-.035em;margin:23px 0 8px}.tool-card p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:20px}.tool-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.tool-action button,.tool-action a,.action{border:0;background:var(--lime);color:#10150a;text-decoration:none;border-radius:3px;padding:11px 14px;font:700 11px Manrope;cursor:pointer}.tool-action button b,.tool-action a b,.action b{margin-left:14px}.tool-action small{font-size:8px}.muted-card{opacity:.76}.muted-card:hover{transform:none;border-color:#ffffff25}.disabled-action{padding:11px 0;font-size:10px;color:#8e9aaa}.premium-title{margin-top:60px;color:var(--violet)}.premium-card{background:linear-gradient(145deg,#201d31,#121722);border-color:#ac8cff28}.premium-card:hover{border-color:#ac8cff80}.premium-card .tool-action a{background:#ac8cff;color:#171323}.workspace{padding:35px;margin:30px 0 90px;background:#101722;border:1px solid #ffffff25;border-radius:8px}.workspace[hidden],.work-panel[hidden]{display:none}.workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.workspace-head h2{font:600 30px 'Space Grotesk';margin:8px 0}.close-work,.secondary-action{background:transparent;border:1px solid #ffffff35;color:#d6deea;border-radius:3px;padding:10px 13px;font:11px Manrope;cursor:pointer}.work-panel{max-width:650px}.work-panel label{display:block;color:#aab6c5;font-size:11px;margin:14px 0}.work-panel input:not([type=range]),.work-panel textarea{display:block;width:100%;margin-top:8px;padding:13px;background:#090e16;border:1px solid #344153;border-radius:4px;color:white;font:12px Manrope}.work-panel input[type=file]{padding:11px}.work-panel textarea{resize:vertical;line-height:1.7}.action{display:inline-flex;align-items:center;margin-top:8px}.message{font-size:11px;color:#ffb0a8;margin-top:12px;min-height:15px}.qr-result{display:flex;align-items:center;gap:18px;margin-top:18px;padding:15px;background:white;color:#111;width:max-content;max-width:100%;flex-wrap:wrap}.qr-result img{width:190px;height:190px;object-fit:contain}.qr-result a{color:#111;font-size:11px;font-weight:700}.slider-row{max-width:300px}.slider-row input{width:100%;accent-color:var(--lime)}.slider-row strong{float:right;color:var(--lime)}.button-row{display:flex;gap:10px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metrics div{background:#1a2432;padding:16px;border:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.metrics strong{font:600 25px 'Space Grotesk'}.metrics small{font:9px 'DM Mono';color:var(--muted)}.premium-banner{padding:50px 55px;border:1px solid #ffffff24;border-radius:8px;background:radial-gradient(circle at 80% 30%,#c7f36b20,transparent 35%),linear-gradient(130deg,#182333,#0e131c);display:flex;justify-content:space-between;align-items:center;margin-bottom:85px;overflow:hidden}.premium-banner p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.8;margin:18px 0}.banner-mark{font:700 230px/.8 'Space Grotesk';letter-spacing:-.15em;color:#ffffff13;transform:rotate(7deg)}.banner-mark span{color:#c7f36b40}footer{min-height:90px;border-top:1px solid var(--line);padding:20px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;color:#78869a;font:9px 'DM Mono';letter-spacing:.1em}footer a:last-child{color:#aab6c5;text-decoration:none}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:calc(100% - 34px)}.top{height:68px;padding:0 17px}.top nav{gap:13px}.top nav a{font-size:10px}.top-cta{display:none}.hero{padding:75px 0 70px}.catalog-head{display:block}.search{margin-top:22px;width:100%}.cards{grid-template-columns:1fr}.tool-card{min-height:210px}.workspace{padding:22px 16px}.workspace-head h2{font-size:25px}.premium-banner{padding:35px 23px}.banner-mark{font-size:130px;margin-right:-45px}.metrics{gap:6px}.metrics div{padding:11px}.metrics strong{font-size:20px}footer{gap:15px;flex-wrap:wrap}footer>span{order:3;width:100%}}

/* New utility controls */
.tool-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-controls select{display:block;width:100%;margin-top:8px;padding:12px;background:#090e16;border:1px solid #344153;border-radius:4px;color:#fff;font:12px Manrope}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.check-grid label{display:flex;align-items:center;gap:9px;margin:0;padding:12px;background:#151f2d;border:1px solid var(--line);border-radius:4px;color:#c5cfdb}.check-grid input{accent-color:var(--lime)}.download-link{display:inline-block;margin:12px;color:var(--lime);font-size:11px}.password-result{display:flex;gap:8px;align-items:center;margin-top:18px}.password-result input{flex:1;min-width:0;font-family:'DM Mono',monospace!important;letter-spacing:.04em}.password-result .secondary-action{white-space:nowrap}.strength-track{height:6px;background:#263243;border-radius:10px;overflow:hidden;margin-top:13px}.strength-track span{display:block;height:100%;width:0;background:#e87979;transition:width .2s,background .2s}.strength-track span[data-level="medium"]{background:#e8bd61}.strength-track span[data-level="strong"]{background:var(--lime)}.hint{color:var(--muted);font-size:10px;line-height:1.7}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.palette-swatch{height:145px;border:1px solid #ffffff30;border-radius:5px;display:flex;align-items:end;justify-content:center;padding:9px;cursor:pointer}.palette-swatch span{font:10px 'DM Mono';color:#fff;background:#090b10b8;padding:6px 7px;border-radius:3px}.palette-empty{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #ffffff35;color:var(--muted);font-size:11px;border-radius:5px}@media(max-width:600px){.check-grid{grid-template-columns:1fr}.palette-grid{gap:5px}.palette-swatch{height:105px;padding:4px}.palette-swatch span{font-size:8px;padding:4px}.tool-controls{gap:8px}.password-result{align-items:stretch;flex-direction:column}}