.wg-shell{max-width:1500px;margin:auto;padding:34px 24px 64px;color:#17382d}.wg-shell *{box-sizing:border-box}.wg-skip{position:absolute;left:-10000px}.wg-skip:focus{left:10px;top:10px;z-index:99;background:white;padding:15px}.wg-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;margin-bottom:32px}.wg-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#396d55}.wg-intro h1{font-size:clamp(32px,4.3vw,58px);line-height:1.08;letter-spacing:-.04em;margin:15px 0}.wg-intro>div>p:last-child{font-size:19px;max-width:630px;line-height:1.6}.wg-intro aside{border:1px solid #cadacf;border-radius:20px;background:#f1f7ee;padding:25px}.wg-intro aside p{font-size:13px;color:#4c6258}.wg-shell button,.wg-file{font:inherit;font-weight:650;border:1px solid #b8cec1;border-radius:9px;padding:10px 14px;background:#fff;color:#17382d;cursor:pointer;min-height:44px}.wg-shell button:hover,.wg-file:hover{background:#eaf3e9}.wg-shell button:focus-visible,.wg-shell input:focus-visible,.wg-shell textarea:focus-visible,.wg-shell select:focus-visible,.wg-file:focus-within{outline:3px solid #bd7924;outline-offset:3px}.wg-shell .wg-primary{background:#205d40;color:#fff;border-color:#205d40}.wg-shell .wg-primary:hover{background:#163f2d}.wg-shell .wg-reset{background:#fff0e6;border-color:#e4b99c;color:#803c14}.wg-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #dce5df}.wg-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.wg-toolbar p{font-size:13px}.wg-file{position:relative;display:inline-flex;align-items:center;overflow:hidden}.wg-file input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;inset:0}.wg-workspace{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:24px;align-items:start}.wg-editor{border:1px solid #d3dfd7;border-radius:16px;overflow:hidden;background:white}.wg-steps{display:flex;padding:12px;gap:5px;border-bottom:1px solid #d3dfd7;background:#f4f7f3}.wg-steps button{flex:1;padding:9px 5px;font-size:13px}.wg-steps [aria-current=step]{background:#205d40;color:#fff}.wg-editor form{padding:24px}.wg-editor fieldset{border:0;padding:0;margin:0;min-width:0}.wg-editor legend{font-size:23px;font-weight:750;padding:0;margin-bottom:12px}.wg-editor h2{font-size:19px;margin:28px 0 10px}.wg-editor label{display:block;font-size:14px;font-weight:650;margin:18px 0 12px}.wg-editor input:not([type=checkbox]),.wg-editor textarea,.wg-editor select{display:block;width:100%;padding:11px 12px;border:1px solid #a7bdb0;border-radius:8px;margin-top:7px;font:inherit;color:#183c2b;background:#fff;min-width:0}.wg-editor textarea{resize:vertical;line-height:1.5}.wg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wg-hint{font-size:13px;line-height:1.6;color:#52665a}.wg-editor .wg-check{display:flex;gap:10px;align-items:flex-start;line-height:1.6}.wg-check input{margin-top:5px;flex:none;width:18px;height:18px}.wg-next{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dae3db;margin-top:25px;padding-top:20px}.wg-preview{position:sticky;top:18px;border:1px solid #c7d6cb;border-radius:16px;overflow:hidden;background:#e9eee8;min-width:0}.wg-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:#fff;font-size:13px}.wg-preview-bar button{font-size:12px;padding:8px;min-height:40px}.wg-preview-bar [aria-pressed=true]{background:#e3efde;border-color:#205d40}.wg-preview>.wg-hint{padding:0 16px}#preview-shell{padding:12px;display:flex;justify-content:center}#preview{width:100%;height:680px;max-height:75vh;border:0;background:#fff;border-radius:6px;transition:width .18s}#preview-shell.mobile #preview{width:375px;max-width:100%}.wg-readiness{padding-left:20px;line-height:1.7;font-size:14px}.wg-readiness .missing{color:#8a391d}.wg-editor details{margin-top:24px;font-size:14px;line-height:1.6}.wg-editor summary{cursor:pointer;font-weight:700}.wg-shell dialog{max-width:440px;border:1px solid #bacbbc;border-radius:18px;padding:28px;color:#183c2b}.wg-shell dialog::backdrop{background:#12271ab0}.wg-shell dialog form{display:flex;gap:12px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:950px){.wg-workspace{grid-template-columns:1fr}.wg-preview{position:static}.wg-intro{gap:20px}.wg-toolbar{align-items:flex-start;flex-direction:column}.wg-editor form{padding:20px}.wg-preview #preview{height:600px;max-height:70vh}}@media(max-width:560px){.wg-shell{padding:25px 14px}.wg-intro{grid-template-columns:1fr}.wg-intro aside{padding:18px}.wg-row{grid-template-columns:1fr}.wg-preview-bar{flex-wrap:wrap}.wg-next{flex-wrap:wrap}.wg-toolbar>div>*{font-size:13px}.wg-steps{gap:4px;padding:8px}.wg-steps button{font-size:12px}.wg-intro h1{font-size:37px}}@media(prefers-reduced-motion:reduce){#preview{transition:none}}

.wg-library{border:1px solid #cad9cc;border-radius:10px;padding:12px}.wg-theme-gallery{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:480px;overflow:auto;padding:4px}.wg-theme-gallery button{display:flex;flex-direction:column;gap:5px;text-align:left;padding:8px;min-width:0}.wg-theme-gallery svg{width:100%;height:auto;border-radius:5px}.wg-theme-gallery strong{font-size:13px}.wg-theme-gallery button>span{font-size:11px;font-weight:400;line-height:1.45}.wg-theme-gallery [aria-pressed=true],.wg-palette-gallery [aria-pressed=true]{outline:2px solid #205d40;background:#edf5e9}.wg-palette-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px}.wg-palette-gallery button{padding:7px 3px;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.wg-palette-gallery button>span:first-child{width:30px;height:30px;border-radius:50%;border:1px solid #0002}.wg-palette-gallery [aria-pressed=true]>span:first-child{outline:2px solid #205d40;outline-offset:2px}@media(max-width:360px){.wg-palette-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

.wg-palette-gallery{max-height:380px;overflow-y:auto;padding:5px;scrollbar-gutter:stable}.wg-theme-gallery button:focus-visible,.wg-palette-gallery button:focus-visible{outline:3px solid #215baa;outline-offset:1px}

.wg-ai{margin:0 0 24px;padding:22px;background:#edf5ff;border:1px solid #bad1ee;border-radius:16px}.wg-ai h2{font-size:24px}.wg-ai textarea{width:100%;display:block;margin:8px 0}.wg-ai button{margin:8px 4px 8px 0}.wg-check{display:flex;gap:10px;align-items:flex-start}.wg-check input{width:auto!important;flex-shrink:0}

/* Produktbeispiele: statische Generator-Exporte, keine bezahlte Funktion. */
.wg-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wg-example{min-width:0;padding:20px;border:1px solid #d3dfd5;border-radius:16px;background:#fff}.wg-example iframe{width:100%;height:430px;border:1px solid #d3dfd5;border-radius:10px;background:#fff}.wg-example h3{font-size:1.3rem}.wg-example summary{cursor:pointer;font-weight:650}.wg-example p{overflow-wrap:anywhere}.wg-examples{margin:52px 0}@media(max-width:950px){.wg-example-grid{grid-template-columns:1fr}.wg-example iframe{height:460px}}