:root{--ink:#0b1020;--muted:#5d667a;--line:#e5e9f2;--soft:#f6f8fc;--paper:#fff;--blue:#1f5eff;--blue2:#0b3fdc;--cyan:#18c9e8;--violet:#6d3df5;--green:#0f9f72;--amber:#f59e0b;--danger:#c73a4f;--shadow:0 18px 50px rgba(26,42,85,.10);--shadow-sm:0 8px 24px rgba(26,42,85,.08);--r:18px;--r2:28px;--max:1240px;--ring:#1f5eff;--surface:#fff;--surface-2:#fbfcff;--hairline:rgba(255,255,255,.75);color-scheme:light dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;z-index:999;background:var(--ink);color:white;padding:10px 14px;border-radius:10px}.skip:focus{top:16px}
.site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,233,242,.9)}.nav{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:154px}.brand img{width:148px;height:auto}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.desktop-nav>a,.nav-link{padding:9px 11px;border-radius:10px;color:#374057;font-weight:650;font-size:.93rem}.desktop-nav>a:hover{background:var(--soft);color:var(--ink)}.header-actions{display:flex;gap:8px;align-items:center}.search-button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:10px;color:#46506a;font-weight:650;cursor:pointer}.search-button:hover{border-color:#c8d1e4;background:#fafbfe}.search-button kbd{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px}.mobile-nav{padding:8px 20px 18px;border-top:1px solid var(--line);background:#fff}.mobile-nav a{display:block;padding:10px;border-radius:8px;font-weight:650}.mobile-nav a:hover{background:var(--soft)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8faff 0%,#fff 86%);border-bottom:1px solid #eef1f7}.hero:before{content:"";position:absolute;width:680px;height:680px;right:-240px;top:-360px;background:radial-gradient(circle,rgba(31,94,255,.16),rgba(109,61,245,.04) 45%,transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);align-items:center;gap:64px;padding:84px 0 76px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--blue2);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue))}.hero h1,.page-head h1{font-size:clamp(2.65rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:.22em 0 .28em;max-width:14ch}.hero h1 span{color:var(--blue)}.lead{font-size:clamp(1.05rem,1.9vw,1.28rem);color:var(--muted);max-width:690px;line-height:1.65}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:12px;padding:11px 17px;font-weight:760;cursor:pointer;transition:.18s ease}.button:hover{background:var(--blue2);border-color:var(--blue2);transform:translateY(-1px)}.button-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button-secondary:hover{background:var(--soft);border-color:#cdd5e6}.button-ghost{background:transparent;color:#33415c;border-color:transparent}.button-ghost:hover{background:var(--soft);border-color:transparent}.trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.trust-pill{font-size:.88rem;color:#39445b;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;box-shadow:0 3px 14px rgba(28,44,86,.04)}.trust-pill b{color:var(--ink)}.hero-visual{position:relative}.hero-frame{position:relative;border-radius:30px;padding:10px;background:linear-gradient(135deg,rgba(31,94,255,.34),rgba(24,201,232,.15),rgba(109,61,245,.28));box-shadow:0 30px 70px rgba(22,54,142,.16)}.hero-frame img{border-radius:22px;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eef3ff}.floating-stat{position:absolute;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,243,.95);box-shadow:var(--shadow-sm);border-radius:16px;padding:12px 14px;min-width:170px}.floating-stat strong{display:block;font-size:1.1rem}.floating-stat span{font-size:.8rem;color:var(--muted)}.floating-stat.one{left:-26px;bottom:22px}.floating-stat.two{right:-18px;top:24px}.hero-search{margin-top:26px;max-width:620px;position:relative}.hero-search input,.search{width:100%;border:1px solid #d7deec;border-radius:14px;padding:14px 48px 14px 15px;background:#fff;color:var(--ink);outline:none;box-shadow:0 5px 20px rgba(24,41,84,.05)}.hero-search input:focus,.search:focus,input:focus,textarea:focus,select:focus{border-color:#7ea0ff;box-shadow:0 0 0 4px rgba(31,94,255,.11);outline:none}.hero-search .search-glyph{position:absolute;right:15px;top:12px;color:#7a8498;font-size:1.25rem}
.stat-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.stat-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{padding:22px 26px;border-right:1px solid var(--line)}.stat-item:first-child{padding-left:0}.stat-item:last-child{border-right:0}.stat-item strong{font-size:1.3rem;display:block;letter-spacing:-.03em}.stat-item span{font-size:.86rem;color:var(--muted)}
.section{padding:76px 0}.section.alt{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.04em;margin:.16em 0 .2em}.section-head p{color:var(--muted);max-width:700px;margin:0}.link-more{color:var(--blue2);font-weight:750;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:23px;min-height:210px;transition:.18s ease;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;right:-45px;bottom:-50px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(31,94,255,.11),transparent 65%)}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#cbd6ed}.cat-icon,.tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eef3ff;color:var(--blue);margin-bottom:18px}.cat-icon svg,.tool-icon svg{width:23px;height:23px}.category-card h3{margin:0 0 8px;font-size:1.14rem}.category-card p{margin:0;color:var(--muted);font-size:.92rem}.category-card small{display:block;margin-top:16px;color:#7a8498;font-weight:700}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.tool-card{position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;padding:19px;min-height:190px;transition:.16s ease;display:flex;flex-direction:column}.tool-card:hover{border-color:#bfd0f7;box-shadow:0 10px 28px rgba(23,48,112,.09);transform:translateY(-2px)}.tool-card h3{font-size:1.02rem;line-height:1.25;margin:0 0 7px}.tool-card p{font-size:.86rem;color:var(--muted);margin:0;line-height:1.5}.tool-card .go{margin-top:auto;padding-top:15px;color:var(--blue2);font-size:.84rem;font-weight:760}.tool-icon{width:39px;height:39px;border-radius:11px;margin-bottom:15px}.tool-icon svg{width:20px;height:20px}.tool-card[data-category="bild"] .tool-icon{background:#effcf9;color:#078562}.tool-card[data-category="rechner"] .tool-icon{background:#fff7e6;color:#a65c00}.tool-card[data-category="sicherheit"] .tool-icon{background:#f5efff;color:#6d3df5}.tool-card[data-category="web-seo"] .tool-icon{background:#edf8ff;color:#0075a7}.search-empty{padding:36px;border:1px dashed #cbd5e4;border-radius:16px;color:var(--muted);text-align:center;grid-column:1/-1}.search-empty[hidden]{display:none}
.feature-split{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.feature-image{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #dfe6f3}.feature-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.check-list{display:grid;gap:14px;margin-top:25px}.check-item{display:grid;grid-template-columns:28px 1fr;gap:11px}.check-item i{width:26px;height:26px;border-radius:50%;background:#e8f8f3;color:#08795d;display:grid;place-items:center;font-style:normal;font-weight:900}.check-item strong{display:block}.check-item p{margin:1px 0 0;color:var(--muted);font-size:.9rem}
.page-head{background:linear-gradient(180deg,#f8faff,#fff);border-bottom:1px solid var(--line);padding:52px 0 45px}.page-head h1{font-size:clamp(2.35rem,5vw,4.3rem);max-width:18ch}.breadcrumbs{font-size:.84rem;color:#758096;margin-bottom:22px}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs span{margin:0 6px;color:#aab2c1}.page-count{display:inline-flex;margin-top:16px;padding:6px 10px;border-radius:999px;background:#eef3ff;color:#2446a7;font-size:.82rem;font-weight:750}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding:42px 0}.tool-panel,.content-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:var(--shadow-sm)}.tool-panel{padding:26px}.tool-panel h2{font-size:1.3rem;margin:0 0 7px}.content-card{padding:20px}.content-card h3{margin:0 0 8px}.muted{color:var(--muted)}.divider{height:1px;background:var(--line);margin:20px 0}.field{display:grid;gap:7px;margin-bottom:14px}.field>span{font-weight:720;font-size:.88rem;color:#313b52}.field input,.field textarea,.field select{width:100%;border:1px solid #d8dfec;border-radius:11px;background:#fff;padding:11px 12px;color:var(--ink);outline:none}.field textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.55}.field input[type=color]{min-height:46px;padding:5px}.field input[type=range]{padding:0;border:0}.field-full{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .field{margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split>section{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfcff}.split h3{margin-top:0}.check-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.check{display:flex;align-items:center;gap:8px;color:#414a60;font-size:.9rem}.check input{width:16px;height:16px;accent-color:var(--blue)}.result{margin-top:18px;border:1px solid #d9e3f6;border-left:4px solid var(--blue);border-radius:13px;background:#f7faff;padding:16px;min-height:58px;overflow:auto}.result-error{border-color:#f0c9d0;border-left-color:var(--danger);background:#fff7f8;color:#8f2031}.output-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:500 .9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.formula{font:600 .9rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#43506b;background:#f6f8fc;border:1px solid var(--line);border-radius:10px;padding:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.metric{border:1px solid var(--line);background:#fbfcff;border-radius:12px;padding:12px}.metric strong{display:block;font-size:1.05rem}.metric span{font-size:.77rem;color:var(--muted)}.aside-list{padding:0;margin:0;list-style:none}.aside-list li+li{border-top:1px solid var(--line)}.aside-list a{display:block;padding:9px 0;font-size:.9rem;font-weight:650;color:#38445f}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;background:#edf3ff;color:#2449ae;font-size:.76rem;font-weight:800}.privacy-note{display:flex;gap:10px;margin-top:15px;color:#526078;font-size:.85rem}.privacy-dot{width:9px;height:9px;border-radius:50%;background:#20b58b;margin-top:7px;flex:0 0 auto}
.prose{max-width:850px}.prose h2{font-size:1.65rem;margin:2em 0 .55em;letter-spacing:-.025em}.prose h2:first-child{margin-top:0}.prose h3{margin-top:1.6em}.prose p,.prose li{color:#4b566d}.prose a{color:var(--blue2);text-decoration:underline;text-underline-offset:3px}.faq details{border-top:1px solid var(--line);padding:13px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:730;cursor:pointer}.faq p{margin:.6em 0 0}.notice{padding:14px 16px;background:#fff9e8;border:1px solid #f3dfad;border-radius:13px;color:#674b00}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legal-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.legal-card h3{margin-top:0}
.upload-zone{display:grid;place-items:center;text-align:center;gap:5px;border:1.5px dashed #bbc9e5;background:#f8faff;border-radius:16px;padding:30px;cursor:pointer}.upload-zone:hover{border-color:#7ea0ff;background:#f4f7ff}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:44px;height:44px;border-radius:50%;background:#e9f0ff;color:var(--blue);display:grid;place-items:center;font-size:1.4rem}.upload-zone small{color:var(--muted)}.image-workspace{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#f3f5f9;padding:12px;overflow:auto}.image-workspace canvas{display:block;max-width:100%;height:auto;margin:auto;border-radius:8px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.08)}.image-info{margin-top:8px;font-size:.8rem;color:var(--muted);text-align:center}.image-controls{margin-top:14px}.color-result{display:flex;align-items:center;gap:10px;margin-top:14px}.color-result span:first-child{width:42px;height:42px;border-radius:10px;border:1px solid var(--line)}.preview-pane{min-height:220px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.preview-pane h1,.preview-pane h2,.preview-pane h3{letter-spacing:-.02em}.preview-pane code{background:#eff2f7;border-radius:5px;padding:2px 5px}.jwt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-list{margin:12px 0 0;padding-left:22px}.match-list code{background:#eef2f8;border-radius:5px;padding:2px 5px}.serp-preview{margin-top:15px;border:1px solid var(--line);border-radius:12px;padding:16px;font-family:Arial,sans-serif}.serp-preview span{display:block}.serp-preview #serp-title{font-size:20px;color:#1a0dab}.serp-preview #serp-url{font-size:13px;color:#188038}.serp-preview p{font-size:14px;color:#4d5156;margin:5px 0}.gradient-preview{height:170px;border-radius:14px;border:1px solid var(--line);margin-top:16px}.strength-meter{height:9px;border-radius:999px;background:#edf0f5;margin:10px 0 16px;overflow:hidden}.strength-meter span{display:block;height:100%;width:0;background:#c73a4f;transition:.2s}.strength-meter span[data-level="2"]{background:#e98a13}.strength-meter span[data-level="3"]{background:#d3a400}.strength-meter span[data-level="4"],.strength-meter span[data-level="5"]{background:#0f9f72}
.search-dialog{width:min(680px,calc(100% - 28px));border:0;border-radius:20px;padding:0;box-shadow:0 32px 100px rgba(9,23,60,.25)}.search-dialog::backdrop{background:rgba(9,15,30,.44);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;gap:8px;padding:13px;border-bottom:1px solid var(--line)}.dialog-head input{flex:1;border:0;font-size:1rem;padding:8px;outline:none}.dialog-close{border:0;background:var(--soft);border-radius:8px;padding:7px 10px;cursor:pointer}.global-results{max-height:60vh;overflow:auto;padding:8px}.global-results a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;border-radius:11px;padding:10px}.global-results a:hover{background:var(--soft)}.global-results strong,.global-results small{display:block}.global-results small{color:var(--muted);font-size:.79rem}.search-result-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef3ff;color:var(--blue);font-weight:800}.global-results kbd{color:#8d96a8;background:none;border:0}.search-empty{color:var(--muted);padding:24px;text-align:center}
.site-footer{background:#0b1020;color:#dbe2f0;padding:58px 0 28px;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.site-footer h3,.site-footer h4{color:#fff;margin:0 0 12px}.site-footer p{color:#9da8bd;max-width:360px}.site-footer a{display:block;color:#b7c0d1;padding:4px 0;font-size:.9rem}.site-footer a:hover{color:#fff}.footer-logo{width:170px;filter:brightness(1.45);margin-bottom:12px}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid #253047;color:#8995aa;font-size:.82rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:1050px){.desktop-nav{display:none}.menu{display:inline-block}.hero-grid{grid-template-columns:1fr;gap:42px;padding-top:62px}.hero-visual{max-width:800px}.category-grid,.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-layout{grid-template-columns:1fr}.tool-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.content-card[style]{margin-top:0!important}.feature-split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.floating-stat.two{right:10px}}
@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--max))}.nav{min-height:64px}.brand img{width:132px}.search-button span,.search-button kbd{display:none}.hero-grid{padding:48px 0 52px}.hero h1{font-size:clamp(2.55rem,12vw,4rem)}.floating-stat{display:none}.stat-strip .container{grid-template-columns:1fr 1fr}.stat-item{padding:17px 14px;border-bottom:1px solid var(--line)}.stat-item:nth-child(2){border-right:0}.stat-item:nth-last-child(-n+2){border-bottom:0}.category-grid,.tool-grid{grid-template-columns:1fr 1fr}.section{padding:56px 0}.section-head{display:block}.section-head .link-more{display:inline-block;margin-top:12px}.tool-panel{padding:18px}.form-grid,.split,.jwt-grid,.legal-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.tool-layout aside{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.page-head{padding:38px 0}.footer-bottom{display:block}}
@media(max-width:480px){.category-grid,.tool-grid{grid-template-columns:1fr}.tool-card{min-height:160px}.hero-actions .button{width:100%}.trust-row{display:grid;grid-template-columns:1fr 1fr}.section-head h2{font-size:2.05rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Toolwise v4 — layered utility hub */
:where(.tool-card,.category-card,.collection-card,.legal-card,.content-card,.tool-panel){min-width:0;overflow-wrap:anywhere}
:focus-visible{outline:3px solid rgba(31,94,255,.48);outline-offset:3px}
.dark-section{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(24,201,232,.13),transparent 28%),radial-gradient(circle at 92% 5%,rgba(109,61,245,.20),transparent 30%),#0b1020;color:#fff}
.dark-section:after{content:"";position:absolute;inset:auto -15% -52% 42%;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(31,94,255,.22),transparent 68%);pointer-events:none}
.dark-section .container{position:relative;z-index:1}.section-head.light h2,.section-head.light .eyebrow{color:#fff}.section-head.light p{color:#aeb9ce}.section-head.light .link-more{color:#8adff0}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.collection-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:25px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 16px 44px rgba(0,0,0,.15);transition:transform .18s ease,border-color .18s ease,background .18s ease}.collection-card:hover{transform:translateY(-4px);border-color:rgba(126,160,255,.52);background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.05))}.collection-card h3{font-size:1.24rem;line-height:1.2;margin:9px 0 9px}.collection-card p{color:#aeb9ce;margin:0 0 18px;font-size:.91rem}.collection-card .go{margin-top:auto;color:#8adff0;font-weight:780}.collection-card .tool-icon{background:rgba(94,132,255,.16);color:#9db8ff;border:1px solid rgba(255,255,255,.08);margin-bottom:4px}.collection-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.collection-index .collection-card{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm);min-height:210px}.collection-index .collection-card p{color:var(--muted)}.collection-index .collection-card .go{color:var(--blue2)}.on-light{color:var(--ink)}
.hero-orbit{position:relative;isolation:isolate}.hero-orbit:before{content:"";position:absolute;inset:12% 3% 6% 8%;border-radius:32px;background:linear-gradient(135deg,rgba(31,94,255,.11),rgba(24,201,232,.07));filter:blur(18px);z-index:-1}.hero-orbit img{width:100%;filter:drop-shadow(0 28px 50px rgba(22,54,142,.16))}
.premium-feature{border-top:1px solid #eef1f7;border-bottom:1px solid #eef1f7;background:linear-gradient(180deg,#fff,#f8faff)}.layered-art{position:relative;border-radius:30px;background:linear-gradient(145deg,#edf3ff,#fff 58%);padding:22px;border:1px solid #dfe7f6;box-shadow:0 30px 70px rgba(22,54,142,.13);overflow:hidden}.layered-art:before,.layered-art:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.layered-art:before{width:230px;height:230px;right:-90px;top:-100px;background:rgba(24,201,232,.12)}.layered-art:after{width:270px;height:270px;left:-130px;bottom:-150px;background:rgba(109,61,245,.09)}.layered-art img{position:relative;z-index:1;border-radius:22px}
.proof-section{background:#fff}.proof-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:start}.proof-grid h2{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.04em;line-height:1.08;margin:.15em 0 .28em}.proof-grid>div>p{color:var(--muted)}.proof-points{display:grid;grid-template-columns:1fr 1fr;gap:13px}.proof-point{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(26,42,85,.05)}.proof-point strong{display:block;margin-bottom:5px}.proof-point p{margin:0;color:var(--muted);font-size:.88rem}.style-preview{display:grid;place-items:center;min-height:180px;border-radius:18px;background:linear-gradient(135deg,#edf3ff,#f2fbff 55%,#f6efff);border:1px solid #dce5f5;overflow:hidden}.style-preview img{max-height:155px;max-width:92%}.collection-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:24px}.collection-explainer>div{padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff}.collection-explainer strong{display:block;margin-bottom:4px}.collection-explainer p{margin:0;color:var(--muted);font-size:.88rem}.legal-kicker{display:inline-flex;padding:6px 10px;margin-bottom:8px;border-radius:999px;background:#edf3ff;color:#2446a7;font-size:.78rem;font-weight:780;letter-spacing:.03em;text-transform:uppercase}
.prose a:not(.button){color:var(--blue2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose h2{scroll-margin-top:95px}.legal-card a{overflow-wrap:anywhere}.tool-layout input,.tool-layout textarea,.tool-layout select{max-width:100%}.tool-layout pre,.tool-layout code{overflow-wrap:anywhere;word-break:break-word}.tool-panel table{display:block;max-width:100%;overflow-x:auto}.metric-grid>*{min-width:0}
.category-card:nth-child(8n+1){background:linear-gradient(155deg,#fff,#f5f8ff)}.category-card:nth-child(8n+2){background:linear-gradient(155deg,#fff,#f3fcfb)}.category-card:nth-child(8n+3){background:linear-gradient(155deg,#fff,#fff9ee)}.category-card:nth-child(8n+4){background:linear-gradient(155deg,#fff,#f8f4ff)}
@media(max-width:1050px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-grid{grid-template-columns:1fr}.collection-explainer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{overflow-x:hidden}.collection-grid,.collection-index,.proof-points{grid-template-columns:1fr}.collection-explainer{grid-template-columns:1fr}.collection-card{min-height:205px}.layered-art{padding:14px;border-radius:22px}.hero-orbit{max-width:650px;margin-inline:auto}.proof-grid{gap:30px}.legal-card{overflow-wrap:anywhere}}
@media(max-width:480px){.trust-row{grid-template-columns:1fr}.stat-strip .container{grid-template-columns:1fr 1fr}.collection-card{padding:20px}.style-preview{min-height:150px}}

/* ── Toolwise Brand Layer v4.1 — „Browser-OS für Alltagswerkzeuge" ─────────
   Eigene visuelle Identität rein über CSS: Token-Erweiterung, Kategorie-
   codes, OS-hafte Panels, klare Result-/Copy-States, automatischer Dark Mode.
   Keine Fonts/Downloads, kein neues JS, keine Layout-Metriken-Änderung. */
::selection{background:rgba(31,94,255,.16)}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
.metric strong,.result,.output-text,.page-count,.stat-item strong{font-variant-numeric:tabular-nums}
.button:active{transform:translateY(0) scale(.985)}
.tool-card:hover{border-color:#a9c0fa;box-shadow:0 14px 34px rgba(23,48,112,.13)}
.tool-card:hover .go{transform:translateX(3px)}
.tool-card .go{transition:transform .18s ease;display:inline-block}
.category-card:hover .cat-icon,.tool-card:hover .tool-icon{transform:translateY(-1px) scale(1.05)}
.cat-icon,.tool-icon{transition:transform .18s ease;box-shadow:inset 0 1px 0 var(--hairline)}
.tool-panel,.content-card{box-shadow:var(--shadow-sm),inset 0 1px 0 var(--hairline)}

/* Kategorie-Farbcodes (8 Kategorien) — AA-geprüft auf hell & dunkel */
.tool-card[data-category="text"] .tool-icon{background:#eef2ff;color:#3b4bc8}
.tool-card[data-category="entwicklung"] .tool-icon{background:#e8f3ff;color:#0b62a6}
.tool-card[data-category="rechner"] .tool-icon{background:#fff4dd;color:#8a5200}
.tool-card[data-category="konverter"] .tool-icon{background:#e2f7f1;color:#06695c}
.tool-card[data-category="bild"] .tool-icon{background:#fdeef7;color:#a01a78}
.tool-card[data-category="zeit"] .tool-icon{background:#e3f6fd;color:#075e7a}
.tool-card[data-category="sicherheit"] .tool-icon{background:#f1ecfe;color:#5b30c4}
.tool-card[data-category="web-seo"] .tool-icon{background:#e9f8ea;color:#1d7031}
.tool-cat{position:absolute;top:15px;right:15px;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--cat-bg,#eef2ff);color:var(--cat,#3b4bc8)}
.tool-card[data-category="text"]{--cat:#3b4bc8;--cat-bg:#eef2ff}
.tool-card[data-category="entwicklung"]{--cat:#0b62a6;--cat-bg:#e8f3ff}
.tool-card[data-category="rechner"]{--cat:#8a5200;--cat-bg:#fff4dd}
.tool-card[data-category="konverter"]{--cat:#06695c;--cat-bg:#e2f7f1}
.tool-card[data-category="bild"]{--cat:#a01a78;--cat-bg:#fdeef7}
.tool-card[data-category="zeit"]{--cat:#075e7a;--cat-bg:#e3f6fd}
.tool-card[data-category="sicherheit"]{--cat:#5b30c4;--cat-bg:#f1ecfe}
.tool-card[data-category="web-seo"]{--cat:#1d7031;--cat-bg:#e9f8ea}
.category-card.category-1 .cat-icon{background:#eef2ff;color:#3b4bc8}
.category-card.category-2 .cat-icon{background:#e8f3ff;color:#0b62a6}
.category-card.category-3 .cat-icon{background:#fff4dd;color:#8a5200}
.category-card.category-4 .cat-icon{background:#e2f7f1;color:#06695c}
.category-card.category-5 .cat-icon{background:#fdeef7;color:#a01a78}
.category-card.category-6 .cat-icon{background:#e3f6fd;color:#075e7a}
.category-card.category-7 .cat-icon{background:#f1ecfe;color:#5b30c4}
.category-card.category-8 .cat-icon{background:#e9f8ea;color:#1d7031}

/* Result-State: klarer Ergebnis-Look (Klasse setzt der Client beim Setzen) */
.result{transition:border-color .18s ease,background .18s ease}
.result.has-result{border-color:#c6d8fa;border-left-color:var(--blue);background:linear-gradient(180deg,rgba(31,94,255,.055),rgba(31,94,255,0) 62%),#f7faff;animation:tw-result-in .22s ease}
.result.has-result strong{color:var(--ink)}
@keyframes tw-result-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}

/* Copy-Feedback (data-copied setzt der Client) + ⌘K Empty-State */
.button[data-copied]{background:#e8f8f3!important;border-color:#9adbc5!important;color:#08795d!important}
.global-results .search-empty{display:grid;gap:4px;margin:6px;padding:26px 20px;text-align:center;border:1px dashed #cbd5e4;border-radius:14px;background:var(--soft)}
.global-results .search-empty strong{font-size:.95rem;color:var(--ink)}
.global-results .search-empty small{color:var(--muted)}

/* Dark Mode — automatisch über prefers-color-scheme, ohne JS */
@media(prefers-color-scheme:dark){
:root{--ink:#e6ebf7;--muted:#9aa5bd;--line:#242e47;--soft:#151c30;--paper:#0d1324;--blue:#6b95ff;--blue2:#8fadff;--cyan:#3fd3ee;--violet:#a37dff;--green:#33c493;--amber:#f5b23c;--danger:#ff7d92;--shadow:0 18px 50px rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.35);--ring:#8fadff;--surface:#121a31;--surface-2:#101830;--hairline:rgba(255,255,255,.07)}
.site-header{background:rgba(13,19,36,.86);border-bottom-color:rgba(36,46,71,.9)}
.desktop-nav>a{color:#b9c3d9}.button-secondary{background:#121a31;color:var(--ink);border-color:#2a3550}.button-secondary:hover{background:#1a2340;border-color:#38466e}.button{color:#0b1020}.button-ghost{color:#b9c3d9}
.skip{background:#1c2946;color:#fff}
.search-button,.menu,.mobile-nav,.stat-strip,.legal-card,.proof-point,.collection-explainer>div,.split>section,.formula,.metric,.floating-stat,.trust-pill{background:var(--surface);border-color:#232e4a}
.search-button{color:#b9c3d9}.search-button:hover{background:#1a2340;border-color:#38466e}
.floating-stat{background:rgba(18,26,49,.96);border-color:#232e4a}
.trust-pill{color:#b9c2d4}
.hero{background:linear-gradient(180deg,#111a30,#0d1324 86%);border-bottom-color:#1b2540}
.hero-frame{background:linear-gradient(135deg,rgba(107,149,255,.42),rgba(63,211,238,.16),rgba(163,125,255,.36))}
.hero-frame img{background:#dfe7f8}
.hero-search input,.search{background:var(--surface-2);border-color:#2a3550;box-shadow:0 5px 20px rgba(0,0,0,.25)}
.field input,.field textarea,.field select{background:var(--surface-2);border-color:#2a3550}
.tool-card,.category-card,.content-card,.tool-panel,.collection-index .collection-card{background:var(--surface);border-color:#232e4a}
.category-card:nth-child(8n+1){background:linear-gradient(155deg,#121a31,#151d36)}.category-card:nth-child(8n+2){background:linear-gradient(155deg,#121a31,#132a32)}.category-card:nth-child(8n+3){background:linear-gradient(155deg,#121a31,#2a2333)}.category-card:nth-child(8n+4){background:linear-gradient(155deg,#121a31,#1c2140)}
.cat-icon,.tool-icon{background:#1c2946;color:#8fadff}
.tool-card[data-category="text"] .tool-icon{background:rgba(99,112,255,.17);color:#aab4ff}
.tool-card[data-category="entwicklung"] .tool-icon{background:rgba(56,152,255,.16);color:#7cc0ff}
.tool-card[data-category="rechner"] .tool-icon{background:rgba(255,176,32,.15);color:#ffc266}
.tool-card[data-category="konverter"] .tool-icon{background:rgba(31,208,166,.14);color:#6fdfc2}
.tool-card[data-category="bild"] .tool-icon{background:rgba(255,94,196,.16);color:#ff9ed2}
.tool-card[data-category="zeit"] .tool-icon{background:rgba(60,190,240,.15);color:#83d4f5}
.tool-card[data-category="sicherheit"] .tool-icon{background:rgba(140,96,255,.17);color:#c3a8ff}
.tool-card[data-category="web-seo"] .tool-icon{background:rgba(76,200,100,.15);color:#8fd8a0}
.tool-card[data-category="text"]{--cat:#aab4ff;--cat-bg:rgba(99,112,255,.14)}
.tool-card[data-category="entwicklung"]{--cat:#7cc0ff;--cat-bg:rgba(56,152,255,.13)}
.tool-card[data-category="rechner"]{--cat:#ffc266;--cat-bg:rgba(255,176,32,.12)}
.tool-card[data-category="konverter"]{--cat:#6fdfc2;--cat-bg:rgba(31,208,166,.11)}
.tool-card[data-category="bild"]{--cat:#ff9ed2;--cat-bg:rgba(255,94,196,.13)}
.tool-card[data-category="zeit"]{--cat:#83d4f5;--cat-bg:rgba(60,190,240,.12)}
.tool-card[data-category="sicherheit"]{--cat:#c3a8ff;--cat-bg:rgba(140,96,255,.14)}
.tool-card[data-category="web-seo"]{--cat:#8fd8a0;--cat-bg:rgba(76,200,100,.12)}
.category-card.category-1 .cat-icon{background:rgba(99,112,255,.17);color:#aab4ff}
.category-card.category-2 .cat-icon{background:rgba(56,152,255,.16);color:#7cc0ff}
.category-card.category-3 .cat-icon{background:rgba(255,176,32,.15);color:#ffc266}
.category-card.category-4 .cat-icon{background:rgba(31,208,166,.14);color:#6fdfc2}
.category-card.category-5 .cat-icon{background:rgba(255,94,196,.16);color:#ff9ed2}
.category-card.category-6 .cat-icon{background:rgba(60,190,240,.15);color:#83d4f5}
.category-card.category-7 .cat-icon{background:rgba(140,96,255,.17);color:#c3a8ff}
.category-card.category-8 .cat-icon{background:rgba(76,200,100,.15);color:#8fd8a0}
.page-head{background:linear-gradient(180deg,#111a30,#0d1324);border-bottom-color:#1b2540}
.page-count,.badge,.legal-kicker{background:#1c2946;color:#b9ccff}
.prose p,.prose li{color:#b9c2d4}.field>span{color:#c3cbdc}.check{color:#b9c2d4}.aside-list a{color:#b9c2d4}.formula{color:#b9c2d4}
.notice{background:#2d2410;border-color:#57451c;color:#ecd28a}
.check-item i{background:#12332a;color:#55d6ad}
.result{background:#101a33;border-color:#24365e}
.result.has-result{border-color:#2c4373;background:linear-gradient(180deg,rgba(107,149,255,.09),rgba(107,149,255,0) 62%),#101a33}
.result-error{background:#331420!important;border-color:#5e2434!important;color:#ff9aa8}
.button[data-copied]{background:rgba(51,196,147,.14)!important;border-color:#2a6b52!important;color:#55d6ad!important}
.upload-zone{background:#101a30;border-color:#31406b}
.image-workspace{background:#0f1628}
.strength-meter{background:#232c44}
.preview-pane{background:var(--surface)}.preview-pane code{background:#232c44}
.match-list code{background:#232c44}
.search-dialog{background:var(--paper)}
.search-result-icon{background:#1c2946;color:#8fadff}
.search-empty{border-color:#2a3550}
.global-results .search-empty{border-color:#2a3550;background:var(--soft)}
.feature-image{border-color:#243052}
.layered-art{background:linear-gradient(145deg,#141d36,#0e1526 58%);border-color:#243052}
.premium-feature{background:linear-gradient(180deg,#0d1324,#10182c);border-top-color:#1b2540;border-bottom-color:#1b2540}
.proof-section{background:var(--paper)}
.style-preview{background:linear-gradient(135deg,#16203c,#12203a 55%,#1c1a3e);border-color:#243052}
}

/* toolwise-production-reset */
.tool-reset-row{width:min(1180px,calc(100% - 2rem));margin:0 auto 3rem;display:flex;justify-content:flex-end}.tool-reset{min-width:9rem}.tool-reset:disabled{opacity:.6;cursor:progress}@media(max-width:480px){.tool-reset-row{width:calc(100% - 1.25rem)}.tool-reset{width:100%}}