:root{font-family:Arial,sans-serif;color:#263d42;background:#efeee9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:86px;background:#fffdf8;border-bottom:1px solid #deded5;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:25px;font-weight:700;letter-spacing:-1px}.logo{background:#263d42;color:#fffdf8;padding:7px 12px;border-radius:11px;font-family:Georgia;font-size:29px}.brand small{font-size:10px;letter-spacing:2px;margin:6px 0 0 8px}.header-actions{display:flex;gap:10px;align-items:center}.local{font-size:12px;color:#6e8076;margin-right:12px}button{border:1px solid #cdd2ca;background:#fffdf8;color:#263d42;padding:11px 16px;border-radius:7px;font-weight:600;cursor:pointer}button:hover{background:#e6e9e1}button:disabled{opacity:.5;cursor:wait}main{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 86px)}aside{background:#fffdf8;border-right:1px solid #deded5;padding:30px 27px}h1{font:32px/1.15 Georgia,serif;letter-spacing:-.7px;margin:13px 0 28px}h2{font-size:14px;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#7e8880;font-weight:700}label{display:block;font-size:12px;font-weight:600;margin:13px 0}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #d6d9d0;background:#faf9f4;color:#263d42;border-radius:6px;padding:10px;font:13px Arial;margin-top:7px}textarea{line-height:1.7;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #b86c4e;outline-offset:1px}.section-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6e6df;padding-top:22px;margin-top:24px}.section-title span{font-size:11px;color:#7e8880}.hint{font-size:11px;line-height:1.6;color:#7c847d;margin-bottom:4px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=color]{height:38px;padding:3px}.check{display:flex;align-items:center;gap:7px;font-weight:400;font-size:12px}.check input{accent-color:#b44c35}.upload{border:1px dashed #bfc6ba;padding:12px;border-radius:6px}.upload input{font-size:10px}.workspace{padding:38px 42px}.workspace-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.workspace-top h2{font:27px Georgia;margin-top:8px}.badge{font-size:11px;border:1px solid #d5dad1;border-radius:20px;padding:8px 13px;color:#7c847d}.canvas-wrap{position:relative;background:#e4e5de;padding:24px;border-radius:12px;min-height:300px;display:grid;place-items:center}#preview{width:100%;max-width:1000px;box-shadow:0 12px 25px #263d4212;line-height:0}#preview svg{width:100%;height:auto}#busy{position:absolute;background:#fffdf8e8;padding:16px;border-radius:8px;font-size:13px}[hidden]{display:none!important}.toolbar,.toolbar>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{margin-top:22px;flex-wrap:wrap}.primary{background:#b44c35;border-color:#b44c35;color:white}.primary:hover{background:#973f2c}#status{font-size:12px;color:#6e8076;min-height:18px;line-height:1.5}.note{display:flex;gap:15px;margin-top:34px;padding-top:25px;border-top:1px solid #d8dcd2}.note>span{font-size:26px;color:#b44c35}.note strong{font-size:13px}.note p{font-size:12px;color:#7e8880;line-height:1.6}#gap-value{font-weight:400;font-size:10px}@media(max-width:1000px){main{grid-template-columns:290px 1fr}.workspace{padding:28px 20px}aside{padding:25px 20px}.toolbar>div{flex-wrap:wrap}}@media(max-width:720px){header{padding:15px;height:auto}.brand small,.local{display:none}main{display:flex;flex-direction:column}.workspace{order:-1}aside{border-right:0}.canvas-wrap{padding:10px;min-height:0}.header-actions button{font-size:11px;padding:9px}.toolbar{gap:6px}}

#preview text{cursor:pointer}#preview text:hover{opacity:.7}#preview text:focus{outline:none;text-decoration:underline}.word-editor{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fffdf8;padding:16px;margin-top:16px;border:1px solid #d6d9d0;border-radius:8px}.word-editor p{font-size:11px;color:#7c847d;margin:5px 0}.word-editor label{margin:0}.word-editor input[type=color]{width:65px}.word-editor input[type=text],#word-color-hex{width:100px}

details{margin-top:15px;font-size:12px}summary{cursor:pointer;font-weight:600;padding:10px 0}#word-table{max-height:360px;overflow:auto;margin-bottom:10px}#word-table table{border-collapse:collapse;width:100%}#word-table th{text-align:left;font-size:10px;color:#7c847d;padding:5px}#word-table td{padding:2px}#word-table input{padding:6px;margin:0;min-width:0}#word-table td:first-child{width:45%}#word-table input[type=number]{width:55px}#word-table input[type=color]{width:30px;height:28px;vertical-align:middle}#word-table button{padding:5px;border:0;background:transparent}#word-table td:nth-child(3){white-space:nowrap}.header-actions{flex-wrap:wrap}.toolbar>div:last-child{flex-wrap:wrap}@media(max-width:720px){header{gap:10px;flex-wrap:wrap}}

#word-link{width:240px}.word-editor .check{min-width:180px}#preview text[data-locked="true"]{text-decoration:underline;text-decoration-style:dotted}#word-table table{min-width:440px}#word-table td:nth-child(4) input{width:140px}

#shape-gallery{max-height:430px;overflow:auto}#shape-gallery h3{font-size:12px;margin:15px 0 8px}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shape-grid button{padding:7px 4px;font-size:10px}.shape-grid svg{display:block;width:100%;height:48px;margin-bottom:5px;color:#6e8076}.shape-grid button:hover svg{color:#b44c35}

#palette-swatches{display:flex;gap:7px;margin:10px 0}#palette-swatches span{width:27px;height:27px;border:1px solid #cdd2ca;border-radius:50%}

.workspace-top{gap:14px;flex-wrap:wrap}.format-picker{margin:0 0 0 auto;min-width:230px}.format-picker select{max-width:300px}.canvas-wrap #preview{max-height:none}

/* Desktop studio */
.mobile-tabs{display:none}.settings-panel{display:block}.workspace{min-width:0}.workspace-top>div{flex-shrink:0}
.export-menu{margin:0;position:relative}.export-menu>summary{display:none}.export-options{display:flex;gap:8px;flex-wrap:wrap}.export-menu:not([open])>.export-options{display:flex}
.zoom-tools{display:flex;gap:6px;align-items:center;margin:12px 0}.zoom-tools button{padding:7px 12px}.zoom-tools span{font-size:11px;color:#7c847d;margin-left:8px}
.canvas-wrap{display:block;overflow:auto;max-height:75vh}#preview{width:calc(100% * var(--preview-zoom,1));max-width:none}
@media(min-width:901px){aside{position:sticky;top:0;height:calc(100vh - 86px);overflow:auto}.workspace{align-self:start}.toolbar{align-items:flex-start;gap:16px}.toolbar>div:first-child{flex-shrink:0}}
/* Mobile editing workspace */
@media(max-width:900px){
 body{padding-bottom:100px}header{height:auto;padding:12px 16px;gap:12px;flex-wrap:wrap}.brand{font-size:22px}.brand small,.local{display:none}.header-actions{width:100%;gap:6px;display:grid;grid-template-columns:repeat(4,1fr)}.header-actions button{padding:9px 4px;font-size:11px;min-height:44px}
 main{display:flex;flex-direction:column}.workspace{order:-1;padding:20px 16px 8px}aside{padding:10px 16px 28px;border:0;width:100%}aside>.eyebrow,aside>h1{display:none}
 .workspace-top{margin-bottom:10px;gap:8px}.workspace-top h2{font-size:23px}.workspace-top .eyebrow{display:none}.format-picker{min-width:0;width:100%;order:3;margin:0}.format-picker select{max-width:none;font-size:16px}.badge{padding:6px 10px}
 .canvas-wrap{padding:10px;max-height:52vh;min-height:0;border-radius:9px}.zoom-tools{margin:8px 0}.zoom-tools button{min-width:44px;min-height:44px}.zoom-tools span{font-size:10px}
 .mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:sticky;top:0;background:#fffdf8;padding:10px 0;z-index:3}.mobile-tabs button{min-height:46px}.mobile-tabs [aria-pressed=true]{background:#263d42;color:#fffdf8}
 .settings-panel{display:none}.settings-panel.active{display:block}.settings-panel .section-title{margin-top:8px;padding-top:14px}
 input:not([type=checkbox]),select,textarea{font-size:16px;min-height:44px}input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.check{min-height:44px;font-size:13px;margin:6px 0}label{font-size:13px}summary{min-height:44px;display:flex;align-items:center}button{min-height:44px}
 .toolbar{position:fixed;bottom:0;left:0;right:0;z-index:10;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fffdf8;border-top:1px solid #d6d9d0;box-shadow:0 -4px 20px #263d4210;display:flex;flex-wrap:nowrap}.toolbar>div{gap:8px}.toolbar .primary{padding:11px;font-size:12px}.toolbar .check{font-size:11px;gap:4px;margin:0}
 .export-menu>summary{display:flex;justify-content:center;border:1px solid #cdd2ca;border-radius:7px;padding:8px 14px;font-weight:600;cursor:pointer}.export-menu:not([open])>.export-options{display:none}.export-options{position:absolute;bottom:56px;right:0;width:220px;background:#fffdf8;padding:10px;box-shadow:0 8px 30px #263d4233;border:1px solid #d6d9d0;border-radius:10px;display:grid!important;gap:7px}.export-menu:not([open])>.export-options{display:none!important}
 .word-editor{position:fixed;bottom:85px;left:12px;right:12px;z-index:9;margin:0;max-height:52vh;overflow:auto;box-shadow:0 10px 50px #263d4240;gap:12px;padding:16px;border-radius:14px}.word-editor>div:first-child{width:100%;padding-right:35px}.word-editor strong{font-size:19px}.word-editor #word-editor-close{position:absolute;right:8px;top:8px;border:0}.word-editor label:has(#word-link){width:100%}#word-link{width:100%}.word-editor input[type=color]{height:44px}.word-editor #word-color-hex{width:140px}
 .note{display:none}#status{font-size:11px;margin-bottom:4px}.workspace>.hint{margin-top:10px}
 #word-table{max-height:none;overflow:visible}#word-table table{min-width:0;width:100%}#word-table thead{display:none}#word-table tbody{display:grid;gap:12px}#word-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f2f2ec;border:1px solid #d6d9d0;border-radius:10px;padding:12px}#word-table td{width:auto!important;padding:0}#word-table td:first-child,#word-table td:nth-child(4){grid-column:1/-1}#word-table td::before{display:block;font-size:11px;color:#6e8076;margin-bottom:4px}#word-table td:first-child::before{content:'Wort'}#word-table td:nth-child(2)::before{content:'Gewicht'}#word-table td:nth-child(3)::before{content:'Farbe'}#word-table td:nth-child(4)::before{content:'Link'}#word-table input[type=number],#word-table td:nth-child(4) input{width:100%}#word-table input[type=color]{width:50px;height:44px}#word-table td:last-child{grid-column:1/-1;text-align:right}#word-table td:last-child button::after{content:' Wort löschen';font-size:12px}#word-table button{padding:8px 12px}
 .shape-grid button{font-size:12px;min-height:85px}#shape-gallery{max-height:55vh}
}

#ai-panel{border:1px solid #d6d9d0;border-radius:10px;padding:12px;margin:16px 0;background:#f2f5ef}#ai-panel summary{font-weight:700;margin-bottom:12px;cursor:pointer}.ai-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-actions [hidden]{display:none}#ai-status{font-size:12px;line-height:1.5}#ai-panel textarea{width:100%;box-sizing:border-box}
.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:2000;max-width:1100px;margin:auto;padding:22px;background:#fff;border:1px solid #d8ded8;border-radius:18px;box-shadow:0 10px 45px #18292030;display:flex;align-items:center;gap:24px}.cookie-banner[hidden]{display:none}.cookie-banner h2{margin:0 0 8px;font-size:20px}.cookie-banner p{margin:0;line-height:1.55;font-size:14px}.cookie-actions{flex-shrink:0}.cookie-actions button{min-height:44px}.privacy-settings{display:block;margin:20px auto 85px;font-size:13px;min-height:44px}@media(max-width:900px){.cookie-banner{bottom:80px;padding:18px;display:block;max-height:65vh;overflow:auto}.cookie-actions{margin-top:14px}.cookie-actions button{width:100%}}
#ai-access-control[hidden]{display:none}

/* Accessible interface contrast and keyboard focus; artwork colors remain user-defined. */
.hint,.eyebrow,.section-title span,.badge,.note p,.word-editor p,.zoom-tools span,#word-table th,#status,.local{color:#526259}
:where(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #145c91;outline-offset:3px}
#preview text:focus-visible{outline:2px solid #145c91;text-decoration:underline}
.skip-link{position:fixed;top:8px;left:8px;z-index:3000;background:#fffdf8;color:#263d42;padding:12px;transform:translateY(-160%)}
.skip-link:focus{transform:none}

.preview-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;user-select:none;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.03em;color:#263d42;background:#fffdf8e6;padding:5px 9px;border-radius:5px;z-index:1}
@media(max-width:900px){.preview-watermark{font-size:10px}}