body.creator-workspace .app>main{position:relative;background:linear-gradient(145deg,#e7eee8,#f0f2eb)}body.creator-workspace .app>main>.toolbar,body.creator-workspace .app>main>.editing-bar{display:none!important}body.creator-workspace .app>main>.creator-zoom{display:none!important}.live-editor-bar{flex-shrink:0;background:#fffefa;border-bottom:1px solid #ceddd2;box-shadow:0 4px 14px #173c3205;position:relative;z-index:2}.live-editor-mainbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #e4eae1;flex-wrap:wrap}.live-editor-title{display:flex;align-items:center;gap:11px;flex:1;min-width:200px}.live-editor-icon{width:38px;height:38px;border:1px solid #527d74;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#316f65,#204e50);color:#e9e2c5;font-size:22px;box-shadow:0 4px 10px #254c4312}.live-editor-title b{display:block;color:#234740;font-size:16px;letter-spacing:-.4px}.live-editor-title small{display:block;color:#667f70;font-size:10px;margin-top:3px}.live-editor-zoom{display:flex;align-items:center;border:1px solid #cfddd1;border-radius:10px;padding:3px;background:#f2f6ee;gap:3px}.live-editor-zoom output{min-width:52px;text-align:center;font-size:12px;font-weight:700;color:#315d4d}body.creator-workspace .live-editor-zoom button{min-height:34px;width:32px;padding:3px;font-size:19px;border:0;background:transparent;border-radius:7px}body.creator-workspace .live-editor-zoom #liveZoomReset{font-size:11px;width:auto;padding:5px 8px;border-left:1px solid #d6e0d3;border-radius:0}body.creator-workspace #liveEditorExpand{font-size:11px;min-height:41px;padding:8px 11px;background:#edf3e9;color:#335a45;border-color:#cbdac5;white-space:nowrap}.live-editor-actionbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 17px;background:#fbfcf7}.live-editor-actionbar #liveEditorDevices{margin-right:auto}.live-editor-actionbar .devices{margin:0;padding:3px;border-radius:8px;border:1px solid #d5e0d1}.live-editor-actionbar .devices button{display:flex;align-items:center;gap:5px;min-height:33px!important;padding:5px 8px!important;font-size:10px!important;border:0!important}.live-editor-actionbar .devices svg{width:16px;height:16px}.live-editor-actionbar .devices .active{background:#e2eedc;color:#2d5d40}.live-editor-actionbar>button{font-size:11px!important;min-height:36px!important;padding:7px 10px!important;background:#fffefa}.live-image-tools{padding:9px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#edf3e9;border-top:1px solid #dce6d5}.live-image-tools>span{font-size:10px;color:#5d765f;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-image-tools>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.live-image-tools button{font-size:10px!important;min-height:32px!important;padding:5px 8px!important;border-color:transparent!important;background:transparent!important;color:#46694d!important}.live-image-tools button[aria-pressed=true]{background:#d7e7d0!important;border-color:#b7ceae!important;color:#294f35!important}.live-image-tools #liveImageUp,.live-image-tools #liveImageDown{font-size:16px!important;min-width:33px;background:#fffefa!important;border-color:#ccdac5!important}body.creator-workspace .canvas{box-shadow:0 10px 35px #1d4e3810,0 0 0 5px #ffffff5c;margin-top:18px}body.creator-workspace .browserbar{background:#fffefa!important}.live-editor-expanded>header,.live-editor-expanded>.creator-top,.live-editor-expanded>.creator-instruction{display:none!important}body.creator-workspace.live-editor-expanded .app{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}body.creator-workspace.live-editor-expanded .app>.rail,body.creator-workspace.live-editor-expanded .app>#library,body.creator-workspace.live-editor-expanded .panel-resizer{display:none!important}body.creator-workspace.live-editor-expanded .app>main{grid-column:1!important;grid-row:1!important;display:flex!important}body.creator-workspace.live-editor-expanded .canvas{max-width:calc(100% - 38px)!important}body.creator-workspace.live-editor-expanded #liveEditorExpand{background:#254f47;color:#fff;border-color:#254f47}body.creator-workspace.live-editor-expanded .editor-page-strip{padding-top:6px;padding-bottom:6px}body.creator-workspace.live-editor-expanded main>footer{padding-bottom:7px}.live-image-editor-dialog{width:min(1100px,96vw)!important;padding:0!important;max-height:94dvh!important}.live-image-editor-dialog .modalhead{position:sticky;top:0;z-index:3}.live-image-editor-dialog .modalbody{padding:0!important}.live-image-dialog{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;padding:25px;background:#f3f6ef}.live-image-dialog-preview{min-width:0}.live-image-preview-stage{height:330px;border:1px solid #c9d8c5;overflow:hidden;border-radius:14px;background:repeating-conic-gradient(#e2e9dd 0% 25%,#f8faf3 0% 50%) 50%/22px 22px;position:relative;box-shadow:0 5px 15px #193f2b09}.live-image-preview-stage img{width:100%;height:100%;object-fit:cover}.live-image-dialog-preview>p{font-size:12px;line-height:1.7;color:#59705a;margin:14px 0}.live-image-dialog-preview label{font-size:13px!important}.live-image-dialog-preview input{background:#fffefa!important;color:#2a4433!important}.live-image-dialog-preview details{margin-top:20px;border-top:1px solid #d2dfcb;padding-top:14px}.live-image-dialog-preview summary{font-size:13px;color:#355b3d;cursor:pointer;min-height:40px}.live-image-dialog-controls{min-width:0}.live-image-setting{margin:16px 0 20px}.live-image-setting label{display:flex!important;align-items:center;justify-content:space-between;margin:0 0 8px!important;color:#37543b!important;font-size:12px!important;gap:10px}.live-image-setting output{font-size:11px;color:#55715b;font-variant-numeric:tabular-nums}.live-image-setting input[type=range]{appearance:auto;width:100%;height:25px;padding:0!important;border:0!important;background:transparent!important;accent-color:#31725a;cursor:pointer}.live-image-dialog-controls .help{font-size:11px!important;color:#607662!important}.live-image-dialog-controls select{background:#fffefa!important;color:#2a4433!important}.live-image-dialog-controls>button{margin-top:18px;min-height:40px!important;font-size:12px!important;background:#fffefa!important;color:#36533d!important}.live-image-dialog-footer{position:sticky;bottom:0;padding:17px 25px;background:#fffefa;border-top:1px solid #d3dfcb;display:flex;justify-content:flex-end;gap:10px;z-index:2}.live-image-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.live-image-media button{padding:5px!important;min-width:0;background:#fffefa!important}.live-image-media img{width:100%;height:65px;object-fit:cover;border-radius:6px}.live-image-media span{display:block;font-size:10px;color:#35583d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-workspace.dark .live-editor-bar,.creator-workspace.dark .live-editor-mainbar{background:#1e3a39;border-color:#49634f}.creator-workspace.dark .live-editor-title b{color:#e9efda}.creator-workspace.dark .live-editor-title small{color:#b9cbb0}.creator-workspace.dark .live-editor-actionbar{background:#25413a}.creator-workspace.dark .live-image-tools{background:#2b493a;border-color:#4c674b}.creator-workspace.dark .live-image-tools>span{color:#bfd0b2}.creator-workspace.dark .live-image-tools button{color:#d7e7c6!important}.creator-workspace.dark .live-image-tools button[aria-pressed=true]{background:#466741!important;border-color:#6d8960!important}.creator-workspace.dark .live-image-tools :is(#liveImageUp,#liveImageDown){background:#38553d!important;border-color:#64805b!important}.creator-workspace.dark .live-editor-zoom{background:#28463b;border-color:#58704c}.creator-workspace.dark .live-editor-zoom output{color:#dfebcb}.creator-workspace.dark .live-editor-zoom button{color:#e7efdc;background:transparent}.creator-workspace.dark .live-image-editor-dialog{--cw-ink:#203338;--cw-muted:#53686b;--cw-surface:#fffefa;--cw-border:#dce3df;color-scheme:light}.creator-workspace.dark .live-image-editor-dialog .modalhead{background:#fffefa!important;color:#203338!important}.creator-workspace.dark .live-image-editor-dialog .modalhead h2{color:#203338!important}@media(max-width:740px){.live-editor-mainbar{padding:12px;gap:10px}.live-editor-title{min-width:170px}.live-editor-title b{font-size:15px}.live-editor-title small{font-size:9px;max-width:220px}.live-editor-actionbar{padding:8px 12px;gap:6px}.live-editor-actionbar .devices button span{display:none}.live-editor-actionbar>button{font-size:10px!important;padding:6px 8px!important}.live-image-tools{padding:8px 12px;gap:6px}.live-image-tools>span{max-width:100%;font-size:10px}.live-image-tools>div{gap:4px}.live-image-dialog{grid-template-columns:1fr;padding:18px;gap:20px}.live-image-preview-stage{height:270px}.live-image-dialog-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.live-image-dialog-controls>.creator-eyebrow,.live-image-dialog-controls>.help{grid-column:1/-1}.live-image-setting{margin:12px 0}.live-image-dialog-footer{padding:14px 18px}.live-editor-zoom output{min-width:44px}.live-editor-actionbar #liveEditorDevices{margin-right:0}body.creator-workspace .live-editor-actionbar .devices{padding:1px}}@media(max-width:480px){.live-editor-mainbar{gap:8px}.live-editor-title{min-width:150px}.live-editor-title small{display:none}.live-editor-icon{width:31px;height:31px;font-size:19px}.live-editor-zoom{margin-left:auto}.live-editor-zoom #liveZoomReset{display:none!important}body.creator-workspace #liveEditorExpand{width:100%;min-height:36px;font-size:11px}.live-editor-title b{font-size:14px}.live-image-tools>div{width:100%}.live-image-tools button{font-size:9px!important}.live-image-dialog-controls{display:block}.live-image-preview-stage{height:230px}.live-editor-actionbar #liveEditorOptions{display:none}.live-editor-actionbar>button{font-size:10px!important}.live-editor-actionbar .devices button{padding:5px!important}}@media(prefers-reduced-motion:reduce){.live-editor-bar *, .live-image-editor-dialog *{transition:none!important;animation:none!important}}