*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#152538;background:#fff;min-height:100svh;display:flex;flex-direction:column}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3479c1;outline-offset:3px}[hidden]{display:none!important}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:relative;z-index:10;background:white;border-bottom:1px solid #edf0f3}.brand{display:flex;align-items:center;gap:10px;font-weight:750;text-decoration:none}.menu-wrap{position:relative}#menu-toggle{background:white;border:1px solid #dce2e8;border-radius:12px;font-size:24px;font-weight:800;color:#152538;padding:0 12px}#menu-toggle[aria-expanded=true]{color:#ed1825}#site-menu{position:absolute;right:0;top:56px;min-width:240px;max-width:calc(100vw - 40px);padding:10px;border:1px solid #dce2e8;border-radius:14px;background:white;box-shadow:0 15px 45px #15253818}#site-menu a{display:block;padding:12px;border-radius:8px;text-decoration:none;overflow-wrap:anywhere}#site-menu a:hover{background:#f0f4f7}.site-footer{margin-top:auto;padding:20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #e4e9ed;color:#536374;font-size:14px}.site-footer small{font-size:12px}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.site-footer a:hover{text-decoration:underline}.stage{min-height:calc(100svh - 230px)!important;padding:24px!important;flex:1}.logo{width:min(780px,100%)}[data-part]{transition:transform .2s,opacity .2s;transform-box:fill-box;transform-origin:center}[data-effect=lift]:hover{transform:translateY(-8px)}[data-effect=scale]:hover{transform:scale(1.045)}[data-effect=fade]:hover{opacity:.65}.logo a:focus-visible{outline:none;filter:drop-shadow(0 0 5px #3479c1)}@media(min-width:700px){.site-header{padding-inline:40px}.site-footer{padding-inline:40px}.stage{min-height:calc(100svh - 170px)!important}}@media(prefers-reduced-motion:reduce){[data-part]{transition:none!important;transform:none!important}}
.header-controls{display:flex;align-items:center;gap:9px}.theme-label{margin:0!important;font-size:12px;font-weight:500}.theme-select{font:13px system-ui!important;min-height:42px;border:1px solid #dce2e8;border-radius:9px;color:inherit;background:transparent;padding:7px 5px;margin:0!important;width:auto!important}.footer-share{border:0!important;background:transparent!important;color:inherit!important;font:14px system-ui!important;padding:0!important;min-height:44px;display:inline-flex;align-items:center;gap:5px}.share-dialog{max-width:min(420px,92vw);width:420px;border:1px solid #d5dde5;border-radius:18px;padding:24px;background:#fff;color:#152538}.share-dialog::backdrop{background:#08121aaa}.share-dialog h2{font-size:21px;margin-top:0}.share-code{width:min(260px,100%);margin:18px auto;background:white}.share-code svg{width:100%;height:auto;display:block}.share-url{font-size:13px;overflow-wrap:anywhere}.dialog-close{float:right;padding:6px 12px!important;font-size:18px!important}.share-note{font-size:14px}.site-footer small{white-space:nowrap}
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#0e1722;color:#e1e9f2}html[data-theme=dark] .site-header,html[data-theme=dark] #menu-toggle,html[data-theme=dark] #site-menu{background:#111e2b;color:#e1e9f2;border-color:#344454}html[data-theme=dark] .brand{color:#eef4fc}html[data-theme=dark] #site-menu a:hover{background:#24384a}html[data-theme=dark] .site-footer{border-color:#344454;color:#b0c1d2}html[data-theme=dark] .logo svg g[fill="#152538"]{fill:#dbe7f2}html[data-theme=dark] .intro>p:last-child,html[data-theme=dark] .subtle,html[data-theme=dark] small{color:#aebfd0}html[data-theme=dark] .eyebrow{color:#ff6d77}html[data-theme=dark] fieldset,html[data-theme=dark] .tool-card{background:#142333;border-color:#344858}html[data-theme=dark] .preview-panel,html[data-theme=dark] .presets{background:#101e2c;border-color:#344858}html[data-theme=dark] input:not([type=color]),html[data-theme=dark] select,html[data-theme=dark] textarea{background:#101a27;color:#e0ebf5;border-color:#4a6075}html[data-theme=dark] .shape-choice,html[data-theme=dark] .preset-choice,html[data-theme=dark] .secondary,html[data-theme=dark] .file-button{background:#152636;color:#d5e3ee;border-color:#4a6075}html[data-theme=dark] .shape-choice[aria-pressed=true]{background:#2a435b;border-color:#a8cbed;color:#fff}html[data-theme=dark] .shape-choice:hover,html[data-theme=dark] .preset-choice:hover{background:#253b50}html[data-theme=dark] .text-button{color:#bacbdb}html[data-theme=dark] pre,html[data-theme=dark] .live{background:#0c1824;color:#c7d6e3;border-color:#344858}html[data-theme=dark] #scan-status[data-state=ok]{color:#79d8a8}html[data-theme=dark] #scan-status[data-state=error],html[data-theme=dark] legend span{color:#ff9199}html[data-theme=dark] .share-dialog{background:#152333;color:#e1e9f2;border-color:#526478}html[data-theme=dark] .notice{background:#3d2e11;color:#ffe1a5}html[data-theme=dark] .placeholder{color:#e0b46c}html[data-theme=dark] button:not(.shape-choice):not(.preset-choice):not(.text-button):not(.secondary):not(.footer-share):not(#mini-preview):not(#menu-toggle){border-color:#8babc5}html[data-theme=dark] .theme-select{border-color:#4a6075}@media(max-width:400px){.site-header{padding-inline:12px}.brand{font-size:14px;gap:6px}.brand img{width:26px;height:26px}.theme-select{font-size:12px!important}#menu-toggle{font-size:20px;padding-inline:8px}.header-controls{gap:6px}.site-footer nav{gap:12px}}
html[data-theme=dark] input[type=range]{accent-color:#9dc9ee;background:transparent}html[data-theme=dark] .shape-choice:focus-visible{outline-color:#94c4ee}

/* Kleine Tür, ausreichend große Touch-Fläche. */
footer a.footer-entry{width:44px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;text-decoration:none;color:inherit}footer .footer-entry svg{width:18px;height:18px;transition:transform .18s,color .18s}footer .footer-entry:hover svg,footer .footer-entry:focus-visible svg{color:#cf1c30;transform:translateX(2px)}footer .footer-entry:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(prefers-reduced-motion:reduce){footer .footer-entry svg{transition:none}footer .footer-entry:hover svg{transform:none}}