:root{--blue:#2082b6;--sky:#78bedc;--ink:#25384a;--muted:#7b8995;--line:#e4e9ed;--surface:#f0f3f5;--lime:#d4df00;font-family:'Work Sans',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--surface);font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}button:hover{filter:brightness(.96)}[hidden]{display:none!important}.app-header{height:80px;display:flex;align-items:center;padding:0 28px;gap:32px;background:#fff;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:223px}.wordmark strong{font-size:21px;letter-spacing:-.8px;line-height:1.05}.wordmark span{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);font-weight:500;margin-top:6px}.document-meta{padding-left:27px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.document-meta input{width:240px;background:none;border:0;color:var(--ink);font-weight:500;font-size:14px;padding:0;outline:none}.document-meta>span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.document-meta i,.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#66a58f}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.primary{background:var(--blue);color:#fff;border-radius:7px;padding:12px 18px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:22px}.quiet{padding:10px 13px;border:1px solid var(--line);border-radius:6px;font-size:12px;display:flex;gap:8px;align-items:center}.play-icon{font-size:21px;line-height:12px}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:19px}.icon-btn:hover,.tool-text:hover{background:#edf3f7}.format-bar{height:54px;background:#fff;border-bottom:1px solid #dfe5e9;display:flex;align-items:center;padding:0 23px;gap:16px}.toolbar-group{display:flex;align-items:center;gap:5px;padding-right:16px;border-right:1px solid var(--line);height:26px}.toolbar-label{font-size:9px;letter-spacing:1.2px;color:#8c98a3;margin-right:12px}.format-bar select{width:163px;border:1px solid var(--line);border-radius:4px;background:#fff;height:30px;font-size:11px;padding:0 8px;color:#4b6070}.format-bar input[type=number]{width:51px;border:1px solid var(--line);height:30px;border-radius:4px;text-align:center;font-size:11px}.color-control{width:30px;text-align:center;position:relative;height:27px;font-weight:600;line-height:21px;border-bottom:3px solid var(--blue);cursor:pointer}.color-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tool-text{font-size:12px;padding:5px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.format-end{display:flex;align-items:center;gap:20px;margin-left:auto}.ratio-label{font-size:10px;border:1px solid #d9e0e5;padding:3px 5px;border-radius:3px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;height:calc(100dvh - 134px);min-height:550px}.studio{min-width:0;display:flex;flex-direction:column}.canvas-heading{display:flex;justify-content:space-between;padding:27px 38px 0;font-size:10px;align-items:center}.canvas-heading>div:first-child{display:flex;gap:12px;align-items:center}#slideLabel{letter-spacing:1.4px;font-weight:600}.canvas-heading-dot{color:#bdc7ce}#layoutLabel{color:#7d8e9b}.edit-hint{color:#8d9aa5;font-size:10px;display:flex;gap:6px;align-items:center}.canvas-area{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px 38px 14px}.slide-shell{position:relative;flex-shrink:0;box-shadow:0 5px 24px #273c4c0d,0 1px 3px #273c4c0d}.slide{width:1280px;height:720px;position:absolute;top:0;left:0;overflow:hidden;transform-origin:top left;isolation:isolate;user-select:none}.slide .node{position:absolute;box-sizing:border-box}.slide .editable{outline:none;white-space:pre-wrap;overflow:hidden;cursor:text;user-select:text;word-break:normal;overflow-wrap:break-word}.slide .editable:hover{box-shadow:0 0 0 1px #2082b650}.slide .selected{outline:2px solid #2082b6;outline-offset:4px}.slide .selected.unlocked{cursor:move}.slide .handle{position:absolute;width:15px;height:15px;background:#fff;border:2px solid #2082b6;right:-9px;bottom:-9px;z-index:90;cursor:nwse-resize}.slide .image-node{overflow:hidden;cursor:pointer}.slide .image-node img{width:100%;height:100%;object-fit:cover;pointer-events:none}.slide .node[data-id="title"],.slide .node[data-id="number"]{letter-spacing:-2px}.slide .logo-node{object-fit:contain;object-position:left center}.slide .image-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#102a4855;color:#fff;font-size:20px;pointer-events:none}.slide .image-node:hover .image-overlay{display:flex}.canvas-bottom{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:10px;color:#8a99a4}.canvas-bottom .tool-text{font-size:11px;color:#6f8291}#selectionHint{font-size:10px}.zoom{display:flex;align-items:center;gap:10px}.zoom button{font-size:16px;padding:2px 5px}.zoom span{font-size:10px;min-width:30px;text-align:center}.filmstrip{height:177px;background:#f9fafb;border-top:1px solid #dfe5e9;flex-shrink:0;padding:10px 25px 12px}.filmstrip-title{display:flex;align-items:center;justify-content:space-between;height:25px;margin-bottom:10px}.filmstrip-title>span{font-size:9px;letter-spacing:1.3px;color:#758794;font-weight:600}.filmstrip-title b{font-weight:500;letter-spacing:0;color:#9aa8b1;background:#eaf0f4;border-radius:4px;padding:2px 5px;margin-left:6px}.filmstrip-title .icon-btn{height:23px;font-size:16px}.thumbnails{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;padding:3px 3px 8px;scrollbar-width:thin}.thumb-wrap{display:flex;flex-direction:column;gap:7px;text-align:left;padding:0;flex-shrink:0;position:relative}.thumb{width:142px;height:80px;position:relative;border-radius:3px;overflow:hidden;border:1px solid #dfe6eb;background:#fff}.thumb .slide{transform:scale(.109375);pointer-events:none;position:absolute}.thumb-wrap.active .thumb{outline:2px solid var(--blue);outline-offset:2px}.thumb-caption{display:flex;gap:7px;font-size:9px;color:#83929c;max-width:142px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-wrap.active .thumb-caption{color:var(--blue)}.thumb-index{font-weight:600}.add-slide{width:58px;height:80px;border:1px dashed #cbd6de;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6c8da3;font-size:25px;flex-shrink:0;background:#f2f6f8}.inspector{background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inspector-tabs{display:flex;border-bottom:1px solid var(--line);height:56px;flex-shrink:0;margin:0 21px}.inspector-tabs button{flex:1;font-size:12px;color:#8a97a1;position:relative}.inspector-tabs .active{color:var(--blue);font-weight:600}.inspector-tabs .active:after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--blue)}.inspector-content{padding:25px 21px 18px;overflow-y:auto;flex:1;scrollbar-width:thin}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#96a3ad;font-weight:600}.inspector h3{font-size:14px;font-weight:600;margin:0 0 7px;letter-spacing:-.2px}.inspector .intro{font-size:11px;color:#96a1aa;line-height:1.7;margin:0 0 19px}.themes{display:grid;grid-template-columns:1fr 1fr;gap:15px 11px}.theme-card{text-align:left;padding:0}.theme-preview{width:119px;height:70px;position:relative;border-radius:5px;overflow:hidden;outline:1px solid #e3e8ed;outline-offset:0;background:#fff}.theme-preview .slide{transform:scale(.093);pointer-events:none}.theme-card.active .theme-preview{outline:2px solid var(--blue);outline-offset:2px}.theme-card>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:8px;color:#647687}.theme-card.active>span{color:var(--blue);font-weight:500}.check{font-size:10px;color:#fff;background:var(--blue);width:13px;height:13px;border-radius:50%;text-align:center;line-height:13px}.inspector-section{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.section-label{font-size:9px;letter-spacing:1.3px;color:#8998a3;font-weight:500;margin-bottom:15px}.swatches{display:flex;gap:10px}.swatch{width:29px;height:29px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #e6ebef;padding:0;cursor:default}.brand-label{font-size:10px;margin-top:10px;color:#99a5ae}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:17px}.switch{width:29px;height:17px;border-radius:12px;background:#dce3e8;padding:2px;transition:.2s}.switch:after{content:'';display:block;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:.2s}.switch[aria-checked=true]{background:var(--blue)}.switch[aria-checked=true]:after{transform:translateX(12px)}.footer-input,.field-input{border:1px solid #e0e7ec;border-radius:5px;padding:9px 10px;background:#fafcfd;width:100%;font-size:11px;color:#536b7b}.inspector-foot{padding:17px 22px;border-top:1px solid var(--line);font-size:9px;color:#9ba7af;display:flex;align-items:center;gap:7px;flex-shrink:0}.layout-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px}.layout-card{text-align:left;padding:0}.layout-card .theme-preview{height:69px}.layout-card>span{display:block;font-size:10px;line-height:1.4;margin-top:8px;color:#6e8190}.layout-card.active .theme-preview{outline:2px solid var(--blue);outline-offset:2px}.wide-btn{border:1px solid var(--line);padding:10px 12px;border-radius:5px;font-size:11px;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}.wide-btn.blue{background:#eef7fb;border-color:#cfe5ef;color:var(--blue)}.element-empty{color:#8d9ca8;font-size:12px;line-height:1.8;border:1px dashed #d8e3ea;border-radius:8px;padding:24px 18px;text-align:center}.element-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.element-fields label,.field-label{display:block;font-size:10px;color:#8b9aa5;line-height:1.5}.element-fields input{width:100%;margin-top:5px}.text-area{width:100%;min-height:100px;resize:vertical;border:1px solid var(--line);border-radius:5px;padding:10px;font-size:12px;color:var(--ink);line-height:1.6;margin:10px 0}.modal-backdrop{position:fixed;inset:0;background:#172d4566;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal{background:#fff;border-radius:14px;box-shadow:0 25px 100px #102a4844;width:580px;max-height:90dvh;overflow:auto;padding:30px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-head h2{font-size:24px;letter-spacing:-.8px;margin:8px 0 0}.modal-head .icon-btn{font-size:25px}.modal p{color:#7c8c99;line-height:1.7;font-size:12px}.export-option{border:1px solid var(--line);border-radius:8px;width:100%;padding:17px;display:flex;align-items:center;text-align:left;gap:17px;margin-top:11px}.export-option:hover{border-color:var(--blue);background:#f8fcfe}.file-icon{width:44px;height:48px;display:flex;align-items:center;justify-content:center;background:#edf6fa;color:var(--blue);border-radius:6px;font-size:11px;font-weight:600}.export-option strong{font-size:13px;display:block;margin-bottom:5px}.export-option small{font-size:11px;color:#8b9aa5;display:block;line-height:1.5}.export-option .arrow{margin-left:auto;font-size:18px;color:var(--blue)}.drop-zone{padding:30px;border:1px dashed #b5cbd9;background:#f7fbfd;border-radius:8px;text-align:center;cursor:pointer;margin-bottom:17px}.drop-zone strong{display:block;margin-bottom:6px}.drop-zone span{font-size:11px;color:#8c9ca7}.inline-form{display:flex;gap:8px;margin:10px 0 20px}.inline-form input{flex:1;min-width:0}.inline-form .primary{padding:9px 13px;font-size:11px;gap:8px}.brand-preview{background:#f1f5f7;border-radius:7px;padding:20px;margin-top:12px}.brand-preview.dark{background:#2082b6}.brand-preview img{width:100%;height:auto;display:block}.brand-links{display:flex;gap:8px;margin-bottom:16px}.brand-links button{font-size:11px;margin-top:8px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-grid strong{font-size:12px}.help-grid p{font-size:11px;margin:7px 0 0}.modal-actions{display:flex;gap:10px;margin-top:20px}.danger{color:#b44e4e}.notes-panel{padding:0 32px 12px}.notes-panel textarea{width:100%;height:65px;padding:10px;border:1px solid #dce5eb;border-radius:5px;resize:vertical;background:#fff;font-size:11px;color:#526b7d}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(30px);background:#243c4e;color:#fff;padding:13px 22px;border-radius:7px;box-shadow:0 5px 30px #0002;z-index:500;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}#presentation{position:fixed;inset:0;background:#111b24;z-index:300;display:flex;justify-content:center;align-items:center}#presentationSlide{position:relative}#presentation .slide{position:absolute;transform-origin:top left}#exitPresentation{position:absolute;right:22px;top:15px;color:#fff;font-size:30px;z-index:310}#presentationNav{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;color:white;background:#172d45c9;padding:5px 13px;border-radius:30px;font-size:12px}#presentationNav button{color:#fff;font-size:20px}.slide .editable[contenteditable=false]{cursor:move}.slide .decoration{pointer-events:none}.asset-download{display:inline-block;color:var(--blue);font-size:11px;margin-top:10px}.mobile-notice{display:none}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.theme-preview{width:132px;height:76px}.theme-preview .slide{transform:scale(.103)}.inspector-content{padding:27px}.inspector-tabs{margin:0 27px}.filmstrip{height:193px}.thumb{width:164px;height:92px}.thumb .slide{transform:scale(.128)}}@media(max-width:1100px){.app-header{padding:0 18px;gap:12px}.wordmark{min-width:185px}.document-meta{padding-left:16px}.document-meta input{width:185px}.header-actions{gap:5px}.header-actions .quiet{padding:9px}.toolbar-label{display:none}.format-bar{padding:0 13px;gap:10px}.toolbar-group{padding-right:8px}.toolbar-group .tool-text span{display:none}.canvas-heading{padding:22px 24px 0}.canvas-area{padding:20px 24px 10px}.edit-hint{display:none}.header-actions #helpButton{display:none}.filmstrip{padding:10px 18px}.canvas-bottom{padding:0 19px}#selectionHint{display:none}}@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr) 240px}.inspector-content{padding:20px 15px}.inspector-tabs{margin:0 15px}.theme-preview{width:99px;height:57px}.theme-preview .slide{transform:scale(.0773)}.themes{gap:13px 10px}.wordmark{min-width:160px}.wordmark strong{font-size:18px}.document-meta input{width:150px}.header-actions #brandButton{display:none}.format-bar{gap:8px}.format-bar select{width:132px}.toolbar-group{gap:2px}.format-end{gap:5px}.toolbar-group:nth-child(3){display:none}.canvas-area{padding:20px 15px}.canvas-heading{padding:18px 15px 0}.app-header{height:70px}.workspace{height:calc(100dvh - 124px)}.primary{padding:10px 12px;gap:10px}.header-actions .quiet{font-size:11px}.filmstrip{height:161px}.thumb{width:128px;height:72px}.thumb .slide{transform:scale(.0985)}}@media(max-width:600px){.app-header{gap:8px;height:64px}.wordmark{min-width:0}.wordmark>svg{width:23px}.wordmark strong{font-size:16px}.wordmark span{font-size:7px}.document-meta{border:0;padding:0;margin-left:4px}.document-meta input{width:110px;font-size:11px}.document-meta>span{font-size:8px}.header-actions .quiet{display:none}.header-actions .primary{font-size:10px;padding:9px}.format-bar{height:46px;padding:0 8px;gap:5px}.format-bar select{width:110px}.toolbar-group{padding-right:5px}.toolbar-group .icon-btn{width:24px}.toolbar-group:nth-child(4){display:none}.format-end .ratio-label{display:none}.workspace{height:auto;min-height:calc(100dvh - 110px);display:flex;flex-direction:column}.studio{min-height:440px;height:57dvh}.inspector{border-left:0;border-top:1px solid var(--line);height:auto;min-height:350px}.inspector-content{padding:18px}.themes{grid-template-columns:repeat(4,1fr);gap:13px}.theme-preview{width:100%;aspect-ratio:16/9;height:auto;min-height:45px}.theme-preview .slide{transform:scale(.068)}.theme-card>span{font-size:9px}.inspector-section{margin-top:18px;padding-top:16px}.inspector-foot{display:none}.canvas-bottom{height:30px}.filmstrip{height:147px}.canvas-heading{padding-top:13px}.thumbnails{gap:12px}.modal{padding:23px}.format-bar input[type=number]{width:43px}.layout-list{grid-template-columns:repeat(3,1fr)}.canvas-heading{font-size:9px}}
/* Editor v2: add at left, inspect at right. */
.workspace{grid-template-columns:184px minmax(0,1fr) 306px;min-height:590px}.left-sidebar{background:#f9fbfc;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-heading{height:42px;display:flex;align-items:center;padding:0 17px;color:#8b9ba7;font-size:9px;letter-spacing:1.6px;font-weight:600;flex-shrink:0}.sidebar-tabs{display:flex;padding:0 13px;border-bottom:1px solid var(--line);height:39px;flex-shrink:0}.sidebar-tabs button{flex:1;position:relative;color:#8799a7;font-size:11px}.sidebar-tabs .active{color:var(--blue);font-weight:600}.sidebar-tabs .active:after{content:'';position:absolute;bottom:-1px;left:7px;right:7px;height:2px;background:var(--blue)}.sidebar-content{padding:15px 16px 24px;overflow:auto;scrollbar-width:thin}.side-intro{font-size:10px;line-height:1.6;color:#8b9ba7;margin:0 0 15px}.sidebar-layout{display:block;padding:0;text-align:left;width:100%;margin-bottom:19px}.sidebar-preview{width:150px;height:84.375px;position:relative;background:white;border:1px solid #dfe6eb;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #20344904}.sidebar-preview .slide{transform:scale(.1171875);pointer-events:none}.sidebar-layout:hover .sidebar-preview{outline:2px solid #78bedc;outline-offset:2px}.sidebar-layout>span{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#657b8b;margin-top:8px;line-height:1.4}.sidebar-layout>span b{font-size:14px;font-weight:400;color:var(--blue)}.element-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.add-element{min-height:85px;padding:10px 4px;background:white;border:1px solid #e0e8ed;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.add-element:hover{border-color:var(--blue);background:#f2f9fc}.add-element strong{font-weight:500;font-size:22px;line-height:1;color:#38586d;white-space:nowrap}.add-element span{font-size:9px;color:#7a8e9c}.canvas-heading{padding:23px 28px 0;height:53px;flex-shrink:0}.canvas-area{padding:16px 28px}.canvas-bottom{padding:0 23px}.canvas-heading>div:first-child{gap:10px}.inverse-button{font-size:11px;color:#738b9c;padding:7px 9px;border-radius:5px;display:flex;gap:6px;align-items:center;border:1px solid #dce5eb;background:#f9fcfd}.inverse-button.is-active{background:#dfedf6;color:var(--blue);border-color:#afcfe1}.is-active{background:#e4f1f8}.selection-frame{position:absolute;pointer-events:none;border:1px solid #2082b6;z-index:99}.slide .selected{outline:1px solid #2082b6;outline-offset:0}.slide .selected.unlocked{cursor:move}.resize-handle{position:absolute;pointer-events:auto;width:15px;height:15px;background:#fff;border:2px solid #2082b6;padding:0;border-radius:50%;transform:translate(-50%,-50%);touch-action:none;box-shadow:0 1px 3px #18394b22}.handle-nw{top:0;left:0;cursor:nwse-resize}.handle-ne{top:0;left:100%;cursor:nesw-resize}.handle-sw{top:100%;left:0;cursor:nesw-resize}.handle-se{top:100%;left:100%;cursor:nwse-resize}.resize-handle.handle-w,.resize-handle.handle-e{width:10px;height:31px;border-radius:3px;top:50%;cursor:ew-resize}.handle-w{left:0}.handle-e{left:100%}.slide .group-node{background:none!important}.slide .editable{min-width:0}.slide .node{touch-action:none}.inspector-content{padding:24px 21px}.panel-eyebrow{margin-bottom:12px}.inspector h3{font-size:15px;margin-bottom:9px}.inspector .intro{margin-bottom:18px}.control-label{display:block;font-size:10px;color:#8395a2;margin-top:14px;line-height:1.6}.control-label .field-input{display:block;margin-top:6px;background:#fff;min-height:35px;font-size:11px;color:#415d71}.control-label textarea{height:84px;resize:vertical;line-height:1.6}.resize-explanation{margin-top:14px!important}.themes{grid-template-columns:1fr 1fr;gap:14px 12px}.theme-preview{width:125px;height:70px}.theme-preview .slide{transform:scale(.09765625)}.theme-card>span{font-size:10px}.preset-list{display:flex;flex-direction:column;gap:6px}.preset-button{border:1px solid #e1e8ed;border-radius:5px;padding:10px 8px;display:flex;gap:9px;align-items:center;text-align:left;min-height:39px}.preset-button.active{border-color:var(--blue);background:#f2f8fc}.preset-button>span:not(.preset-swatches){font-size:10px;flex:1}.preset-button>small{font-size:8px;color:#8b9da9;max-width:65px;text-align:right}.preset-swatches{display:flex;flex-shrink:0}.preset-swatches i{width:11px;height:15px;display:block;border:1px solid #0000000b}.preset-swatches i:first-child{border-radius:3px 0 0 3px}.preset-swatches i:last-child{border-radius:0 3px 3px 0}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette-option{border:1px solid #e1e8ed;padding:9px 8px 7px;border-radius:4px;text-align:left;display:flex;flex-wrap:wrap;gap:0}.palette-option.active{border-color:var(--blue);background:#f2f8fc}.palette-option>i{display:block;width:25%;height:14px}.palette-option>span{display:block;width:100%;font-size:9px;margin-top:7px;color:#728998}.button-pair{display:flex;gap:8px}.button-pair .wide-btn{font-size:10px;padding:9px 6px}.field-tokens{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.token-button{border:1px solid #d6e7f1;background:#f4fafd;border-radius:4px;padding:5px 7px;font-size:9px;color:#3d7b9f}.field-note{font-size:10px!important;margin-top:12px!important;line-height:1.7!important;overflow-wrap:anywhere}.layer-list{max-height:260px;overflow:auto}.layer-row{display:flex;border-bottom:1px solid #f0f3f5;align-items:center;gap:5px}.layer-name{flex:1;min-width:0;padding:10px 3px;text-align:left;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#5f788b}.layer-delete{font-size:18px;color:#a5b1ba;width:25px;height:28px}.layer-delete:hover{color:#b44e4e}.wide-btn.danger{border-color:#f0dcdc;background:#fffafa;color:#b15858}.layer-list:empty:after{content:'Diese Folie ist leer.';font-size:11px;color:#93a3ae}.control-label+.wide-btn{margin-top:12px}.inspector .field-note+.wide-btn{margin-bottom:14px}.footer-template{font-family:'Work Sans',sans-serif}.text-area{margin-bottom:0}.filmstrip{height:170px}.thumb{width:128px;height:72px}.thumb .slide{transform:scale(.0984375)}.thumb-caption{max-width:128px}.inspector-tabs button{font-size:11px}.format-bar .toolbar-label{margin-right:6px}.format-bar{gap:10px}.toolbar-group{padding-right:10px;gap:4px}.toolbar-group .tool-text{font-size:11px}.format-end{gap:10px}.header-actions .primary{gap:18px}
@media(min-width:1600px){.workspace{grid-template-columns:202px minmax(0,1fr) 306px}.sidebar-content{padding-left:18px;padding-right:18px}.sidebar-preview{width:164px;height:92.25px}.sidebar-preview .slide{transform:scale(.128125)}.theme-preview{width:125px;height:70px}.theme-preview .slide{transform:scale(.09765625)}.filmstrip{height:184px}.thumb{width:146px;height:82px}.thumb .slide{transform:scale(.1125)}.thumbnails{gap:15px}.inspector-tabs{margin:0 21px}.inspector-content{padding:24px 21px}}
@media(max-width:1200px){.workspace{grid-template-columns:164px minmax(0,1fr) 280px}.sidebar-content{padding:15px 13px}.sidebar-preview{width:136px;height:76.5px}.sidebar-preview .slide{transform:scale(.10625)}.inspector-content{padding:21px 17px}.inspector-tabs{margin:0 17px}.theme-preview{width:116px;height:65px}.theme-preview .slide{transform:scale(.090625)}.themes{gap:14px 10px}.format-bar{gap:8px}.toolbar-group{padding-right:8px;gap:3px}.format-bar .toolbar-label{display:none}.format-bar select{width:144px}.toolbar-group .tool-text span{display:none}.canvas-heading{padding:20px 18px 0}.canvas-area{padding:14px 18px}.canvas-heading-dot{display:none}.inverse-button{padding:5px 7px;font-size:10px}.canvas-heading #layoutLabel{font-size:9px}.document-meta input{width:205px}.document-meta{padding-left:18px}.app-header{gap:20px}.wordmark{min-width:195px}}
@media(max-width:950px){.workspace{grid-template-columns:142px minmax(0,1fr) 250px}.sidebar-content{padding:13px 10px}.sidebar-preview{width:120px;height:67.5px}.sidebar-preview .slide{transform:scale(.09375)}.sidebar-layout>span{font-size:9px}.sidebar-heading{padding-left:12px}.theme-preview{width:103px;height:58px}.theme-preview .slide{transform:scale(.08046875)}.inspector-content{padding:20px 16px}.themes{gap:13px 9px}.preset-button{gap:6px;padding:9px 6px}.preset-button>small{display:none}.canvas-heading{padding:18px 14px 0}.canvas-heading>div:first-child{gap:7px}.inverse-button span{display:none}.format-bar select{width:130px}.format-bar .toolbar-group:nth-child(3){display:none}.canvas-area{padding:12px 15px}.header-actions .quiet{font-size:11px;padding:9px}.document-meta input{width:170px}.wordmark{min-width:170px}.app-header{padding:0 17px;gap:12px}.document-meta{padding-left:12px}.header-actions #brandButton{display:none}.format-bar .toolbar-group:nth-child(4){display:flex}.element-add-grid{gap:7px}.add-element{min-height:73px}.add-element strong{font-size:18px}}
@media(max-width:700px){.workspace{display:grid;grid-template-columns:126px minmax(0,1fr);height:auto;min-height:calc(100dvh - 110px)}.left-sidebar{grid-column:1;grid-row:1;max-height:510px}.studio{grid-column:2;grid-row:1;height:510px;min-height:0}.inspector{grid-column:1/-1;grid-row:2;min-height:360px;max-height:750px}.sidebar-preview{width:104px;height:58.5px}.sidebar-preview .slide{transform:scale(.08125)}.sidebar-tabs{padding:0 7px}.sidebar-tabs button{font-size:10px}.sidebar-heading{font-size:8px;height:33px;padding-left:11px}.sidebar-content{padding:12px 10px}.side-intro{font-size:9px}.sidebar-layout{margin-bottom:15px}.sidebar-layout>span{font-size:9px}.canvas-heading{padding:13px 12px 0;height:43px}.canvas-heading #layoutLabel{display:none}.canvas-area{padding:10px 12px}.canvas-bottom{padding:0 10px}.canvas-bottom .tool-text span{display:none}.zoom{gap:4px}.filmstrip{height:140px;padding:8px 12px}.thumb{width:114px;height:64px}.thumb .slide{transform:scale(.0875)}.thumb-caption{font-size:8px}.filmstrip-title{margin-bottom:7px}.app-header{height:64px}.wordmark{min-width:0}.wordmark strong{font-size:16px}.wordmark svg{width:24px}.wordmark span{font-size:7px}.document-meta{padding-left:8px;border:0}.document-meta input{font-size:11px;width:110px}.document-meta>span{font-size:8px}.header-actions .quiet{display:none}.header-actions .primary{font-size:11px;padding:9px 10px;gap:7px}.format-bar{height:46px;padding:0 8px;gap:5px}.format-bar select{width:110px}.format-bar input[type=number]{width:42px}.toolbar-group{padding-right:5px;gap:1px}.format-bar .toolbar-group .icon-btn{width:25px}.format-bar .toolbar-group:nth-child(4){display:none}.format-end .ratio-label{display:none}.format-end{margin-left:auto}.inspector-tabs{height:47px}.inspector-content{padding:20px}.themes{grid-template-columns:repeat(4,1fr);gap:13px 10px}.theme-preview{width:100%;height:62px}.theme-preview .slide{transform:scale(.086)}.theme-card>span{font-size:9px}.inspector-foot{display:none}.preset-list{display:grid;grid-template-columns:1fr 1fr}.preset-button>small{display:none}.palette-options{grid-template-columns:repeat(4,1fr)}.element-add-grid{grid-template-columns:1fr}.add-element{min-height:62px;gap:6px}.add-element strong{font-size:18px}.button-pair .wide-btn{font-size:11px}.inspector .intro{max-width:600px}}
@media(max-width:420px){.app-header{padding:0 10px;gap:4px}.wordmark strong{font-size:14px}.wordmark svg{width:20px}.document-meta input{width:94px}.header-actions .primary{font-size:10px;padding:9px}.workspace{grid-template-columns:112px minmax(0,1fr)}.sidebar-preview{width:90px;height:50.6px}.sidebar-preview .slide{transform:scale(.0703125)}.sidebar-layout>span{font-size:8px}.themes{grid-template-columns:repeat(3,1fr)}.theme-preview{height:61px}.theme-preview .slide{transform:scale(.084)}.palette-options{grid-template-columns:repeat(3,1fr)}.preset-list{grid-template-columns:1fr}.canvas-heading{font-size:8px}.filmstrip-title>span{font-size:8px}.filmstrip-title .icon-btn{width:22px}.format-bar select{width:93px}.format-bar .color-control{display:none}}
.resize-handle{width:12px;height:12px;transform:translate(-50%,-50%) scale(var(--handle-scale,1))}.resize-handle.handle-w,.resize-handle.handle-e{width:8px;height:24px}
/* Clear actions and palette selection. */
.ui-icon{width:19px;height:19px;display:inline-block;flex-shrink:0;vertical-align:middle}.icon-btn .ui-icon{width:20px;height:20px}.action-button{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;border:1px solid #dbe5ec;border-radius:5px;background:#fff;padding:7px 10px;font-size:11px;color:#456477;height:34px;flex-shrink:0}.action-button:hover{background:#f0f8fc;border-color:#a8ccdf}.delete-action{color:#a54a4a;border-color:#ead7d7}.delete-action:hover{background:#fff4f3;border-color:#d9aaaa}.delete-action:disabled{color:#a3aeb5;border-color:#e6ebee;background:#fafcfd;opacity:.55}.format-bar{gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.format-bar>.toolbar-group,.format-end{flex-shrink:0}.format-bar #fontSize{margin-left:10px}.toolbar-lock{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;color:#536e80;padding:0 9px 0 4px}.toolbar-lock>span:first-child{font-weight:500}.toolbar-lock #lockState{font-size:10px;min-width:42px;color:#7b8f9f}.toolbar-lock #lockState:empty{display:none}.switch{width:36px;height:21px;padding:3px;flex-shrink:0}.switch:after{width:15px;height:15px}.switch[aria-checked=true]:after{transform:translateX(15px)}.toolbar-lock .switch:disabled{opacity:.4}.fixation-control{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;margin:0 0 5px}.fixation-control strong{display:block;font-weight:500;font-size:11px;line-height:1.5;color:#4b667a}.fixation-control>div>span{font-size:10px;line-height:1.5;color:#8b9da9;display:block;margin-top:4px}.fixation-control .switch{margin:0}.layer-delete{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.layer-delete .ui-icon{width:15px;height:15px}.layer-delete span:empty{display:none}.palette-feature.inspector-section{border:0;padding-top:0;margin-top:0;margin-bottom:25px}.current-palette{display:block;text-align:left;border:1px solid #d7e4ec;border-radius:7px;padding:12px;width:100%;background:#f9fcfe}.current-palette:hover{border-color:var(--blue);background:#f2f9fd}.current-palette strong{font-size:11px;color:#395d74;display:block;margin:10px 0 5px}.current-palette>span{font-size:10px;color:var(--blue);display:block}.palette-swatches{display:flex;border:1px solid #dde5eb;border-radius:4px;overflow:hidden;height:23px}.palette-swatches span{display:block;flex:1}.palette-dialog .modal{width:890px;max-width:96vw}.palette-dialog .modal-head{margin-bottom:15px}.palette-search{margin:0 0 18px;font-size:12px;padding:10px 12px;background:#fff}.palette-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:53dvh;overflow:auto;padding:3px 4px 6px;scrollbar-width:thin}.palette-tile{border:1px solid #dfe6ec;border-radius:7px;padding:9px;text-align:left;background:#fff;display:flex;flex-direction:column;gap:8px;min-width:0}.palette-tile:hover{border-color:#78bedc;background:#f8fcff}.palette-tile.active{border-color:#2082b6;outline:1px solid #2082b6;outline-offset:0}.palette-sample{height:65px;border-radius:4px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}.palette-sample strong{font-size:15px;font-weight:600;line-height:1.15;letter-spacing:-.6px;max-width:135px}.palette-sample i{width:22px;height:22px;border-radius:50%;flex-shrink:0}.palette-tile .palette-swatches{height:17px}.palette-name{font-size:10px;font-weight:500;color:#49697e;line-height:1.4;min-height:28px}.palette-tile small{font-size:8px;color:#8c9eab;letter-spacing:-.1px}.wide-btn .ui-icon{width:18px;height:18px}.filmstrip-title .icon-btn .ui-icon{width:16px;height:16px}.format-bar .toolbar-group:nth-child(4){gap:7px}
@media(max-width:1200px){.format-bar{gap:10px}.format-bar>.toolbar-group{padding-right:10px}.format-bar .toolbar-group:nth-child(4){display:flex}.toolbar-lock{gap:7px}.format-bar #fontSize{margin-left:8px}.action-button{padding:7px 9px;font-size:10px}}
@media(max-width:700px){.format-bar .toolbar-group:nth-child(4){display:flex}.format-bar{height:49px;gap:8px}.workspace{min-height:calc(100dvh - 113px)}.format-bar #fontSize{margin-left:8px}.format-bar .toolbar-lock{padding-left:1px}.format-bar .action-button span{display:inline}.palette-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55dvh;gap:10px}.palette-dialog .modal{padding:22px}.palette-tile{padding:8px}.palette-sample strong{font-size:13px}.palette-tile small{font-size:7px}.palette-name{font-size:9px}.toolbar-lock #lockState{font-size:9px}.palette-dialog .modal-head h2{font-size:22px}}
@media(max-width:420px){.palette-tile small{display:none}.palette-sample{padding:9px;height:60px}.palette-sample i{width:16px;height:16px}.palette-sample strong{font-size:12px}}
/* Compact inspector and global controls. */
.panel-accordion{border:1px solid #e0e7ed;border-radius:7px;background:#fff;margin:0 0 12px;overflow:hidden}.panel-accordion>summary{list-style:none;cursor:pointer;padding:15px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;color:#3d5e76;min-height:47px}.panel-accordion>summary::-webkit-details-marker{display:none}.panel-accordion>summary:after{content:'';display:block;width:7px;height:7px;border:solid #8298a8;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);flex-shrink:0;margin-right:3px;transition:transform .15s}.panel-accordion[open]>summary{border-bottom:1px solid #edf1f4;background:#f8fbfd}.panel-accordion[open]>summary:after{transform:rotate(45deg)}.panel-accordion>summary:hover{background:#f4f9fc}.accordion-body{padding:15px 13px}.accordion-body .inspector-section:first-child{margin:0;padding:0;border:0}.accordion-body .control-label:first-child{margin-top:0}.accordion-body .intro:last-child{margin-bottom:0}.palette-feature.inspector-section{margin-top:17px;margin-bottom:16px}.current-palette{padding:10px 12px}.current-palette .palette-swatches{height:20px}.current-palette strong{margin-top:9px}.current-palette>span,.current-style>span{font-size:10px;color:var(--blue)}.current-style{display:block;width:100%;text-align:left;padding:0;background:#fff;border:1px solid #d9e5ed;border-radius:5px;overflow:hidden}.current-style>strong{display:block;font-size:12px;color:#385c74;margin:12px 12px 6px}.current-style>span{display:block;margin:0 12px 12px}.current-style:hover{border-color:#2082b6}.style-sample{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;background:#f3f6f8;pointer-events:none}.style-sample>.slide{position:absolute;transform-origin:top left;pointer-events:none}.style-dialog .modal{width:960px;max-width:96vw}.style-dialog .modal-head{margin-bottom:15px}.style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:59dvh;overflow:auto;padding:3px;scrollbar-width:thin}.style-tile{text-align:left;display:flex;flex-direction:column;align-items:stretch;padding:0 0 13px;border:1px solid #dce6ed;border-radius:7px;overflow:hidden;background:#fff}.style-tile.active{border-color:#2082b6;outline:1px solid #2082b6}.style-tile:hover{border-color:#78bedc;box-shadow:0 3px 12px #1c507712}.style-tile>strong{font-size:12px;color:#3b6078;margin:12px 12px 5px}.style-tile>small{font-size:10px;color:#869caa;margin:0 12px;line-height:1.5}.layout-select-field{margin-bottom:0}.inverse-setting.toggle-row{margin-top:26px;margin-bottom:24px;padding-top:1px;gap:20px}.inverse-setting>span{line-height:1.5}.inverse-quick.is-active{color:#126a9b;border-color:#97c4df;background:#e8f4fc}.inverse-quick .ui-icon{width:17px;height:17px}.powerpoint-button{border:1px solid #aacbdf;background:#f4fafd;border-radius:6px;color:#176f9e;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:500;height:39px;flex-shrink:0}.powerpoint-button:hover{background:#e9f4fb;border-color:#6aaace}.powerpoint-button .ui-icon{width:18px;height:18px}.header-actions{gap:9px}.header-actions .primary{gap:12px}.toolbar-lock{gap:9px}.toolbar-lock>span:first-child{font-size:10px}.toolbar-lock #lockState{min-width:39px}.switch.lock-switch{width:64px;height:30px;border-radius:18px;padding:0;position:relative;background:#c2cfd8;color:#fff;flex-shrink:0;isolation:isolate;transition:background .15s}.switch.lock-switch:after{display:none}.lock-switch[aria-checked=true]{background:#2082b6}.lock-switch .switch-open,.lock-switch .switch-locked{position:absolute;top:7px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;opacity:.65}.lock-switch .switch-open{left:8px}.lock-switch .switch-locked{right:8px}.lock-switch .ui-icon{width:15px;height:15px;stroke-width:1.7}.lock-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 1px 4px #12334925;color:#577286;transition:transform .15s}.lock-knob .knob-lock{display:none}.lock-switch[aria-checked=true] .lock-knob{transform:translateX(34px);color:#1776aa}.lock-switch[aria-checked=true] .knob-lock{display:block}.lock-switch[aria-checked=true] .knob-unlock{display:none}.format-bar .delete-action,.format-bar #imageButton{width:34px;min-width:34px;padding:7px;justify-content:center}.format-bar .delete-action .ui-icon,.format-bar #imageButton .ui-icon{width:18px;height:18px}.inspector .panel-accordion .intro{font-size:10px;line-height:1.7}.inspector .panel-accordion .preset-list{gap:7px}.inspector .panel-accordion .preset-button>small{display:none}.canvas-heading{column-gap:22px}.canvas-heading>div:first-child{min-width:0}.canvas-heading #layoutLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.canvas-heading #invertButton{flex-shrink:0}
@media(max-width:1200px){.header-actions #brandButton{display:none}.document-meta input{width:180px}.header-actions .powerpoint-button{font-size:11px;padding:9px 11px}.app-header{gap:16px}.wordmark{min-width:185px}}
@media(max-width:950px){.header-actions #presentButton{display:none}.wordmark{min-width:160px}.document-meta input{width:148px}.app-header{gap:12px}.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.toolbar-lock>span:first-child{display:none}.canvas-heading #layoutLabel{max-width:140px}}
@media(max-width:700px){.header-actions .powerpoint-button{height:33px;padding:7px 9px;gap:5px;font-size:10px}.header-actions{gap:6px}.header-actions .primary{padding:9px;font-size:10px;gap:7px}.document-meta input{width:105px}.app-header{gap:6px}.wordmark{min-width:0}.switch.lock-switch{height:28px;width:60px}.lock-knob{width:22px;height:22px;top:3px}.lock-switch[aria-checked=true] .lock-knob{transform:translateX(32px)}.lock-switch .switch-open,.lock-switch .switch-locked{top:6px}.toolbar-lock #lockState{font-size:9px}.style-dialog .modal{padding:22px}.style-gallery{max-height:57dvh;gap:11px}.style-tile>small{font-size:9px;margin:0 9px}.style-tile>strong{font-size:11px;margin:10px 9px 5px}.inverse-quick span{display:inline!important}.inverse-quick{font-size:10px;padding:7px 8px}.panel-accordion>summary{font-size:12px}.canvas-heading{column-gap:15px}}
@media(max-width:520px){.app-header{height:102px;flex-wrap:wrap;padding:11px 13px;align-content:center;gap:10px 15px}.wordmark{flex:1}.document-meta{margin-left:auto;flex:0}.document-meta input{width:145px;text-align:right}.document-meta>span{justify-content:flex-end}.header-actions{width:100%;justify-content:flex-end}.header-actions .powerpoint-button{margin-right:auto}.workspace{min-height:calc(100dvh - 151px)}.header-actions .powerpoint-button{height:31px}.header-actions .primary{height:31px}.style-gallery{grid-template-columns:1fr}.style-dialog .modal{max-height:91dvh}.canvas-heading{padding-left:10px;padding-right:10px}}
.accordion-style-value{margin-left:auto;padding:5px 7px;border:1px solid #d6e6ef;border-radius:4px;background:#f4fafd;color:#2082b6;font-size:9px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.accordion-style-value:hover{background:#e5f2fa;border-color:#9dc5dd}.panel-accordion>summary:has(.accordion-style-value){gap:8px}
/* Synchronized content editing and compact add controls. */
.canvas-heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.add-element-button{width:34px;height:34px;border:1px solid #b9d3e3;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#fff;color:#2082b6;flex-shrink:0}.add-element-button:hover{background:#eaf5fb;border-color:#78bedc}.add-element-button .ui-icon{width:21px;height:21px}.inverse-button,.action-button.inverse-quick{width:34px;min-width:34px;height:34px;padding:4px;justify-content:center;background:#fff;border:1px solid #cbd9e2;border-radius:5px}.inverse-button .swap-swatch,.inverse-quick .swap-swatch{display:block!important;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:linear-gradient(90deg,var(--swap-first,#FFFFFF) 0 50%,var(--swap-second,#2082B6) 50% 100%);border:1px solid #607d9170;box-shadow:inset 0 0 0 1px #ffffff33}.inverse-button:hover,.inverse-quick:hover{background:#eef6fb;border-color:#91b9d1}.inline-style-gallery{display:grid;grid-template-columns:1fr 1fr;gap:11px 9px}.inline-style-tile{padding:0;text-align:left;border:1px solid #dce6ed;border-radius:4px;overflow:hidden;background:#fff;min-width:0}.inline-style-tile.active{outline:1px solid #2082b6;border-color:#2082b6}.inline-style-tile:hover{border-color:#78bedc;background:#f4f9fc}.inline-style-tile>strong{display:block;font-weight:500;font-size:9px;color:#57788f;padding:8px 7px;line-height:1.3}.inline-style-tile.active>strong{color:#2082b6}.element-dialog .modal{width:480px}.element-dialog .element-add-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}.element-dialog .add-element{min-height:101px}.element-dialog .add-element strong{font-size:26px}.element-dialog .add-element span{font-size:11px}.workspace.contents-open{grid-template-columns:270px minmax(0,1fr) 306px}.contents-open .sidebar-content{padding:16px}.contents-open .sidebar-tabs{padding-left:16px;padding-right:16px}.contents-open .sidebar-tabs button{font-size:12px}.content-entry{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #e0e9ef}.content-entry:last-child{border-bottom:0;margin-bottom:0}.content-text-field{display:block;font-size:11px;font-weight:500;line-height:1.5;color:#4b6e87;margin-bottom:13px}.content-text-field:last-child{margin-bottom:0}.content-text-field textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9e5ed;border-radius:5px;padding:9px 10px;font-size:12px;font-weight:400;line-height:1.55;color:#35596f;background:#fff;resize:vertical;min-height:59px;outline:none}.content-text-field textarea:focus{border-color:#78bedc;box-shadow:0 0 0 2px #78bedc1c}.content-card{padding:13px 12px 15px;border:1px solid #dbe6ee!important;background:#fff;border-radius:6px}.content-entry h4{font-size:11px;color:#365c76;font-weight:600;margin:0 0 12px}.content-card .content-text-field{font-size:10px;font-weight:400;color:#7b90a0}.content-card textarea{background:#fbfdfe}.content-image-preview{display:block;width:100%;height:106px;object-fit:cover;border-radius:4px;border:1px solid #e0e8ef;background:#edf4f8;margin-bottom:10px}.content-upload.wide-btn{background:#fff;margin-top:0;padding:9px 8px;font-size:10px;gap:6px}.content-image-form{display:flex;gap:5px;margin-top:9px;align-items:center}.content-image-form input{min-width:0;padding:8px;font-size:10px;background:white}.content-url-submit{background:#2082b6;color:#fff;border-radius:4px;padding:8px 9px;font-size:10px;height:32px;flex-shrink:0}.content-entry>small{display:block;font-size:9px;color:#91a4b1;line-height:1.5;margin-top:8px}.contents-empty{font-size:11px;line-height:1.8;color:#8096a5;background:#f0f6fa;border:1px dashed #cfdfe9;padding:15px;border-radius:6px}.contents-open .side-intro{font-size:10px;line-height:1.7;margin-bottom:21px}
@media(max-width:1200px){.workspace.contents-open{grid-template-columns:248px minmax(0,1fr) 280px}.contents-open .sidebar-content{padding:15px}.canvas-heading-actions{gap:8px}}
@media(max-width:950px){.workspace.contents-open{grid-template-columns:222px minmax(0,1fr) 250px}.contents-open .sidebar-content{padding:13px}.content-text-field textarea{font-size:11px;padding:8px}.content-card{padding:11px 9px}.content-image-form input{font-size:9px}.content-url-submit{font-size:9px;padding:7px}.contents-open .canvas-heading #layoutLabel{max-width:90px}}
@media(max-width:700px){.workspace.contents-open{display:grid;grid-template-columns:1fr}.contents-open .studio{grid-column:1;grid-row:1;height:450px}.contents-open .left-sidebar{grid-column:1;grid-row:2;max-height:500px;min-height:180px;border-top:1px solid #dbe5ec;border-right:0}.contents-open .inspector{grid-column:1;grid-row:3}.contents-open .sidebar-heading{height:30px}.contents-open .sidebar-content{padding:17px 20px}.contents-open .sidebar-tabs{padding:0 20px}.contents-open .side-intro{max-width:580px}.content-card{padding:14px}.content-text-field textarea{font-size:12px}.content-image-preview{height:140px}.inline-style-tile>strong{font-size:10px}.canvas-heading-actions{gap:7px}.add-element-button,.inverse-button{width:31px;height:31px}.inverse-button .swap-swatch{width:23px;height:23px}.element-dialog .element-add-grid{grid-template-columns:1fr 1fr}.element-dialog .add-element{min-height:85px}.element-dialog .add-element strong{font-size:22px}}
/* Tools above the slide, compact contents and slide sorting. */
.canvas-heading{height:auto;min-height:57px;flex-wrap:wrap;row-gap:10px;padding-top:17px;padding-bottom:0}.canvas-heading-actions{margin-left:auto;gap:8px;align-items:center}.canvas-heading-actions .toolbar-lock{padding:0 2px 0 4px;gap:8px}.canvas-heading-actions .toolbar-lock>span:first-child{font-size:9px}.canvas-heading-actions .toolbar-lock #lockState{font-size:9px;min-width:35px}.canvas-heading-actions .action-button{width:34px;min-width:34px;height:34px;justify-content:center;padding:7px}.canvas-heading-actions .action-button .ui-icon{width:18px;height:18px}.canvas-heading #layoutLabel{max-width:210px}.content-text-field textarea{font-size:12px;line-height:18px;padding:7px 9px;min-height:0;margin-top:6px;resize:vertical}.content-text-field textarea[rows="1"]{height:34px;min-height:34px}.content-text-field textarea[rows="2"]{height:52px;min-height:52px}.content-text-field{margin-bottom:11px}.content-field-head,.content-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.content-field-head>label{min-width:0;cursor:text}.content-section-head{margin-bottom:10px}.content-section-head h4{margin:0}.content-delete{width:24px;height:24px;padding:4px;flex-shrink:0;border:1px solid transparent;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#9cabb6;background:transparent}.content-delete>.ui-icon{width:15px;height:15px}.content-delete>span{display:none}.content-delete:hover,.content-delete:focus-visible{color:#b45555;background:#fff2f0;border-color:#efd9d5}.content-entry{padding-bottom:14px;margin-bottom:15px}.content-card{padding:11px 12px 12px}.content-card .content-field-head{min-height:19px}.filmstrip-title>.filmstrip-hint{font-size:9px;letter-spacing:0;text-transform:none;font-weight:400;color:#98a8b3;margin-left:12px;margin-right:auto}.thumb-wrap{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.thumb-wrap.dragging{opacity:.35}.thumb-grip.ui-icon{width:10px;height:13px;stroke-width:3;color:#a5b5bf;margin-left:auto;flex-shrink:0}.thumb-caption>span:not(.thumb-index){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.thumb-caption .thumb-index{flex-shrink:0}.thumb-wrap.drop-before:before,.thumb-wrap.drop-after:after{content:'';position:absolute;top:-2px;bottom:13px;width:3px;border-radius:3px;background:#2082b6;box-shadow:0 0 0 1px #fff;z-index:5}.thumb-wrap.drop-before:before{left:-5px}.thumb-wrap.drop-after:after{right:-6px}.slide-drag-ghost{position:fixed;z-index:600;pointer-events:none;opacity:.94;transform:rotate(-2deg);filter:drop-shadow(0 6px 11px #18394b33);cursor:grabbing}.slide-drag-ghost .thumb{outline:2px solid #2082b6;outline-offset:0}.slide-sorting,.slide-sorting *{cursor:grabbing!important;user-select:none!important}.thumbnails{padding-top:5px;padding-left:6px;padding-right:7px}
@media(max-width:1200px){.canvas-heading-actions{gap:7px}.canvas-heading #layoutLabel{max-width:140px}.canvas-heading-actions .toolbar-lock>span:first-child{display:none}}
@media(max-width:950px){.canvas-heading-actions{gap:6px}.canvas-heading{padding-left:15px;padding-right:15px}.canvas-heading-actions .toolbar-lock #lockState{display:none}.canvas-heading #layoutLabel{max-width:115px}.contents-open .canvas-heading #layoutLabel{max-width:90px}}
@media(max-width:700px){.canvas-heading{padding:12px 11px 0;min-height:58px;row-gap:9px}.canvas-heading-actions{gap:5px}.canvas-heading-actions .action-button{width:31px;min-width:31px;height:31px;padding:6px}.canvas-heading-actions .toolbar-lock{padding:0 1px}.canvas-heading-actions .toolbar-lock #lockState{display:none}.filmstrip-title>.filmstrip-hint{display:none}.content-text-field textarea{font-size:12px;line-height:18px;padding:7px 9px}.content-card{padding:12px}.thumb-grip.ui-icon{width:9px;height:12px}}
/* Layout insertion and vertical text box handles. */
.resize-handle.handle-n,.resize-handle.handle-s{width:31px;height:9px;border-radius:3px;left:50%;cursor:ns-resize}.handle-n{top:0}.handle-s{top:100%}.layout-dialog .modal{width:940px;max-width:96vw}.layout-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:62dvh;overflow:auto;padding:3px;scrollbar-width:thin}.layout-picker-tile{padding:0;text-align:left;overflow:hidden;min-width:0;border:1px solid #d8e4ed;background:#fff;border-radius:6px}.layout-picker-tile:hover{border-color:#2082b6;box-shadow:0 0 0 1px #2082b6}.layout-picker-tile strong{display:block;font-weight:500;font-size:11px;color:#456a83;line-height:1.5;padding:11px 12px}.sidebar-add-element{margin:12px 0 0;padding:11px;font-size:11px}.sidebar-heading{height:45px}.left-sidebar .sidebar-content{padding-top:16px}
@media(max-width:950px){.layout-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.resize-handle.handle-n,.resize-handle.handle-s{height:8px;width:26px}}
@media(max-width:520px){.layout-dialog .modal{padding:21px}.layout-gallery{grid-template-columns:1fr 1fr;gap:9px}.layout-picker-tile strong{font-size:9px;padding:9px}.sidebar-add-element{font-size:11px}}
.sidebar-heading{justify-content:space-between;gap:8px}.sidebar-heading .icon-btn{width:25px;height:25px;color:#90a4b3}.sidebar-heading .icon-btn .ui-icon{width:15px;height:15px}.sidebar-heading .icon-btn:hover{color:#b15858;background:#fff0ee}

/* Content text editor and explicit font-color control. */
.syntax-label{display:block;font-size:11px;color:#4b6e87;margin-bottom:9px}.syntax-editor{display:block;width:100%;min-height:400px;height:55vh;resize:vertical;padding:12px 10px;border:1px solid #cbdce8;border-radius:5px;background:#fff;color:#23465d;font-family:"Work Sans",sans-serif;font-size:12px;line-height:1.6;outline:none;white-space:pre-wrap;overflow-wrap:anywhere}.syntax-editor:focus{border-color:#2082b6;box-shadow:0 0 0 2px #78bedc25}.syntax-help{font-size:10px;line-height:1.6;color:#6c8393;margin:12px 0 18px}.color-control{width:auto!important;min-width:94px;gap:6px;padding:0 6px;position:relative;display:flex;align-items:center}.color-control>span{border-bottom:3px solid var(--text-color,#2082b6)}.color-control>small{font-size:10px;color:#567083;white-space:nowrap}.color-control:has(input:disabled){opacity:.4;cursor:default}.header-actions #presentButton{display:inline-flex;white-space:nowrap}
@media(max-width:700px){.color-control{min-width:28px}.color-control>small{display:none}.syntax-editor{height:320px;min-height:240px}.header-actions #presentButton{font-size:10px;padding:8px}.header-actions #presentButton .play-icon{display:none}}

.color-control{border-bottom:0}.format-bar .color-control{display:flex}
/* Independently adjustable panels. */
.left-sidebar,.inspector{position:relative;min-width:0}.sidebar-heading{gap:5px}.sidebar-heading>span{margin-right:auto}.panel-toggle{width:25px;height:28px;flex:none;display:grid;place-items:center;border:1px solid #dbe6ed;border-radius:4px;background:#fff;color:#59798e;font-size:23px;line-height:1;z-index:111}.panel-toggle:hover{background:#edf7fb;border-color:#78bedc}.inspector>.panel-toggle{position:absolute;right:8px;top:13px}.inspector-tabs{padding-right:20px}.panel-resizer{position:absolute;width:9px;top:0;bottom:0;z-index:110;cursor:col-resize;touch-action:none}.panel-resizer:hover,.panel-resizer:focus-visible{background:#78bedc50;outline:none}.panel-resizer:after{content:'';position:absolute;top:45%;height:42px;width:3px;background:#a7bfce;border-radius:3px;left:3px}#leftPanelResizer{right:-5px}#rightPanelResizer{left:-5px}.resizing-panels,.resizing-panels *{cursor:col-resize!important;user-select:none!important}.left-closed .left-sidebar>:not(.sidebar-heading),.left-closed .sidebar-heading>:not(.panel-toggle),.right-closed .inspector>:not(.panel-toggle){display:none!important}.left-closed .sidebar-heading{padding:12px 5px;height:auto;justify-content:center}.right-closed .inspector>.panel-toggle{right:5px}.left-closed .left-sidebar,.right-closed .inspector{overflow:hidden}
@media(min-width:1001px){.workspace.contents-open{grid-template-columns:var(--left-panel-width,240px) minmax(0,1fr) var(--right-panel-width,306px)!important;grid-template-rows:minmax(0,1fr)!important;height:calc(100dvh - 126px)}.contents-open .left-sidebar{grid-column:1;grid-row:1;height:auto;max-height:none;min-height:0}.contents-open .studio{grid-column:2;grid-row:1;height:auto;min-height:0}.contents-open .inspector{grid-column:3;grid-row:1;min-height:0;max-height:none}.contents-open .inspector-foot{display:flex}.contents-open .themes{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.panel-resizer{display:none}.workspace.contents-open{display:grid;grid-template-columns:1fr!important;grid-template-rows:500px auto auto!important;height:auto!important;overflow:visible}.contents-open .studio{grid-column:1;grid-row:1;height:500px}.contents-open .left-sidebar{grid-column:1;grid-row:2;max-height:600px;min-height:0}.contents-open .inspector{grid-column:1;grid-row:3;max-height:700px;min-height:0}.left-closed .left-sidebar{height:48px}.right-closed .inspector{height:48px}.inspector>.panel-toggle{top:10px}.syntax-editor{height:350px}}
/* A real editable text layer, with only the content labels highlighted. */
.syntax-editor{white-space:pre-wrap;overflow-y:auto;overflow-wrap:anywhere;word-break:break-word;font-weight:400;line-height:1.7;height:55vh;min-height:380px;cursor:text}.syntax-editor strong{font-weight:700;color:#193e57}.syntax-editor:empty:before{content:attr(data-placeholder);color:#93a6b3;pointer-events:none}
/* Font colors are attached to a stable selected element. */
.font-color-picker{position:relative;flex:none;--text-color:#2082b6}.font-color-button{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:4px;height:30px}.font-color-button>span:first-child{font-weight:700;border-bottom:3px solid var(--text-color);line-height:19px}.font-color-button small{font-size:10px;color:#567083}.font-color-button:hover{background:#eaf3f9}.font-color-button:disabled{opacity:.4;cursor:default}.font-color-popover{position:absolute;left:0;top:38px;width:245px;padding:16px;background:#fff;border:1px solid #d6e3ec;border-radius:8px;box-shadow:0 10px 35px #193e5729;z-index:160}.font-color-popover>strong{font-size:12px;display:block;margin-bottom:12px}.font-color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.font-color-swatch{width:31px;height:31px;border:1px solid #9dafbc;border-radius:4px}.font-color-swatch:hover{outline:2px solid #2082b6;outline-offset:2px}.font-color-popover>label{font-size:11px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.font-color-popover input[type=color],.inspector-font-color input{position:static;opacity:1;width:48px;height:30px;border:1px solid #c8d9e5;background:#fff;padding:2px;display:block;cursor:pointer}.font-color-popover form{display:flex;gap:6px}.font-color-popover form input{width:105px;min-width:0;border:1px solid #cbdbe6;border-radius:4px;padding:7px;font-size:12px}.font-color-popover form button{background:#2082b6;color:#fff;padding:7px 9px;border-radius:4px;font-size:11px}.inspector-font-color{display:flex;justify-content:space-between;align-items:center;margin-top:15px}
/* Embedded video stays selectable in the editor and plays in presentation mode. */
.video-node{background:#142531;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#fff;overflow:hidden;border:1px solid #617b8d}.video-node iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.video-node strong{font-size:25px;font-weight:500}.video-node small{font-size:17px;max-width:90%;overflow-wrap:anywhere;text-align:center;color:#d7e5ed}.video-play-symbol{display:grid;place-items:center;font-size:44px;color:#fff;background:#d62929;width:98px;height:70px;border-radius:16px}.video-editor-cover{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;padding:20px;cursor:move}.video-preview-button{padding:11px 18px;background:#fff;color:#193e57;box-shadow:0 2px 8px #0003;border-radius:6px;font-size:17px}.video-node:not(.selected) .video-preview-button{opacity:0}.video-node:hover .video-preview-button,.video-node.selected .video-preview-button{opacity:1}.video-modal-player{position:relative;width:100%;aspect-ratio:16/9}.video-modal-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-fields{margin:10px 0 18px}.video-fields .control-label{margin-top:12px}.video-fields small{display:block;font-size:10px;line-height:1.6;color:#7b90a0;margin:6px 0 12px}.video-url-status{overflow-wrap:anywhere}
@media(max-width:700px){.font-color-button small{display:none}.font-color-popover{left:auto;right:0}.font-color-button{gap:3px;padding:4px}}

.font-color-popover{position:fixed;z-index:190;top:auto;left:auto}.syntax-editor strong{font-family:inherit}

.element-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.element-copy-actions .wide-btn{margin-top:0;padding:9px 6px;font-size:10px;gap:6px}.canvas-heading-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:5px}.canvas-heading{height:auto;min-height:52px;gap:10px;flex-shrink:0}.canvas-heading-actions .action-button{width:32px;min-width:32px}

.content-card-actions{display:flex;gap:2px;margin-left:auto}.content-copy{display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:4px;border:1px solid #d9e5ed;background:#fff;border-radius:4px;color:#69869a}.content-copy:hover{color:#2082b6;border-color:#78bedc}.content-copy .ui-icon{width:15px;height:15px}.content-copy>span{display:none}.content-section-head>h4{min-width:0}

.footer-area-editor{padding:12px 0 15px;border-top:1px solid #e3ebf1}.footer-area-editor .footer-template{min-height:52px;line-height:1.55;resize:vertical}.footer-area-preview{display:block;font-size:10px;line-height:1.5;color:#6e8799;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.slide .logo-node{pointer-events:auto;cursor:move}.slide .logo-node.decoration{pointer-events:none}

/* Native text input keeps Enter, IME and multiline paste behavior intact. */
.syntax-shell{position:relative;height:55vh;min-height:380px;max-height:800px;border:1px solid #cbdce8;border-radius:5px;background:#fff;overflow:hidden}.syntax-shell:focus-within{border-color:#2082b6;box-shadow:0 0 0 2px #78bedc25}.syntax-shell .syntax-highlight,.syntax-shell .syntax-native{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important;font-size:12px!important;line-height:1.7!important;letter-spacing:0!important;tab-size:4;font-weight:400;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;padding:12px 10px!important;margin:0!important;border:0!important;border-radius:0!important}.syntax-shell .syntax-highlight{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:#23465d;background:transparent;z-index:0}.syntax-highlight strong{font-family:inherit;font-weight:700;color:#193e57}.syntax-shell .syntax-native{display:block;position:relative;z-index:1;width:100%!important;height:100%!important;min-height:0!important;resize:none;color:transparent!important;-webkit-text-fill-color:transparent;background:transparent!important;caret-color:#23465d;overflow:auto;box-shadow:none!important;scrollbar-width:thin}.syntax-native::selection{background:#78bedc55;color:transparent}.syntax-native::placeholder{color:#93a6b3;-webkit-text-fill-color:#93a6b3}.quick-design-controls{display:flex;gap:9px;margin-left:10px;padding-left:12px;border-left:1px solid #e0e8ee}.quick-design-controls label{display:flex;gap:5px;align-items:center;font-size:9px;color:#7891a4;white-space:nowrap}.format-bar .quick-design-controls select{width:116px;max-width:155px}.format-bar .quick-design-controls label:last-child select{width:142px}.icon-dialog .modal{width:780px}.icon-set-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.icon-set-tab{border:1px solid #d7e4ec;border-radius:6px;padding:12px;font-size:12px;background:#f6fafc}.icon-set-tab[aria-pressed=true]{background:#2082b6;color:#fff;border-color:#2082b6}.icon-library-controls{display:flex;gap:12px;align-items:center}.icon-library-controls input[type=color]{width:44px;height:37px;padding:2px;border:1px solid #cedee9;border-radius:5px;background:#fff}.icon-category-tabs{display:flex;gap:6px;margin:15px 0 10px;flex-wrap:wrap}.icon-category-tab{padding:7px 12px;font-size:11px;border-radius:20px;background:#eff5f8;color:#638399}.icon-category-tab[aria-pressed=true]{background:#dceefa;color:#16668f;font-weight:600}.icon-library-count{font-size:10px!important;margin:5px 0 12px!important}.icon-library-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;max-height:48vh;overflow:auto;padding:3px;scrollbar-width:thin}.icon-library-item{border:1px solid #e1eaf0;border-radius:7px;padding:8px 5px;text-align:center;background:#fff;min-width:0}.icon-library-item:hover{border-color:#2082b6;background:#f4fafd}.icon-library-item svg{width:55px;height:55px;display:block;margin:auto}.icon-library-item>span{display:block;font-size:9px;line-height:1.35;min-height:26px;margin-top:4px;color:#536f82;overflow-wrap:anywhere}.slide .icon-node img{object-fit:contain}.footer-logo-note{background:#eff6fa;border-radius:5px;padding:12px;font-size:11px;line-height:1.6}
@media(max-width:700px){.syntax-shell{height:350px;min-height:240px}.icon-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-design-controls{gap:6px}.quick-design-controls label{font-size:8px}.format-bar .quick-design-controls select{width:105px}}

.image-node{box-sizing:border-box}.image-node>img{border-radius:inherit}.image-node[style*="padding"]>img{width:100%;height:100%}.quick-design-controls select{font-weight:500}

.palette-swatch-trigger{padding:4px 8px;border:1px solid #d3e2eb;border-radius:5px;background:#fff;min-width:110px}.palette-swatch-trigger .palette-swatches{display:flex;gap:0}.palette-swatch-trigger .palette-swatches span{width:24px;height:20px;border-radius:0}.image-node>img{display:block}

#markerMode{width:96px}#markerColor{width:25px;height:25px;border:1px solid #cadbe5;padding:1px;background:white}.marker-swatches{display:flex;gap:2px}.marker-swatch{width:13px;height:20px;border:1px solid #a5b8c5;border-radius:2px;padding:0}.inspector-font-color{flex-wrap:wrap;gap:8px}.inspector-font-color .font-color-swatches{width:100%;display:flex}

/* Compact formatting controls and palette rows. */
.palette-gallery{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-tile{display:flex;flex-direction:column;gap:6px;padding:9px 10px;border-radius:5px;min-height:0}.palette-tile .palette-swatches{display:flex;width:100%;height:16px;gap:0}.palette-tile .palette-swatches span{flex:1;width:auto;height:16px;border-radius:0}.palette-tile .palette-name{font-size:11px;padding:0;margin:0}.palette-swatch-trigger{min-width:72px;padding:4px 6px}.palette-swatch-trigger .palette-swatches span{width:17px!important;height:12px!important}.font-color-button{gap:3px;padding:4px 5px}.slide .editable,.slide .editable[contenteditable=true]{cursor:text;caret-color:currentColor;user-select:text}.text-move-handle{position:absolute;top:-29px;right:0;width:26px;height:24px;padding:0;background:#fff;border:1px solid #2082b6;color:#2082b6;border-radius:4px;pointer-events:auto;cursor:move;font-size:19px}.text-move-handle{transform:scale(var(--handle-scale,1));transform-origin:bottom right}.palette-dialog .modal>p{margin:0}.palette-search{margin-bottom:12px}

.slide .editable span{caret-color:currentColor}#markerButton[aria-pressed=true]{background:#dceefa;color:#2082b6}.palette-gallery .palette-tile{box-shadow:none}.palette-gallery .palette-name{font-weight:500}

.shape-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.shape-choice{border:1px solid #dbe6ee;background:#f6fafc;border-radius:7px;padding:15px 8px;text-align:center}.shape-choice div{height:95px;display:flex;align-items:center;justify-content:center}.shape-choice svg{max-width:100%;max-height:90px}.shape-choice strong{display:block;font-size:12px;margin-top:12px}.user-shape{pointer-events:auto;cursor:move}.user-shape>svg{width:100%;height:100%;display:block;pointer-events:none}.shape-color-swatches{display:flex;gap:5px;margin:7px 0 15px}.shape-color-swatches .marker-swatch{width:30px;height:18px}

.shape-text-inner{width:100%;min-width:0;max-height:100%;white-space:pre-wrap;overflow-wrap:break-word;outline:none}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layer-actions .wide-btn{font-size:10px;margin-top:0;padding:8px 5px}.palette-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}.palette-tile{height:auto!important;min-height:0!important;padding:8px!important;gap:5px!important;justify-content:flex-start!important}.palette-tile .palette-name{height:auto!important;min-height:0!important;font-size:10px!important}.palette-swatch-trigger{padding:0!important;overflow:hidden;height:24px;min-width:78px}.palette-swatch-trigger .palette-swatches{width:100%;height:100%;margin:0!important;gap:0!important;display:flex}.palette-swatch-trigger .palette-swatches span{height:100%!important;flex:1;width:auto!important;border-radius:0!important}

.context-add-controls{display:grid;gap:5px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #dce5eb}.context-add-controls .wide-btn{margin:0;text-align:left}.add-element.context-option{background:#edf7fc;border-color:#78bedc}

.structure-editor{width:100%;min-height:380px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.65;white-space:pre;tab-size:2;resize:vertical}.structure-tools{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.structure-tools .wide-btn{width:auto;margin:0;padding:6px 10px}.structure-errors{padding:8px 10px;border-left:3px solid #c57f1e;background:#fff5e3;color:#77501c;font-size:11px;line-height:1.5;margin:10px 0}.structure-errors p{margin:4px 0}.sidebar-content details pre{white-space:pre-wrap;font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.sidebar-content details{font-size:11px;margin:12px 0}.sidebar-tabs button{min-width:0;padding-left:10px;padding-right:10px}

.structure-editor{white-space:pre-wrap;overflow-wrap:break-word;min-height:60vh;line-height:1.65}.structure-tools{position:sticky;top:0;z-index:1;background:#fff;padding:5px 0}

.quick-theme-control{display:flex;align-items:center;gap:5px}.theme-step-buttons{display:flex;flex-direction:column;gap:1px}.theme-step-buttons button{display:flex;align-items:center;justify-content:center;width:22px;height:16px;padding:2px 5px;border:1px solid #d3e2eb;border-radius:3px;background:#fff;color:#59798e}.theme-step-buttons button:hover{background:#e7f3fa;color:#2082b6;border-color:#78bedc}.theme-step-buttons button:focus-visible{outline:2px solid #2082b6;outline-offset:2px}.theme-step-buttons svg{width:10px;height:7px;fill:currentColor;display:block}

.editor-slide-navigation{display:flex;align-items:center;gap:2px;margin-right:10px;padding-right:10px;border-right:1px solid #d3e2eb}.editor-slide-navigation button{display:flex;align-items:center;justify-content:center;width:27px;height:28px;border-radius:4px;color:#59798e}.editor-slide-navigation svg{width:8px;height:12px;fill:currentColor}.editor-slide-navigation button:hover{background:#e0edf5}.filmstrip-toggle{width:27px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid #d3e2eb;border-radius:4px;color:#59798e;background:#fff;margin-right:9px;flex-shrink:0}.filmstrip-toggle svg{width:12px;height:8px;stroke:currentColor;stroke-width:2;fill:none}.filmstrip-title>span:first-of-type{margin-right:auto}.filmstrip-title .filmstrip-hint{margin:0 12px}.filmstrip.collapsed{height:44px!important;min-height:44px!important;padding-top:8px;padding-bottom:8px}.filmstrip.collapsed .filmstrip-title{margin-bottom:0}.filmstrip.collapsed .filmstrip-hint{display:none}.filmstrip.collapsed .filmstrip-toggle svg{transform:rotate(180deg)}

.quick-design-controls{align-items:center}

.link-node a{display:flex;align-items:center;gap:.35em;color:inherit;text-decoration:underline;text-underline-offset:.12em;width:100%;height:100%;overflow:hidden}.link-node a .ui-icon{width:1em;height:1em;flex-shrink:0}.link-node a span{overflow-wrap:anywhere}.link-node a:focus-visible{outline:2px solid currentColor}

.canvas-heading-actions .insert-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:58px;width:58px;padding:7px 8px}.canvas-heading-actions .insert-button>.ui-icon{width:23px;height:23px;flex-shrink:0}.canvas-heading-actions .insert-button>.insert-plus{width:14px;height:14px;stroke-width:2.2}

/* One compact row leaves more height for the slide. */
.canvas-heading{height:44px;min-height:44px;padding:8px 12px;flex-wrap:nowrap;gap:0;justify-content:flex-start}.canvas-heading .canvas-heading-actions{width:100%;min-width:0;margin:0;gap:5px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.canvas-heading-actions .action-button{width:28px;min-width:28px;height:28px;padding:5px}.canvas-heading-actions .action-button .ui-icon{width:16px;height:16px}.canvas-heading-actions .insert-button{width:44px;min-width:44px;height:28px;padding:5px;gap:3px}.canvas-heading-actions .insert-button>.ui-icon{width:18px;height:18px}.canvas-heading-actions .insert-button>.insert-plus{width:11px;height:11px}.canvas-heading-actions .inverse-button{width:28px;min-width:28px;height:28px;padding:3px}.canvas-heading-actions .inverse-button .swap-swatch{width:20px;height:20px}.canvas-heading-actions .toolbar-lock{gap:5px}.canvas-heading-actions .lock-switch{height:26px;width:56px}.canvas-heading-actions .lock-switch .switch-open,.canvas-heading-actions .lock-switch .switch-locked{top:5px}.canvas-heading-actions .lock-switch .switch-open{left:6px}.canvas-heading-actions .lock-switch .switch-locked{right:6px}
.canvas-heading-actions .lock-knob{width:20px;height:20px;top:3px;left:3px}.canvas-heading-actions .lock-switch[aria-checked=true] .lock-knob{transform:translateX(30px)}

.palette-role-grid{display:grid;gap:6px;margin:8px 0 10px}.palette-role-row{display:grid;grid-template-columns:minmax(78px,1fr) 30px 68px 24px;gap:7px;align-items:center;padding:6px 7px;border:1px solid #e4ebef;border-radius:5px;background:#fff;font-size:11px}.palette-role-row input[type=color]{width:28px;height:25px;padding:1px;border:1px solid #cbdbe4;border-radius:4px;background:#fff;cursor:pointer}.palette-role-row code{font-size:10px;color:#607889}.palette-role-reset{width:24px;height:24px;padding:0;border:1px solid #d9e4ea;border-radius:4px;color:#627d8f;font-size:16px;line-height:1}.palette-role-reset-all{margin-top:2px}