/* Gemeinsame Material- und Farbwelt für den Arbeitsplatz. */
body.creator-workspace .app>main{background:radial-gradient(ellipse at 10% 10%,#fff9eb66,transparent 60%),#e8eceb!important}
.live-editor-bar{background:#f8f8f3!important;border-bottom:1px solid #bcc9c8!important;box-shadow:0 6px 22px #152c3b0c!important}
.live-editor-mainbar{background:linear-gradient(120deg,#213d4d,#162c3b)!important;border-bottom:1px solid #ffffff13!important;padding:13px 18px!important;gap:12px}
.live-editor-title b{color:#fff9ef!important;font-size:17px!important;letter-spacing:-.4px}.live-editor-title small{color:#bccbd0!important;line-height:1.5;font-size:10px!important}
.live-editor-icon{background:linear-gradient(145deg,#e0c8a4,#b79672)!important;border:1px solid #e9d7ba!important;color:#263f49!important;border-radius:10px!important;box-shadow:inset 0 1px 0 #fff9e8a8,0 3px 0 #786954,0 7px 13px #0002!important;width:38px;height:38px}
.live-editor-icon svg{width:24px;height:24px}
.live-editor-zoom{border:1px solid #71838a!important;background:linear-gradient(#fffef7,#e7eae3)!important;border-radius:9px!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #112836!important;padding:3px!important}.live-editor-zoom output{color:#25424b!important}.editor-magnifier-label{color:#3d5860!important}
body.creator-workspace .live-editor-zoom button{color:#2e4b54!important;background:transparent!important;border-radius:5px!important;transition:background .15s}.live-editor-zoom button:hover{background:#d5dfda!important}
body.creator-workspace #liveEditorExpand{background:linear-gradient(#e2c6a2,#c4a17c)!important;color:#243b46!important;border:1px solid #d7bc99!important;border-radius:8px!important;box-shadow:inset 0 1px 0 #ffebc9b0,0 3px 0 #8c755c,0 6px 12px #0002!important;font-weight:600!important;min-height:38px!important}
.live-editor-actionbar{background:#f8f9f5!important;padding:10px 16px!important;gap:8px!important;border-bottom:1px solid #dce2dc}
body.creator-workspace .live-editor-actionbar>button,body.creator-workspace .editor-space-controls button{background:linear-gradient(#ffffff,#eaf0e8)!important;color:#2f4c54!important;border:1px solid #c2cfca!important;border-radius:7px!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #b9c6bf,0 3px 5px #152c3b08!important;font-size:11px!important;min-height:35px!important;font-weight:500}
.live-editor-actionbar>button:active,.editor-space-controls button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #1b3b3d16!important}
.live-editor-actionbar .devices{background:#e3e9e4!important;border:1px solid #bdcbc1!important;border-radius:8px!important;box-shadow:inset 0 2px 4px #213c4010!important;padding:3px!important}
.live-editor-actionbar .devices button{background:transparent!important;color:#5a706d!important;box-shadow:none!important;border-radius:5px!important}.live-editor-actionbar .devices button.active{background:linear-gradient(#fffef7,#eef1e7)!important;color:#284b53!important;box-shadow:0 1px 4px #18333825!important}
.live-image-tools{background:#edf1ec!important;border-color:#d5dfd4!important;padding:8px 16px!important}.live-image-tools>span{color:#61766c!important;font-size:10px!important}
body.creator-workspace .live-image-tools button{color:#4b6863!important;min-height:30px!important}.live-image-tools button[aria-pressed=true]{background:#dce7db!important;color:#32513d!important;border:1px solid #b6cdb6!important;box-shadow:inset 0 1px 0 #fff8,0 1px 1px #18302e0b}
body.creator-workspace .live-image-tools :is(#liveImageUp,#liveImageDown){background:linear-gradient(#fffefa,#e8eee4)!important;color:#37524a!important;border:1px solid #becdbb!important;border-radius:6px!important;box-shadow:0 2px 0 #b2c3b0!important}
.editor-space-controls{background:#f8f9f4!important;border-color:#d4ded2!important;padding:9px 16px!important}.editor-space-controls label{color:#4c6658!important;font-size:11px!important}.editor-space-controls output{color:#21474b!important}.editor-space-controls input{accent-color:#3c6571!important}
body.creator-workspace .editor-page-strip{background:#e2e8e4!important;border-top:1px solid #ffffffad!important;border-bottom:1px solid #cbd6cd!important;padding:9px 15px!important;gap:7px!important;box-sizing:border-box}
body.creator-workspace .editor-page-strip button{background:#f5f7f0!important;border:1px solid #c5d2c5!important;border-radius:6px!important;color:#506856!important;font-size:11px!important;min-height:35px!important;padding:7px 12px!important;box-shadow:inset 0 1px 0 #fff,0 2px 2px #17302e08!important}
body.creator-workspace .editor-page-strip button[aria-pressed=true]{background:linear-gradient(#365563,#233e4b)!important;color:#fff9e9!important;border-color:#34545f!important;box-shadow:inset 0 1px 0 #ffffff27,0 2px 0 #162d37!important}
body.creator-workspace .canvas{border:1px solid #aabcb9!important;border-radius:13px!important;background:#fdfdf8!important;box-shadow:0 13px 35px #18303d15,0 0 0 4px #f8faf76b,inset 0 1px 0 #fff!important;overflow:hidden!important}
body.creator-workspace .browserbar{height:33px;background:linear-gradient(#f8faf7,#e8eeea)!important;border-bottom:1px solid #c9d6cc!important;color:#758980!important;font-size:9px!important}.browserbar span:nth-child(2){color:#4a6660!important;background:#dce6dc!important;border:1px solid #cedbcd!important;border-radius:5px!important;padding:3px 13px!important}
body.creator-workspace main>footer{color:#73867a!important;font-size:9px!important}
body.creator-workspace #editorWorkbench{background:#fffefa!important;border:1px solid #b5c5c0!important;border-radius:13px!important;box-shadow:0 15px 40px #152c3b1c,0 0 0 3px #ffffff53!important;color:#263f46!important}
#editorWorkbench .wb-heading{background:linear-gradient(115deg,#254251,#1a323f)!important;border-bottom:1px solid #18323d!important;padding:17px 17px!important}
#editorWorkbench .wb-heading small{color:#afc2c6!important;font-size:8px!important;letter-spacing:1.9px}#editorWorkbench .wb-heading h2{color:#fff8e9!important;font-size:17px!important;font-weight:500!important;margin-top:7px!important}
#editorWorkbench .wb-heading button{background:#365260!important;color:#ecf2ed!important;border:1px solid #5c7680!important;border-radius:6px!important;box-shadow:inset 0 1px 0 #ffffff18!important;min-width:33px;min-height:33px!important;font-size:19px!important}
#editorWorkbench .wb-history{background:#edf2eb!important;padding:10px!important;gap:8px!important;border-color:#d6e0d1!important}#editorWorkbench .wb-history button{background:linear-gradient(#fffef9,#e7eee2)!important;color:#536e60!important;border:1px solid #c7d5c0!important;border-radius:6px!important;font-size:11px!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #c4d1be!important;min-height:34px!important}
#editorWorkbench .wb-tabs{background:#f6f8f0!important;padding:8px!important;border-color:#dbe4d5!important}#editorWorkbench .wb-tabs button{font-size:12px!important;color:#5a7163!important;border-radius:6px!important;min-height:37px!important}#editorWorkbench .wb-tabs button[aria-selected=true]{background:linear-gradient(#dae6d3,#cfdfc7)!important;color:#2b5139!important;box-shadow:inset 0 1px 0 #fff8,0 1px 0 #b4c9aa!important}
#editorWorkbench .wb-body{background:#fffefa!important}#editorWorkbench .wb-help{color:#75836d!important;font-size:11px!important;line-height:1.8!important}
#editorWorkbench .wb-structure button{background:linear-gradient(#fbfcf7,#f0f4eb)!important;border:1px solid #d1ddca!important;border-radius:9px!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #dce5d7!important;padding:12px!important;min-height:65px!important;transition:transform .18s,box-shadow .18s}
#editorWorkbench .wb-structure button[aria-pressed=true]{background:linear-gradient(#e8f0df,#dfead5)!important;border-color:#acc49d!important;box-shadow:inset 3px 0 #537747,0 2px 0 #bdceb0!important}
#editorWorkbench .wb-structure strong{color:#34543b!important;font-size:13px!important;font-weight:600!important}#editorWorkbench .wb-structure small{color:#7b8b6c!important;font-size:10px!important}#editorWorkbench .wb-structure button>span{font-size:10px!important;color:#8a9d76!important}
#editorWorkbench #wbProperties :is(input,textarea,select){background:#fdfef9!important;border:1px solid #c7d5bd!important;border-radius:7px!important;box-shadow:inset 0 2px 4px #233e3507!important;color:#2a4537!important;font-size:14px!important;line-height:1.6!important}
#editorWorkbench #wbProperties label{color:#546e4c!important;font-size:12px!important;font-weight:500!important}#editorWorkbench #wbProperties :is(input,textarea,select):focus{border-color:#75956b!important;outline:3px solid #b4cba047!important;outline-offset:1px}
#editorWorkbench #wbProperties>button.primary{background:linear-gradient(#365964,#25424e)!important;color:#fff8ed!important;border:1px solid #2f515c!important;border-radius:7px!important;box-shadow:inset 0 1px 0 #ffffff29,0 3px 0 #172e37!important;font-size:12px!important}
#editorWorkbench .wb-bottom{background:linear-gradient(#f1f5e9,#e9f0df)!important;border-color:#cad9bb!important;padding:12px!important}#editorWorkbench .wb-bottom>span{color:#42613c!important;font-size:12px!important}#editorWorkbench .wb-bottom button{background:linear-gradient(#fffefa,#e5edd9)!important;border:1px solid #bdceaa!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #bacda7!important;border-radius:5px!important;color:#4e7140!important;font-size:11px!important;min-height:33px!important}
#editorWorkbench .wb-insert button{background:linear-gradient(#fffef9,#e8eee0)!important;border:1px solid #c8d7ba!important;border-radius:9px!important;color:#47653e!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #c6d4b8!important}.wb-insert span{color:#587a48!important}
body.creator-workspace .live-image-editor-dialog .modalhead{background:linear-gradient(115deg,#254251,#1a323f)!important;border-color:#31515d!important}body.creator-workspace .live-image-editor-dialog .modalhead h2{color:#fff8e9!important}.live-image-editor-dialog .modalhead button{color:#fff8e9!important;background:#35515e!important;border-color:#68808a!important}
.live-editor-bar button:focus-visible,#editorWorkbench button:focus-visible{outline:3px solid #bb976b!important;outline-offset:3px!important}
@media(hover:hover){.live-editor-actionbar>button:hover,.editor-space-controls button:hover{filter:brightness(1.025);border-color:#95aba2!important}#editorWorkbench .wb-structure button:hover{transform:translateX(2px);border-color:#afc4a3!important}#editorWorkbench .wb-insert button:hover{transform:translateY(-2px)}}
@media(max-width:740px){.live-editor-mainbar{padding:12px!important;gap:9px}.live-editor-title{min-width:175px!important}.live-editor-title b{font-size:16px!important}.live-editor-title small{font-size:9px!important;max-width:225px}.live-editor-actionbar{padding:9px 12px!important;gap:7px!important}body.creator-workspace .live-editor-actionbar>button{font-size:10px!important;padding:7px 9px!important}.live-editor-icon{width:33px;height:33px}.live-editor-title{gap:9px}.editor-space-controls{padding:9px 12px!important}}
@media(prefers-reduced-motion:reduce){.live-editor-bar *,#editorWorkbench *{animation:none!important;transition:none!important;transform:none!important}}