:root{color-scheme:dark;--bg:#0a0a0a;--bg-deep:#050505;--bg-raised:#101010;--fg:#fafafa;--gray-1:#b4b4b4;--gray-2:#757575;--gray-3:#2b2b2b;--line:#fafafa1a;--line-strong:#fafafa38;--line-guide:#252525;--accent:#ff3b00;--font-sans:"Archivo Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text--1:clamp(.8125rem, .793rem + .085vw, .875rem);--text-0:clamp(1rem, .962rem + .17vw, 1.125rem);--text-1:clamp(1.25rem, 1.174rem + .34vw, 1.5rem);--text-2:clamp(1.5rem, 1.27rem + 1.02vw, 2.25rem);--text-3:clamp(2rem, 1.541rem + 2.04vw, 3.5rem);--text-4:clamp(2.5rem, 1.582rem + 4.08vw, 5.5rem);--text-display:clamp(3.25rem, 1.184rem + 9.18vw, 10rem);--tracking-display:-.04em;--tracking-tight:-.025em;--tracking-normal:-.01em;--tracking-label:.14em;--leading-display:.9;--leading-tight:1.05;--leading-snug:1.25;--leading-body:1.6;--measure:62ch;--measure-narrow:46ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--gutter:clamp(1.25rem, .6rem + 2.6vw, 3.5rem);--section-y:clamp(5rem, 3rem + 9vw, 11rem);--maxw:88rem;--radius-sm:2px;--radius:4px;--nav-h:4.5rem;--dur-fast:.2s;--dur:.6s;--dur-slow:1.2s;--ease:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-backdrop:0;--z-content:1;--z-nav:100}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/archivo-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ui-accent:var(--fg);--inp-accent:var(--fg);--inp-text:var(--fg);--card-ink:var(--fg);--text:var(--fg);--text-secondary:var(--gray-1);--text-muted:var(--gray-2);--inp-placeholder:var(--gray-2);--bg-card:var(--bg-raised);--bg-elevated:var(--bg-raised);--bg-input:var(--bg);--border:var(--gray-3);--inp-border:var(--gray-3);--inp-border-hover:#3d3d3d;--ui-ring:250 250 250;--inp-ring:250 250 250;--fx-tint:250 250 250;--ui-accent-fg:#0a0a0a;--badge-solid-fg:#0a0a0a;--btn-primary-fg:#0a0a0a;--btn-primary-bg:var(--fg);--ctrl-h-sm:26px;--ctrl-h-md:32px;--ctrl-h-lg:38px;--ctrl-fs-sm:.75rem;--ctrl-fs-md:.8125rem;--ctrl-fs-lg:.875rem;--ctrl-r-sm:var(--radius-sm);--ctrl-r-md:var(--radius);--ctrl-r-pill:999px;--radius-card:var(--radius)}vs-upload-file-dropzone:not(:defined){min-height:190px;display:block}vs-progress-glow:not(:defined){min-height:10px;display:block}:is(vs-color-picker-compact:not(:defined),vs-chip-outline:not(:defined),vs-badge:not(:defined)){min-height:var(--ctrl-h-md);display:inline-block}vs-button-chrome:not(:defined){min-height:var(--ctrl-h-lg);display:inline-block}vs-upload-file-dropzone{--ctrl-r-md:var(--radius);touch-action:manipulation}vs-color-picker-compact{--ctrl-r-md:var(--radius)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg-deep);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-0);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}img,picture,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4{overflow-wrap:break-word}ul[role=list],ol[role=list]{padding:0;list-style:none}h1,h2,h3,h4{font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-3);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}h2{font-size:var(--text-2)}h3{font-size:var(--text-1)}p{text-wrap:pretty}a{color:inherit;text-decoration:none}code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background:var(--fg);color:var(--bg)}.wrap{width:100%;max-width:72rem;padding-inline:var(--gutter);margin-inline:auto}.skip-link{inset-inline-start:var(--gutter);top:var(--space-3);z-index:calc(var(--z-nav) + 1);padding:var(--space-2) var(--space-4);background:var(--fg);color:var(--bg);border-radius:var(--radius);font-size:var(--text--1);font-weight:var(--weight-medium);transition:transform var(--dur-fast) var(--ease);position:absolute;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font-size:var(--text--1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gray-2)}.lead{font-size:var(--text-1);color:var(--gray-1);max-width:var(--measure)}.site-head{z-index:var(--z-nav);padding:var(--space-4) var(--gutter) 0;background:linear-gradient(to bottom, var(--bg) 45%, transparent);position:sticky;top:0}.pille{align-items:center;gap:var(--space-4);width:100%;max-width:62rem;min-height:3.25rem;padding:0 var(--space-3) 0 var(--space-5);border:1px solid var(--line);background:color-mix(in srgb, var(--bg-raised) 72%, transparent);backdrop-filter:blur(16px)saturate(140%);border-radius:999px;grid-template-columns:1fr auto 1fr;margin-inline:auto;display:grid;box-shadow:0 12px 40px -18px #000000e6}.pille__marke{font-size:var(--text--1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);white-space:nowrap;flex:none;align-items:center;gap:.3em;display:inline-flex}.pille__marke :global(.pille__logo){height:.95em}.pille__marke span{color:var(--gray-2)}.pille__links{--text-secondary:#fafafa99;--border:var(--line);--panel-bg:color-mix(in srgb, var(--bg-raised) 92%, transparent);justify-content:center;min-width:0;display:flex}.pille__zurueck{padding-inline:var(--space-3);font-size:var(--text--1);color:var(--gray-2);white-space:nowrap;transition:color var(--dur-fast) var(--ease);justify-self:end}.pille__zurueck:hover{color:var(--fg)}@media (width<=44rem){.pille{gap:var(--space-3);padding-inline:var(--space-4) var(--space-3)}.pille__marke span,.pille__zurueck{display:none}.pille{grid-template-columns:auto 1fr}.pille__links{justify-content:flex-end}}.site-foot{border-top:1px solid var(--line);background:var(--bg);padding-block:var(--space-6);font-size:var(--text--1);color:var(--gray-2);margin-top:auto}.site-foot__inner{gap:var(--space-4) var(--space-6);flex-wrap:wrap;justify-content:space-between;display:flex}.site-foot a:hover{color:var(--fg)}main{background:var(--bg);flex:1}.page-head{padding-block:clamp(3rem, 1.5rem + 6vw, 6rem) var(--space-7)}.page-head h1{margin-block:var(--space-4) var(--space-5)}.tool-grid{background:var(--line);border-block:1px solid var(--line);margin-bottom:var(--space-9);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1px;display:grid}.tool-card{gap:var(--space-3);padding:var(--space-6) var(--space-5);background:var(--bg);transition:background-color var(--dur-fast) var(--ease);flex-direction:column;display:flex}.tool-card:hover,.tool-card:focus-visible{background:var(--bg-raised)}.tool-card__title{font-size:var(--text-1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.tool-card__teaser{color:var(--gray-1);font-size:var(--text--1);line-height:var(--leading-snug)}.tool-card__meta{padding-top:var(--space-4);font-size:var(--text--1);color:var(--gray-2);gap:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.tool-card--soon{color:var(--gray-2)}.tool-head{padding-block:var(--space-7) var(--space-6);border-bottom:1px solid var(--line)}.tool-head__back{font-size:var(--text--1);color:var(--gray-2)}.tool-head__back:hover{color:var(--fg)}.tool-head h1{margin-block:var(--space-4) var(--space-4);font-size:var(--text-2)}.tool-body{padding-block:var(--space-7) var(--space-9);gap:var(--space-7);display:grid}.stapel{gap:var(--space-7);align-content:start;display:grid}.panel{gap:var(--space-4);display:grid}.panel__title{font-size:var(--text--1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gray-2)}.panel__note{font-size:var(--text--1);color:var(--gray-2);max-width:var(--measure)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex;overflow:visible}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--fg);font-size:var(--text--1);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-raised);border-color:var(--fg)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--fg);border-color:var(--fg);color:var(--bg)}.btn--primary:hover:not(:disabled){color:var(--bg);background:#fff}.seg{border:1px solid var(--line-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{color:var(--gray-1);padding:0 var(--space-4);min-height:2.25rem;font-size:var(--text--1);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none}.seg button+button{border-left:1px solid var(--line-strong)}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.check{align-items:center;gap:var(--space-2);font-size:var(--text--1);color:var(--gray-1);cursor:pointer;display:inline-flex}.check input{appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;place-content:center;width:1rem;height:1rem;display:grid}.check input:before{content:"";background:var(--bg);width:.5rem;height:.5rem;transition:transform var(--dur-fast) var(--ease);transform:scale(0)}.check input:checked{background:var(--fg);border-color:var(--fg)}.check input:checked:before{transform:scale(1)}.swatch-list{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch-list__item{align-items:center;gap:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius);font-size:var(--text--1);font-variant-numeric:tabular-nums;padding:.25rem .25rem .25rem .5rem;display:inline-flex}.swatch-list__dot{border-radius:var(--radius-sm);border:1px solid #7f7f7f66;width:.9rem;height:.9rem}.swatch-list__x{color:var(--gray-2);cursor:pointer;background:0 0;border:none;padding:.25rem;line-height:1}.swatch-list__x:hover{color:var(--fg)}.result-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));display:grid}.result{gap:var(--space-2);display:grid}.result__frame{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background-color:#191919;background-image:linear-gradient(45deg,#232323 25%,#0000 25%),linear-gradient(-45deg,#232323 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#232323 75%),linear-gradient(-45deg,#0000 75%,#232323 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;min-height:8.5rem;display:grid}.result__frame--light{background-color:#f2f2f2;background-image:linear-gradient(45deg,#e2e2e2 25%,#0000 25%),linear-gradient(-45deg,#e2e2e2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e2e2 75%),linear-gradient(-45deg,#0000 75%,#e2e2e2 75%)}.result__frame img{object-fit:contain;width:auto;max-height:7rem}.result__name{font-size:var(--text--1);color:var(--gray-1);word-break:break-all}.result__size{font-size:var(--text--1);color:var(--gray-2);font-variant-numeric:tabular-nums}.notice{border:1px solid var(--line);border-left:2px solid var(--gray-2);padding:var(--space-4);font-size:var(--text--1);color:var(--gray-1);max-width:var(--measure)}.notice--error{border-left-color:var(--accent);color:var(--fg)}.notice[hidden]{display:none}.hidden{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo[data-astro-cid-f7espo7c]{fill:currentColor;width:auto;height:1em;color:inherit;display:block}