/* Editor chrome stays separate from the presentation and its live runtime. */
:root{--editor-rail:192px;--editor-header:76px;--editor-accent:#4a654e;--editor-line:#e2e7df;--editor-muted:#7d857a;--editor-bg:#f0f1ee}
#workshop-editor{position:fixed;inset:0;z-index:70;pointer-events:none;font:14px/1.5 var(--sans);color:#27302a;letter-spacing:-.025em}#workshop-editor>button,#edit-tools>*{pointer-events:auto}#edit-toggle{position:fixed;top:24px;right:24px;background:#fff;border:1px solid var(--editor-line);border-radius:7px;box-shadow:0 2px 8px #19262a10;font-size:13px;padding:7px 16px;min-height:38px}body.is-editing #edit-toggle{display:none}#edit-tools{position:fixed;inset:0;pointer-events:none}#edit-tools button{font:600 12px/1.3 var(--sans);border:0;border-radius:6px;background:transparent;color:inherit;min-height:34px;box-shadow:none;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}#edit-tools button:not(:disabled):hover{background:#e8ede3}#edit-tools button svg{width:17px;height:17px;stroke-width:1.6;flex-shrink:0}#edit-tools :is(input,textarea,select){font:14px/1.5 var(--sans);background:#fff;border:1px solid var(--editor-line);border-radius:5px;padding:8px 10px;min-height:38px;min-width:0;width:100%;color:#27302a}#edit-tools textarea{min-height:86px;resize:vertical}#edit-tools label{display:grid;gap:6px;font-size:12px;margin:12px 0}#edit-tools p{font-size:12px;line-height:1.6;color:var(--editor-muted);margin:8px 0}#edit-tools h3{font-size:14px}#edit-tools details>summary{display:none}#edit-tools details{padding:0;border:0}#edit-tools .editor-primary{background:var(--editor-accent);color:white;padding-inline:15px}#edit-tools .editor-primary:not(:disabled):hover{background:#344e37}#edit-tools .editor-soft{border:1px solid var(--editor-line);background:#fff;padding-inline:13px}.edit-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
body.is-editing{background:var(--editor-bg)}body.is-editing #deck{position:fixed;top:150px;left:230px;width:calc(100% - 270px);height:calc(100dvh - 240px);border-width:9px;overflow:auto;container-type:inline-size;scrollbar-width:thin;box-shadow:0 4px 22px #26332110}body.is-editing #deck .slide{padding:clamp(26px,4cqw,58px);padding-top:clamp(32px,5cqw,65px);min-height:100%;gap:22px}body.is-editing #deck h1{font-size:clamp(29px,7.3cqw,85px)}body.is-editing #deck h2{font-size:clamp(26px,5.2cqw,55px)}body.is-editing #deck .statement h2,body.is-editing #deck .closing h2{font-size:clamp(28px,6cqw,70px)}body.is-editing #deck .cover-footer{padding-top:16px}body.is-editing #deck .cover-footer p{font-size:clamp(12px,2cqw,19px)}body.is-editing #deck .cover-footer button{font-size:clamp(12px,2cqw,18px);padding:12px 18px}body.is-editing .deck-nav,body.is-editing .brand-signature,body.is-editing .progress,body.is-editing .timer{display:none}body.is-editing #deck [data-object-id]{outline:none;cursor:grab;touch-action:none;user-select:none}body.is-editing #deck [data-object-id]:hover{outline:1px solid #7e966b99;outline-offset:3px}body.is-editing #deck .edit-selected{outline:1px solid var(--editor-accent)!important;outline-offset:3px}body.is-editing #deck [contenteditable]{cursor:text;user-select:text;touch-action:auto}body.is-editing #deck iframe{pointer-events:none}body.is-behavior-preview #deck [data-object-id]{outline:none!important;cursor:default;touch-action:auto;user-select:auto}body.is-behavior-preview #deck iframe{pointer-events:auto}body.is-behavior-preview #deck [data-tooltip]{cursor:help}body.is-behavior-preview #deck [data-explain]{cursor:pointer}[data-added=true]{align-self:flex-start;object-fit:contain}[data-added=true][data-edit-type=image]{max-height:60vh}iframe[data-added]{border:0;aspect-ratio:16/9}
.editor-topbar{position:fixed;inset:0 0 auto 0;height:var(--editor-header);display:flex;align-items:center;gap:24px;padding:0 25px;background:#fff;border-bottom:1px solid var(--editor-line)}.editor-docname{display:flex;gap:13px;align-items:center;min-width:0}.editor-docname strong{display:block;font-size:15px;font-weight:700;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-mark{display:grid;place-items:center;width:38px;height:38px;background:#edf2e9;color:var(--editor-accent);border-radius:9px;flex-shrink:0}.editor-mark svg{width:21px;height:21px}.editor-status #save-state{font-size:10px;margin:3px 0 0;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-history{display:flex;gap:2px;border-left:1px solid var(--editor-line);padding-left:18px}.editor-history button{width:34px;padding:0!important}.editor-top-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.editor-queue-button{font-size:11px!important;color:var(--editor-accent)!important}.editor-queue-button b{padding:2px 5px;background:#edf2e9;border-radius:3px}.editor-pages{position:fixed;left:0;top:var(--editor-header);bottom:0;width:var(--editor-rail);padding:15px 16px;overflow:auto;scrollbar-width:thin;background:#fff;border-right:1px solid var(--editor-line)}.editor-pages-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--editor-muted);margin-bottom:15px}.editor-pages-title button{width:26px;min-height:26px!important;padding:0!important}#editor-page-list{display:grid;gap:18px}.editor-page-row{display:grid;grid-template-columns:15px minmax(0,1fr);gap:8px}.editor-page-number{font-size:10px;color:#9ba28f;padding-top:5px;text-align:right}.editor-page-row button[data-editor-page]{display:block!important;padding:0!important;min-width:0;text-align:left;overflow:visible!important;border-radius:4px!important}.editor-thumbnail{width:100%;aspect-ratio:16/9;position:relative;border:1px solid #e1e5dc;background:var(--paper);border-radius:4px;overflow:hidden;pointer-events:none}.editor-page-row [aria-current=page] .editor-thumbnail{outline:2px solid var(--editor-accent);outline-offset:3px}.editor-page-caption{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;margin-top:8px;font-weight:450;color:#7d8575;max-width:135px}.editor-page-row [aria-current=page] .editor-page-caption{color:#27302a;font-weight:650}.editor-thumbnail .editor-thumb-slide{border:8px solid var(--tone);pointer-events:none}.editor-thumbnail h1{font-size:82px!important}.editor-thumbnail h2{font-size:58px!important}#edit-tools .editor-new-page{width:calc(100% - 23px);margin:21px 0 0 23px;font-size:11px;border:1px dashed #d7decf;color:var(--editor-muted);background:transparent}.editor-workspace-title{position:fixed;left:calc(var(--editor-rail) + 28px);right:28px;top:calc(var(--editor-header) + 16px);height:30px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7d857a}.editor-workspace-title>div{display:flex;gap:4px}.editor-workspace-title button{min-height:28px!important;padding:4px 7px!important}.editor-workspace-title svg{width:15px!important;height:15px!important}.editor-footer{position:fixed;left:calc(var(--editor-rail) + 28px);right:28px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:30px}.editor-footer #edit-mode-hint{font-size:11px;margin:0}.editor-footer>div:last-child{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--editor-muted)}.editor-footer button{font-size:11px!important}.editor-footer button svg{width:14px!important;height:14px!important}
#editor-context{position:fixed;z-index:75;display:flex;gap:2px;align-items:center;padding:5px 7px;background:#fff;border:1px solid var(--editor-line);border-radius:10px;box-shadow:0 5px 22px #26332118;max-width:calc(100vw - 20px);min-height:44px}#editor-context button{font-size:12px;min-height:32px;height:32px;padding:0 8px}#editor-context button[aria-pressed=true]{background:#edf2e9;color:var(--editor-accent)}#editor-context button svg{width:16px;height:16px}#editor-context button:has(svg):not(:has(span)){gap:5px}#editor-context .editor-kind{font-size:10px;color:#9aa38f;padding:0 5px}#editor-context input[type=number]{width:43px;min-height:30px;padding:3px 0;border:0;background:transparent;text-align:center;font-size:12px;appearance:textfield}#editor-context input::-webkit-inner-spin-button{display:none}.editor-divider{height:21px;width:1px;background:var(--editor-line);margin:0 3px}#editor-context .editor-color{display:block;position:relative;margin:0;width:30px;height:30px;padding:6px;cursor:pointer}#editor-context .editor-color>span{display:block;width:17px;height:17px;border-radius:50%;border:1px solid #0002}#editor-context .editor-color input{position:absolute;inset:0;opacity:0;width:30px;min-height:30px;padding:0;cursor:pointer}
#workshop-editor dialog{font:14px/1.5 var(--sans);color:#27302a;border:1px solid var(--editor-line);background:#fff;border-radius:13px;box-shadow:0 15px 60px #21302125;padding:0;pointer-events:auto;letter-spacing:-.025em}#workshop-editor dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid var(--editor-line)}#workshop-editor dialog header h2{font-size:18px;font-weight:750;line-height:1.4;letter-spacing:-.04em}#workshop-editor dialog header small{font-size:11px;color:var(--editor-muted);display:block;margin-bottom:3px}#workshop-editor dialog footer{padding:15px 22px;border-top:1px solid var(--editor-line);display:flex;align-items:center;justify-content:flex-end;gap:9px}#workshop-editor dialog footer small{margin-right:auto;color:var(--editor-muted);font-size:11px;line-height:1.5}#workshop-editor dialog::backdrop{background:#27352d50;backdrop-filter:blur(2px)}#workshop-editor .editor-panel{position:fixed;inset:auto;margin:0;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 105px);overflow:auto}#editor-panel header{padding:12px 17px!important;position:sticky;top:0;background:#fff;z-index:1}#editor-panel header h2{font-size:15px!important}.editor-panel-body{padding:7px 18px 18px}#editor-panel select{margin:10px 0}#editor-panel [data-action=object-save],#editor-panel [data-action=behavior-save],#editor-panel [data-action=page-save],#editor-panel [data-action=queue-add]{background:var(--editor-accent);color:#fff}#editor-panel ol{padding-left:18px}#editor-panel li{border-bottom:1px solid var(--editor-line);padding-bottom:12px;margin-bottom:12px}#editor-panel li button{font-size:11px}.editor-scene-image{display:block;width:100%;height:100px;object-fit:contain;margin:8px 0 15px;background:#f3f5ee}
#workshop-editor .editor-insert{width:min(1020px,94vw);max-width:94vw;height:min(790px,90dvh);max-height:90dvh;overflow:hidden}#workshop-editor .editor-insert[open]{display:flex;flex-direction:column}.editor-insert>header,.editor-insert>footer{flex-shrink:0}.editor-insert-body{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:0;flex:1}.editor-insert nav{border-right:1px solid var(--editor-line);padding:20px 14px;display:flex;flex-direction:column;gap:7px}.editor-insert nav button{justify-content:flex-start!important;padding:10px!important}.editor-insert nav button[aria-pressed=true]{background:#edf2e9!important;color:var(--editor-accent)!important}.editor-insert-content{overflow:auto;padding:24px;min-height:0}#editor-scene-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#editor-scene-cards>button{display:block!important;padding:0!important;border:1px solid var(--editor-line);border-radius:7px;overflow:hidden;min-width:0}#editor-scene-cards>button[aria-pressed=true]{outline:2px solid var(--editor-accent);outline-offset:1px}.editor-scene-card-art{height:82px;background:#f0f2e9;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px;overflow:hidden}.editor-scene-card-art>span{font:600 9px var(--sans);padding:12px 7px;background:#fffdf8;border-bottom:3px solid #c2d1a4;border-radius:3px;animation:editor-chip 3s infinite}.editor-scene-card-art>span:nth-child(2){animation-delay:.3s}.editor-scene-card-art>span:nth-child(3){animation-delay:.6s}.editor-scene-card-art img{min-width:0;width:46%;height:64px;object-fit:contain;background:#fff}.editor-scene-card-art~span{display:block;font-size:10px;padding:11px 5px;overflow:hidden;text-overflow:ellipsis}.editor-demo-track{display:block;width:90%;height:9px;background:#dde5cf;border-radius:10px;overflow:hidden}.editor-demo-track i{display:block;height:100%;background:#799260;animation:editor-bar 3s infinite}#editor-scene-description{margin:22px 0 14px;font-size:12px;color:var(--editor-muted)}#editor-scene-preview{height:245px;min-height:180px;width:100%;font-size:14px}#editor-scene-insert-actions{display:flex;gap:8px}.editor-insert [data-insert-panel=text]>button{font-size:30px!important;justify-content:flex-start!important;padding:25px!important;background:#fff;border:1px solid var(--editor-line);width:100%}.editor-insert [data-insert-panel=media]>button{display:flex!important;width:100%;margin-bottom:15px;border:1px dashed #d1daca;padding:30px!important;font-size:15px!important}
#workshop-editor .editor-crop{width:min(650px,94vw);max-width:94vw;max-height:94dvh;overflow:auto}#workshop-editor .editor-crop[open]{display:flex;flex-direction:column}.editor-crop-window{align-self:center;width:auto;max-width:calc(100% - 50px);height:min(330px,34dvh);margin:20px auto 0;overflow:hidden;background:#edf0e7;flex-shrink:0}.editor-crop-window img{display:block;width:100%;height:100%;object-fit:cover}.editor-crop-controls{padding:10px 25px}.editor-crop-controls label{display:grid!important;grid-template-columns:70px minmax(0,1fr);align-items:center}.editor-crop-controls input{height:27px;min-height:27px!important;padding:0!important;accent-color:var(--editor-accent)}#workshop-editor #patch-dialog{position:fixed;inset:90px 18px auto auto;margin:0;width:min(320px,calc(100vw - 36px));max-height:calc(100dvh - 110px);padding:22px;overflow:auto}#patch-dialog h2{font-size:20px}#patch-dialog pre{white-space:pre-wrap;font:13px/1.6 var(--sans);max-height:30dvh;overflow:auto;margin:15px 0}#patch-dialog p{font-size:12px}#patch-dialog::backdrop{background:transparent!important}
@keyframes editor-chip{0%,100%{opacity:.25;transform:translateY(4px)}30%,80%{opacity:1;transform:none}}@keyframes editor-bar{0%,100%{width:5%}70%,85%{width:100%}}
@media(max-width:1000px){:root{--editor-rail:156px}.editor-topbar{padding-inline:17px;gap:14px}.editor-docname strong{font-size:13px;max-width:250px}.editor-history{padding-left:10px}.editor-top-actions{gap:6px}.editor-pages{padding:12px}.editor-page-caption{max-width:105px}.editor-scene-card-art>span{padding:9px 4px;font-size:8px}}
@media(max-width:600px){:root{--editor-rail:94px}.editor-topbar{padding:0 9px;gap:7px}.editor-mark{display:none}.editor-docname strong{font-size:11px;max-width:130px}.editor-status #save-state{font-size:9px;max-width:140px}.editor-history{margin-left:auto;border:0;padding:0;gap:0}.editor-history button{width:27px;min-height:30px!important}.editor-top-actions{margin-left:0;gap:3px}.editor-top-actions>button{font-size:0!important;padding:7px!important;gap:0!important;min-height:32px!important}.editor-top-actions>button svg{width:16px!important;height:16px!important}.editor-top-actions>button b{font-size:10px}.editor-pages{padding:8px}.editor-pages-title{font-size:10px}.editor-page-row{grid-template-columns:9px minmax(0,1fr);gap:5px}.editor-page-number{font-size:8px}.editor-page-caption{font-size:8px;max-width:60px}.editor-new-page{font-size:0!important}.editor-workspace-title{left:calc(var(--editor-rail) + 12px);right:12px;font-size:10px}.editor-footer{left:calc(var(--editor-rail) + 12px);right:12px;gap:6px}.editor-footer #edit-mode-hint{font-size:9px;max-width:140px}.editor-footer>div:last-child{gap:5px;font-size:9px}.editor-footer button{font-size:0!important;padding:4px!important}#editor-context{flex-wrap:wrap;justify-content:center}#editor-context .editor-kind{display:none}#editor-context button{font-size:11px;padding:0 6px}.editor-insert-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.editor-insert nav{flex-direction:row;border-right:0;border-bottom:1px solid var(--editor-line);padding:10px;gap:2px;overflow:auto}.editor-insert nav button{font-size:11px!important;white-space:nowrap}.editor-insert-content{padding:16px}#editor-scene-cards{grid-template-columns:1fr 1fr;gap:10px}.editor-insert>footer{padding:12px!important}.editor-insert>footer small{display:none}.editor-insert header{padding:16px!important}#editor-scene-preview{height:210px}.editor-panel-body{padding:6px 15px 15px}body.is-editing #deck .slide{padding:20px;gap:16px}body.is-editing #deck h1{font-size:clamp(24px,7cqw,38px)}body.is-editing #deck h2{font-size:clamp(22px,6cqw,34px)}body.is-editing #deck .cover-footer{display:none}body.is-editing #deck .cover-brand{display:none}#workshop-editor .editor-panel{max-height:calc(100dvh - 100px)}}
@media(max-height:620px){:root{--editor-header:58px}.editor-topbar{height:58px}.editor-insert-content{padding:14px 20px}.editor-insert header{padding:12px 20px!important}.editor-insert footer{padding:10px 20px!important}.editor-scene-card-art{height:55px}#editor-scene-preview{height:180px}.editor-crop header{padding:10px 20px!important}.editor-crop header h2{font-size:16px!important}.editor-crop-window{height:22dvh;margin-top:10px}.editor-crop-controls{padding:2px 20px}.editor-crop-controls label{margin:2px 0!important}.editor-crop footer{padding:8px 20px!important}.editor-footer{bottom:7px}}
@media(prefers-reduced-motion:reduce){#edit-tools *,#edit-tools *::after{animation:none!important;transition:none!important}}@media print{#workshop-editor,#edit-resize-frame,#edit-alignment-guides{display:none!important}}
body.is-editing .edit-resizable{outline:none!important}#edit-resize-frame{position:fixed;z-index:65;pointer-events:none;border:1px solid #446828;box-sizing:border-box}#edit-resize-frame button{position:absolute;width:26px;height:26px;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none;pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)}#edit-resize-frame button::after{content:'';position:absolute;inset:7px;background:var(--paper);border:2px solid #446828;box-shadow:0 1px 3px #19262a25}#edit-resize-frame button:hover::after,#edit-resize-frame button:focus-visible::after{background:var(--yellow);border-color:var(--ink)}#edit-resize-frame [data-resize-corner=nw]{left:0;top:0;cursor:nwse-resize}#edit-resize-frame [data-resize-corner=ne]{left:100%;top:0;cursor:nesw-resize}#edit-resize-frame [data-resize-corner=sw]{left:0;top:100%;cursor:nesw-resize}#edit-resize-frame [data-resize-corner=se]{left:100%;top:100%;cursor:nwse-resize}body.is-resizing{user-select:none}@media print{#edit-resize-frame{display:none!important}}

#edit-alignment-guides{position:fixed;inset:0;z-index:60;pointer-events:none}#edit-alignment-guides i{position:absolute;display:block}#edit-alignment-guides [data-guide-axis=x]{border-left:1px dashed #d44877}#edit-alignment-guides [data-guide-axis=y]{border-top:1px dashed #d44877}@media print{#edit-alignment-guides{display:none!important}}
body.is-editing #deck{background:var(--paper)}
#editor-scene-preview .scene-button{background:var(--editor-accent);color:white;padding:8px 18px;min-height:36px}#editor-scene-preview .scene-button:hover{background:#32482d}
#workshop-editor #editor-panel{z-index:80}
#editor-context #editor-quick-weight{width:64px;min-height:30px;padding:3px 5px;margin:0;border:0;background:transparent;font:12px var(--sans)}
#direct-tools .placement-full{grid-column:1/-1}#direct-tools .placement-help,#direct-tools small{display:block;color:var(--editor-muted);font-size:11px;line-height:1.6;margin:4px 0 8px}#direct-tools .placement-position{border:0;border-top:1px solid var(--editor-line);padding:12px 0 0;margin:14px 0 6px;min-width:0}#direct-tools .placement-position legend{font-size:13px;font-weight:650;padding:0 8px 0 0}
#queue-annotation-help,#queue-inbox-help{font-size:12px;color:var(--editor-muted);margin:8px 0 16px}
#workshop-editor #queue-inbox-button{background:var(--editor-accent);color:#fff}
#workshop-editor #queue-annotation-button,#workshop-editor [data-action=share-annotation]{background:var(--editor-accent);color:#fff}
#workshop-editor #editor-request-share{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(780px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:min(700px,calc(100dvh - 30px));max-height:calc(100dvh - 30px);z-index:90;overflow:hidden}
#editor-request-share[open]{display:flex;flex-direction:column}#editor-request-share>header,#editor-request-share>footer{flex-shrink:0}
#editor-request-share #request-share-state{padding:12px 20px;margin:0;font-size:12px;color:var(--editor-muted)}
#editor-request-share #request-share-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow:auto;min-height:0;flex:1;margin:0 20px 12px;padding:14px;background:#f3f5ef;border:1px solid var(--editor-line);border-radius:6px;font:12px/1.7 var(--sans);user-select:text}
#editor-request-share>footer{flex-wrap:wrap;gap:7px;padding:12px 20px}#request-share-part{font-size:12px}
@media(max-width:600px){#editor-request-share>header{padding:10px 14px!important}#editor-request-share>header h2{font-size:16px!important}#editor-request-share>footer{padding:10px 14px!important}#editor-request-share>footer button{font-size:12px!important;min-height:36px!important}#editor-request-share #request-share-state{padding:8px 14px}#editor-request-share #request-share-text{margin-inline:14px}}
body.is-editing:not(.is-behavior-preview) #deck [data-action-hidden="true"]{visibility:visible!important;pointer-events:auto!important;opacity:.4;outline:1px dashed var(--editor-accent)}body.is-behavior-preview #deck [data-click-action]{cursor:pointer}
#edit-tools .behavior-target-preview{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--editor-line);border-radius:6px;font-size:12px;overflow-wrap:anywhere}#edit-tools .behavior-target-preview img{width:70px;height:48px;object-fit:contain}#behavior-image-preview{display:block;width:100%;height:140px;object-fit:contain;margin-top:12px;border:1px solid var(--editor-line);border-radius:6px}#edit-tools #behavior-error{color:#a33737}
#editor-action-link{position:fixed;inset:0;pointer-events:none;z-index:74}#editor-action-link svg{position:absolute;inset:0}.editor-link-label{position:absolute;display:block;padding:3px 7px;border-radius:4px;background:#4a654e;color:white;font:600 10px/1.4 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 5px #19262a20}.editor-link-label.source{background:#b86a73}
#editor-target-pick-bar{position:fixed;top:calc(var(--editor-header) + 8px);left:calc(var(--editor-rail) + 14px);right:14px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border:1px solid #4a654e;border-radius:9px;box-shadow:0 5px 18px #19262a15;pointer-events:auto}#editor-target-pick-bar strong{font-size:13px}#edit-tools #editor-target-pick-bar p{font-size:11px;margin:3px 0 0;color:#53604f}#editor-target-pick-bar button{flex-shrink:0;border:1px solid var(--editor-line);background:#f4f6f1}
body.is-target-picking #deck [data-object-id]{cursor:not-allowed;touch-action:pan-x pan-y}body.is-target-picking #deck .editor-pick-candidate{cursor:crosshair;outline:1px dashed #4a654e99!important;outline-offset:3px}body.is-target-picking #deck .editor-pick-hover{outline:3px solid #4a654e!important;outline-offset:3px}
#editor-action-link .editor-link-hit{pointer-events:stroke;cursor:pointer}#editor-action-link .editor-link-hit:hover{stroke:#4a654e18}#edit-tools button.editor-link-label{pointer-events:auto;cursor:pointer;min-height:24px;border:0;border-radius:4px;padding:3px 7px;display:block;font:600 10px/1.4 var(--sans);text-align:left;color:#fff;background:#4a654e;white-space:nowrap}#edit-tools button.editor-link-label:hover{background:#344e37}#edit-tools #behavior-unlink{color:#a33737}
.editor-quick-insert{display:flex;align-items:center;gap:3px;border-left:1px solid var(--editor-line);padding-left:12px;white-space:nowrap}.editor-quick-insert button{font-size:12px!important;padding:7px 9px!important}#workshop-editor #editor-video-insert{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 24px));margin:0;max-height:calc(100dvh - 24px);overflow:auto}#editor-video-insert form{padding:10px 20px 18px}#edit-tools #editor-video-error{color:#a33737}
#editor-place-bar{position:fixed;top:calc(var(--editor-header) + 8px);left:calc(var(--editor-rail) + 14px);right:14px;z-index:91;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border:1px solid var(--editor-accent);border-radius:9px;box-shadow:0 5px 18px #19262a15;pointer-events:auto}#editor-place-bar strong{font-size:13px}#edit-tools #editor-place-bar p{font-size:11px;margin:3px 0 0}#editor-place-bar button{flex-shrink:0;border:1px solid var(--editor-line)}#editor-place-ghost{position:fixed;z-index:75;border:2px dashed var(--editor-accent);border-radius:4px;background:#ffffffda;pointer-events:none;overflow:hidden;display:grid;place-items:center}#editor-place-ghost img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.75}#editor-place-ghost span{position:relative;background:#fff;padding:3px 8px;border-radius:4px;color:var(--editor-accent);font-weight:650;font-size:13px}
body.is-inserting #deck,body.is-inserting #deck [data-object-id]{cursor:crosshair;touch-action:none}body.is-drop-ready #deck{outline:3px dashed var(--editor-accent);outline-offset:5px}body.is-drop-ready #deck::after{content:'놓으면 새 요소로 추가됩니다';position:sticky;display:block;bottom:10px;margin:0 auto;width:max-content;max-width:90%;padding:8px 12px;border-radius:6px;background:#4a654e;color:white;font-size:13px;pointer-events:none}#workshop-editor #editor-panel{max-height:calc(100dvh - var(--editor-header) - 24px)}
@media(max-width:1100px){.editor-topbar{gap:8px;padding:0 12px}.editor-docname strong{max-width:130px;font-size:12px}.editor-mark{display:none}.editor-quick-insert{padding-left:7px}.editor-quick-insert button{font-size:11px!important;padding:6px 7px!important}.editor-top-actions{gap:4px}.editor-top-actions>button{padding:7px 9px!important}.editor-history{padding-left:7px}}
@media(max-width:800px){:root{--editor-header:112px}.editor-topbar{flex-wrap:wrap;align-content:center;row-gap:5px;padding:7px 9px}.editor-quick-insert{order:5;flex-basis:100%;justify-content:center;border-left:0;padding-left:0;gap:8px}.editor-quick-insert button{min-height:34px!important;font-size:12px!important;padding:7px 14px!important;border:1px solid var(--editor-line)!important;background:#fff!important}.editor-history{margin-left:auto}.editor-top-actions{margin-left:0}}
@media(max-width:800px) and (max-height:620px){:root{--editor-header:100px}}

#editor-video-insert .editor-video-file{padding:16px 20px 0}body.is-editing #deck video{pointer-events:auto;object-fit:contain;background:#19262a}body.is-behavior-preview #deck video{pointer-events:auto}

/* Interactive change examples: guidance is isolated from the editable canvas. */
#workshop-editor #editor-examples{position:fixed;inset:0;margin:auto;width:min(1040px,calc(100vw - 32px));max-width:none;height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden}
#editor-examples[open]{display:flex;flex-direction:column}#workshop-editor #editor-examples>header{flex-shrink:0;padding:16px 22px}#editor-examples header button{font-size:24px;min-width:40px}
.examples-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;flex:1}.examples-body>nav{padding:12px;border-right:1px solid var(--editor-line);overflow:auto;display:flex;flex-direction:column;gap:5px}.examples-body>nav button{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px!important;text-align:left;padding:10px!important;white-space:normal;min-height:44px!important}.examples-body>nav button[aria-pressed=true]{background:#e9f0e8!important;color:#304f39;border-color:#b5c8b5!important}.examples-body>nav small{font-size:10px;color:#667661}
.examples-content{min-width:0;overflow:auto;padding:20px 24px}.examples-intro h3{font-size:22px!important;margin:0 0 5px!important}.examples-intro p{font-size:13px!important;color:var(--editor-muted);margin:0 0 18px!important}.examples-comparison{display:grid;grid-template-columns:1fr 1.35fr;gap:12px}.examples-comparison>section{min-width:0}.examples-comparison h4{font-size:12px;margin:0 0 8px}.examples-comparison h4 small{font-weight:400;color:#60755e;margin-left:5px}.examples-before,.examples-after{border:1px solid var(--editor-line);border-radius:9px;background:#f7f8f3;min-height:240px;padding:14px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:10px}.examples-before{color:#687166;background:#f2f2ed}.examples-before p{font-size:16px!important;line-height:1.6!important}.examples-after p{font-size:13px!important}.examples-after output{display:block;flex-basis:100%;text-align:center;font-size:23px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.examples-after input[type=number]{width:75px!important;min-height:34px!important}.examples-after .scene-number{font-size:48px}.examples-after .scene-value{width:100%}.examples-after .scene-track{width:100%}.examples-after .scene-images{height:155px;width:100%}.examples-after .scene-carousel-image{height:150px;width:100%;object-fit:contain}.examples-after .scene-reveal{gap:6px;width:100%;display:flex;flex-direction:column}.examples-after .scene-reveal-item{font-size:14px;padding:8px}.examples-after .scene-captions{width:100%;font-size:11px}.examples-after input[type=range]{width:100%;accent-color:var(--editor-accent);padding:0!important;min-height:30px!important}.examples-tiny-images{display:flex;gap:5px;width:100%}.examples-tiny-images img{width:calc(50% - 3px);height:80px;object-fit:contain}.examples-boundary{font-size:11px!important;line-height:1.6!important;color:#71806c;margin:9px 0 17px!important}.examples-target{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:12px}.examples-target strong{overflow-wrap:anywhere;max-width:100%}#edit-tools .examples-target label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}#edit-tools .examples-target input{width:auto;min-height:0;margin:0}.examples-content form>label{font-size:12px!important}#edit-tools #examples-prompt{min-height:85px;resize:vertical;font-size:13px;line-height:1.6}.examples-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.examples-submit span{font-size:11px;color:#6d786a;max-width:230px}.examples-submit button{flex-shrink:0}#edit-tools .examples-error{font-size:12px;color:#a33737}.examples-two-screens{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.examples-two-screens section{border:1px solid #d7dfd3;background:white;padding:10px;border-radius:6px;display:flex;align-items:center;flex-direction:column;gap:14px;min-width:0}.examples-two-screens strong{font-size:11px}.examples-two-screens output{font-size:16px}.examples-two-screens button{font-size:11px!important;padding:6px!important}.examples-file{cursor:grab!important}.examples-drop{width:100%;border:2px dashed #bac8b3;padding:16px;font-size:12px;text-align:center;border-radius:7px}.examples-drop.attached{border-style:solid;background:#eaf0e4}.examples-after:has(.examples-file) output{font-size:13px;background:white;padding:12px}.examples-after button:disabled{opacity:.5;cursor:default}
@media(max-width:700px){#workshop-editor #editor-examples{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.examples-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.examples-body>nav{flex-direction:row;border-right:0;border-bottom:1px solid var(--editor-line);padding:8px;gap:5px;overflow-x:auto}.examples-body>nav button{min-width:130px}.examples-content{padding:16px}.examples-comparison{grid-template-columns:1fr 1.35fr;gap:8px}.examples-before,.examples-after{padding:10px;min-height:210px}.examples-before p{font-size:12px!important}.examples-after .scene-number{font-size:36px}.examples-two-screens{grid-template-columns:1fr}.examples-submit{flex-direction:column;align-items:stretch;gap:8px}.examples-submit span{max-width:none}.examples-after button{font-size:11px!important}.examples-intro h3{font-size:19px!important}}
@media(max-width:420px){.editor-quick-insert{gap:5px}.editor-quick-insert button{font-size:11px!important;padding:7px 9px!important}.examples-comparison{grid-template-columns:1fr}.examples-before{min-height:65px}.examples-after{min-height:215px}.examples-tiny-images img{height:55px}}

/* The default examples use the current page; generic demonstrations remain optional. */
#workshop-editor #editor-examples{width:min(1220px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px))}.examples-modes{display:flex;gap:7px;padding:10px 20px;border-bottom:1px solid var(--editor-line);flex-shrink:0}.examples-modes button{font-size:12px!important;min-height:34px!important}.examples-modes button[aria-pressed=true]{background:#e9f0e8!important;color:#304f39;border-color:#b5c8b5!important}#editor-examples[data-example-mode=page] .examples-body{grid-template-columns:200px minmax(0,1fr)}#editor-examples[data-example-mode=page] .examples-comparison{grid-template-columns:1fr 1fr}#editor-examples[data-example-mode=page] .examples-before,#editor-examples[data-example-mode=page] .examples-after{padding:0;display:block;min-height:0;border:0;background:none}#editor-examples .page-preview{height:225px;width:100%;border:1px solid #d9dfd1;border-radius:6px;background:#f2f3ec;overflow:hidden;position:relative}#editor-examples .page-preview-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:10px 0 0;min-width:0}#editor-examples .page-preview-controls button{font-size:11px!important;padding:7px 9px!important;min-height:34px!important}#editor-examples .page-preview-controls output{font-size:11px!important;flex-basis:auto;font-weight:500;color:#73816a}#editor-examples .page-preview-controls textarea{flex-basis:100%;font-size:12px;min-height:55px}#editor-examples .page-preview-controls input[type=range]{width:100%;accent-color:var(--editor-accent)}#editor-examples .page-preview-evidence{font-size:11px!important;line-height:1.6!important;max-height:60px;overflow:auto;color:#73816a;margin:6px 0 0!important;white-space:pre-wrap;overflow-wrap:anywhere}#editor-examples[data-example-mode=page] .examples-body>nav small{font-size:11px;line-height:1.6;font-weight:400;margin-top:5px}#editor-examples .page-preview-track{height:5px;background:#e1e8d8;margin-top:8px}#editor-examples .page-preview-track i{display:block;height:100%;width:0;background:#60774e}
@media(max-width:700px){#editor-examples[data-example-mode=page] .examples-body{grid-template-columns:1fr}.examples-modes{padding:8px 14px}#editor-examples[data-example-mode=page] .examples-body>nav button{min-width:155px;max-width:200px}#editor-examples[data-example-mode=page] .examples-body>nav small{display:none}#editor-examples .page-preview{height:175px}#editor-examples[data-example-mode=page] .examples-intro p{font-size:12px!important}#editor-examples[data-example-mode=page] .examples-body>nav{min-height:53px}}
@media(max-width:540px){#editor-examples[data-example-mode=page] .examples-comparison{grid-template-columns:1fr}#editor-examples .page-preview{height:185px}#editor-examples[data-example-mode=page] .examples-before .page-preview{height:145px}#workshop-editor #editor-examples{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}
#editor-examples[data-example-mode=page] .examples-body>nav small{white-space:normal!important;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#editor-examples[data-example-mode=page] .examples-body>nav button{min-width:0;overflow:hidden}
@media(max-width:700px){#editor-examples[data-example-mode=page] .examples-body>nav button{min-width:155px}#editor-examples[data-example-mode=page] .examples-body>nav small{display:none}}