:root{--bg:#f6f8fc;--surface:#fff;--surface2:#eef2f8;--text:#172033;--muted:#667085;--line:#dfe5ef;--brand:#5b5ce2;--brand2:#818cf8;--shadow:0 12px 35px rgba(25,35,70,.08);--radius:18px}
[data-theme=dark]{--bg:#0e1422;--surface:#171f30;--surface2:#202b40;--text:#edf2ff;--muted:#aab5c8;--line:#2c3850;--brand:#9697ff;--brand2:#b1b2ff;--shadow:0 12px 35px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.btn{border:0;border-radius:12px;padding:11px 17px;background:var(--brand);color:white;font-weight:650;cursor:pointer;transition:.2s}button:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}button.secondary,.btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:1.25rem;font-weight:850;letter-spacing:-.04em}.logo span{color:var(--brand)}.nav-links{display:flex;align-items:center;gap:18px;font-size:.92rem;color:var(--muted)}.nav-links a:hover,.nav-links a.active{color:var(--brand)}.nav-actions{display:flex;gap:8px;align-items:center}.icon-btn{background:var(--surface2);color:var(--text);border:1px solid var(--line);padding:9px 12px}.menu-btn{display:none}.hero{padding:76px 0 62px;background:radial-gradient(ellipse at 80% 10%,rgba(129,140,248,.22),transparent 38%),radial-gradient(ellipse at 10% 80%,rgba(91,92,226,.12),transparent 35%)}.hero-inner{text-align:center;max-width:850px;margin:auto}.eyebrow{display:inline-block;padding:6px 12px;border-radius:99px;background:var(--surface2);color:var(--brand);font-size:.82rem;font-weight:750}.hero h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.055em;margin:20px 0}.hero p{font-size:1.12rem;color:var(--muted);max-width:720px;margin:0 auto 25px}.searchbar{display:flex;gap:8px;max-width:650px;margin:25px auto}.searchbar input{flex:1}.field,input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);outline:none}.field:focus,input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}textarea{min-height:170px;resize:vertical}.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.04em;margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tool-card,.panel,.category-card,.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.tool-card{transition:.22s;display:block}.tool-card:hover{transform:translateY(-4px);border-color:var(--brand)}.tool-icon{width:42px;height:42px;border-radius:13px;background:var(--surface2);display:grid;place-items:center;font-size:1.25rem;margin-bottom:14px}.tool-card h3{margin:0 0 6px;font-size:1.05rem}.tool-card p{margin:0;color:var(--muted);font-size:.91rem}.category-card{display:flex;gap:15px;align-items:center}.category-card .tool-icon{margin:0}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.tool-main{min-width:0}.tool-main h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;margin:10px 0}.breadcrumb{font-size:.88rem;color:var(--muted);margin-top:25px}.tool-panel{padding:25px}.tool-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.tool-controls>*{flex:0 1 auto}.tool-controls input,.tool-controls select{width:auto;min-width:130px}.tool-controls label{display:flex;gap:8px;align-items:center}.tool-controls label input{width:auto}.status{margin-top:14px;padding:11px 14px;border-radius:10px;background:var(--surface2);color:var(--muted);min-height:44px}.status.error{color:#c2413b;background:#fff0ef}.preview{margin-top:18px;max-width:100%;overflow:auto}.preview img,.preview canvas{max-width:100%;height:auto;border-radius:10px}.sidebox{position:sticky;top:95px}.sidebox h3{margin-top:0}.ad-slot{min-height:100px;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;color:var(--muted);font-size:.82rem;margin:25px 0;padding:12px;text-align:center}.content-block{margin-top:35px}.content-block h2{font-size:1.4rem}.faq-item{border-bottom:1px solid var(--line);padding:14px 0}.site-footer{border-top:1px solid var(--line);padding:45px 0 20px;background:var(--surface)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:25px}.footer-grid h4{margin:0 0 12px}.footer-grid a{display:block;color:var(--muted);font-size:.9rem;margin:6px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:var(--muted);font-size:.85rem}.pill{display:inline-block;padding:5px 10px;border-radius:99px;background:var(--surface2);color:var(--muted);font-size:.8rem}.hidden{display:none!important}.result{font-weight:700;color:var(--brand);margin-top:12px;overflow-wrap:anywhere}.dropzone{border:2px dashed var(--line);padding:26px;border-radius:14px;text-align:center;background:var(--surface2)}.dropzone input{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature p{color:var(--muted);margin-bottom:0}.directory-tools{display:flex;gap:10px;margin-bottom:18px}.directory-tools input{flex:1}.notice{font-size:.88rem;color:var(--muted)}.preview-list{display:grid;gap:9px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px}.file-row button{padding:6px 10px}.legal{max-width:850px}.legal h1{font-size:2.5rem}.legal h2{margin-top:30px}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--surface);padding:18px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:inline-block}.tool-layout{grid-template-columns:1fr}.sidebox{position:static}.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(100% - 26px,1160px)}.hero{padding:55px 0 42px}.grid,.steps{grid-template-columns:1fr}.section{padding:42px 0}.section-head{display:block}.searchbar{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.tool-panel{padding:17px}.nav{height:64px}.nav-links{top:64px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}