:root{--color-bg-page:black;--color-surface:black;--color-surface-soft:#262626;--color-text:#f5f5f5;--color-muted:#b7b7b7;--color-border:#5e5e5e;--color-border-light:#ffffff29;--color-dark:#f5f5f5;--color-dark-hover:#d9d9d9;--color-white:#111;--font:Social;--font-size-base:15px;--letter-spacing:.02em;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.5rem;--space-lg:3rem;--control-min-height:1.8rem;--border:1px solid var(--color-border);--border-light:1px solid var(--color-border-light);--border-dark:1px solid var(--color-dark);--radius:.8rem;--box-shadow:0 1rem 3rem 0 #00000059}@media (width<=1400px){:root{--space-lg:2rem}}@media (width<=1200px){:root{--space-md:1.25rem;--space-lg:1.5rem}}@media (height<=820px){:root{--space-lg:1.5rem}}@media (height<=700px){:root{--space-md:1rem;--space-lg:1rem;--space-sm:.5rem}}:root[data-theme=light]{--color-bg-page:white;--color-surface:white;--color-surface-soft:#fff;--color-text:#101010;--color-muted:#4f4f4f;--color-border:#b8b8b8;--color-border-light:#0000001a;--color-dark:#111;--color-dark-hover:#333;--color-white:#fff;--box-shadow:0 1rem 3rem 0 #0000001f}@font-face{font-family:Social;src:url(/assets/ABCSocial-Bold-Trial-D2QHu2BS.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing);margin:0;padding:0}body{background:var(--color-bg-page);color:var(--color-text)}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{flex-direction:column;display:flex}header{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-surface);flex-shrink:0;display:flex}@media (height<=820px){header{padding-block:.3rem}}@media (width<=1200px){header{padding-inline:var(--space-sm)}}header h1{margin:0;font-size:1rem;font-weight:400;line-height:1}@media (width<=1100px){header #sidebarToggleButton{display:none}}header #themeToggleButton,header #sidebarToggleButton,header #overviewToggleButton,header #autoPlayButton{border:1px solid var(--color-border-light);width:2.4rem;height:2.4rem;color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}header #themeToggleButton:hover,header #sidebarToggleButton:hover,header #overviewToggleButton:hover,header #autoPlayButton:hover{border-color:var(--color-border)}header #autoPlayButton{--autoplay-progress:0%;isolation:isolate;position:relative}header #autoPlayButton.is-playing{border-color:#0000}header #autoPlayButton.is-playing:before{content:"";background:conic-gradient(var(--color-text) var(--autoplay-progress), var(--color-border-light) 0%);z-index:-1;border-radius:999px;position:absolute;inset:-1px}header #autoPlayButton.is-playing:after{content:"";background:var(--color-surface);z-index:-1;border-radius:999px;position:absolute;inset:1px}.logo-container{align-items:center;gap:var(--space-xs);display:flex}.logo-container svg{flex-shrink:0;width:1.5rem;height:auto}@media (width<=1050px){.logo-container h1{display:none}.logo-container{flex:1}}.logo-container:hover svg{animation:.5s spin-once}nav.breadcrumb-navigation{flex:1}nav.breadcrumb-navigation span{color:var(--color-muted);font-size:1rem;line-height:1}nav.breadcrumb-navigation span:before{content:"/";opacity:.2;color:var(--color-text);margin:0 .75em}@media (width<=1050px){nav.breadcrumb-navigation{display:none}}.editor{flex:1;min-height:0;display:flex;overflow:hidden}.editor.sidebar-hidden aside{display:none}@media (width<=1100px){.editor.sidebar-hidden aside{display:flex}}main{flex:3;min-width:0;height:100%;min-height:0;overflow:hidden}#slideStrip{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg);flex-direction:row;height:100%;display:flex;overflow:auto hidden}.slide-canvas-wrapper{position:relative}.slide-canvas-wrapper .story-zone-overlay{pointer-events:none;display:none;position:absolute;inset:0}.slide-canvas-wrapper .story-zone-overlay:before,.slide-canvas-wrapper .story-zone-overlay:after{content:"";border-top:1px dashed #0069cbcc;position:absolute;left:0;right:0}.slide-canvas-wrapper .story-zone-overlay:before{top:13.0208%}.slide-canvas-wrapper .story-zone-overlay:after{bottom:13.0208%}.slide-item{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.slide-item .slide-canvas-wrapper{cursor:grab}.slide-item.is-dragging{opacity:.4}.slide-item.is-dragging .slide-canvas-wrapper{cursor:grabbing}.slide-item.drag-over-left .slide-canvas-wrapper{box-shadow:-3px 0 #0069cb}.slide-item.drag-over-right .slide-canvas-wrapper{box-shadow:3px 0 #0069cb}.slide-item canvas{--slide-max-w:calc(100vw - 400px);--slide-vh-offset:200px;max-width:var(--slide-max-w);max-height:min(100vh - var(--slide-vh-offset) - 4rem, var(--slide-max-w) * 1.6);border:var(--border-light);cursor:pointer;outline-offset:3px;transition:border-color .16s,outline-color .16s,outline-offset .16s;display:block;width:auto!important;height:auto!important}@media (width<=1200px){.slide-item canvas{--slide-max-w:calc(100vw - 340px)}}@media (width<=1100px){.slide-item canvas{--slide-max-w:calc(100vw - 3rem)}}@media (height<=820px){.slide-item canvas{--slide-vh-offset:160px}}@media (height<=700px){.slide-item canvas{--slide-vh-offset:120px}}.slide-item.is-active canvas{border-color:var(--color-border)}.slide-actions{gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.slide-add-btn{border:var(--border-light);width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s,background .16s,opacity .2s;display:flex}.slide-add-btn:hover{border-color:var(--color-border);color:var(--color-text);background:var(--color-border-light)}#slideStrip .slide-add-btn,#slideStrip .slide-actions{opacity:0;pointer-events:none}#slideStrip.is-hovered .slide-add-btn,#slideStrip.is-hovered .slide-actions{opacity:1;pointer-events:auto}#slideStrip.is-hovered .slide-item.is-active canvas{outline:1px solid #0069cb}#slideStrip.is-hovered .story-zone-overlay.is-visible{display:block}#slideStrip.overview-mode{overflow-x:hidden}#slideStrip.overview-mode .slide-add-btn,#slideStrip.overview-mode .slide-actions{display:none}aside{min-width:320px;max-width:360px;margin:var(--space-md) var(--space-md) var(--space-md) 0;background:var(--color-surface);border:var(--border-light);border-radius:var(--radius);box-shadow:var(--box-shadow);flex-direction:column;flex:1 0;display:flex;overflow:hidden}@media (width<=1400px){aside{max-width:320px}}@media (width<=1200px){aside{min-width:280px;max-width:300px}}@media (width<=1100px){aside{width:100%;max-width:none;min-width:unset;border-radius:var(--radius) var(--radius) 0 0;z-index:200;border-bottom:none;height:82vh;margin:0;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}aside:before{content:"";background:var(--color-border);border-radius:999px;flex-shrink:0;width:2.5rem;height:3px;margin:.6rem auto .3rem;display:block}aside.is-open{transform:translateY(0)}}aside .aside-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:var(--border-light);background:var(--color-surface);flex-shrink:0;display:flex}aside .aside-header label{color:var(--color-muted);white-space:nowrap;margin:0;font-size:.85rem}aside .aside-header select{flex:1;width:auto}aside .aside-scroll{flex:1;min-height:0;overflow-y:auto}aside .aside-footer{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:var(--border-light);background:var(--color-surface);flex-shrink:0;display:flex}aside .aside-footer button{margin-top:unset}aside details{border-bottom:var(--border-light);flex-direction:column;display:flex}aside details summary{padding:var(--space-sm) var(--space-md);color:var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--space-xs);font-size:.85rem;list-style:none;display:flex}aside details summary::-webkit-details-marker{display:none}aside details summary:after{content:"+";margin-left:auto}aside details .details-inner-container{padding:var(--space-sm) var(--space-md) var(--space-md)}aside details .details-inner-container>:first-child{margin-top:unset}aside details[open]>summary:after{content:"−"}aside details[open]>:not(summary):last-child{padding-bottom:var(--space-md)}aside details label{margin-top:var(--space-sm);display:block}#settingsBackdrop{z-index:199;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}#settingsBackdrop.is-visible{opacity:1;pointer-events:auto}@media (width<=1100px){#settingsBackdrop{display:block}}#settingsFabButton{bottom:var(--space-md);right:var(--space-md);z-index:198;background:var(--color-dark);color:var(--color-white);font-family:var(--font);letter-spacing:var(--letter-spacing);cursor:pointer;box-shadow:var(--box-shadow);border:none;border-radius:999px;align-items:center;gap:.5em;padding:.55rem 1rem;font-size:1rem;transition:background .16s;display:none;position:fixed}#settingsFabButton svg{flex-shrink:0}#settingsFabButton:hover{background:var(--color-dark-hover)}@media (width<=1100px){#settingsFabButton{display:flex}}button svg{width:16px;height:16px}.slide-action-btn{border:var(--border-light);width:2.4rem;height:2.4rem;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s,background .16s;display:flex}.slide-action-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border);background:var(--color-border-light)}.slide-action-btn--delete:hover:not(:disabled){color:#d34634;background:0 0;border-color:#d34634}.slide-action-btn.is-locked{color:var(--color-text);border-color:var(--color-border)}.slide-action-btn:disabled{opacity:.3;cursor:not-allowed}.visibility-btn,.lock-btn{width:auto;height:auto;color:var(--color-border);font-size:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .16s;display:inline-flex}.visibility-btn svg,.lock-btn svg{width:1rem;height:1rem;display:block}.visibility-btn:hover,.lock-btn:hover{color:var(--color-text);background:0 0;border:none}.visibility-btn.is-hidden{color:var(--color-border-light)}.visibility-btn:disabled{color:var(--color-border-light);cursor:not-allowed}.visibility-btn:disabled:hover{color:var(--color-border-light)}.lock-btn.is-locked{color:var(--color-text)}aside label{color:var(--color-muted);margin-bottom:.25em;font-size:.85rem}aside input[type=text],aside textarea{background-color:var(--color-surface-soft);color:var(--color-text);width:100%;padding:var(--space-sm);font-family:var(--font);background-color:var(--color-border-light);border-radius:var(--radius);border:none;outline:none;font-size:1rem;display:block}aside input[type=text]:focus,aside textarea:focus{border-color:var(--color-dark)}aside select{appearance:none;width:100%;padding:var(--space-xs) var(--space-sm);font-family:var(--font);background-color:var(--color-border-light);border-radius:var(--radius);height:auto;color:var(--color-text);cursor:pointer;border:none;border:var(--border-light);border-color:#0000;outline:none;font-size:1rem}aside select:hover{border-color:var(--color-border-light)}aside select:focus{border-color:var(--color-dark)}aside button{width:100%;padding:var(--space-xs) var(--space-sm);font-family:var(--font);border:var(--border-dark);border-radius:var(--radius);background:var(--color-dark);color:var(--color-white);cursor:pointer;margin-top:var(--space-xs);justify-content:center;align-items:center;gap:.65em;font-size:1rem;display:flex}aside button:hover{background:var(--color-dark-hover);border-color:var(--color-dark-hover)}aside button.btn-export{color:var(--color-text);border:var(--border-light);background:0 0}aside button.btn-export:hover{border-color:var(--color-dark);background:0 0}aside button.btn-export .btn-export-label{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}aside button.btn-export .btn-export-label #exportSlideCount{opacity:.4;margin-top:.3em;font-size:.75rem}aside button.btn-export .btn-export-count{color:var(--color-muted);font-size:.7rem}aside .btn-generate-label{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}aside .btn-generate-label #generateSlideCount{opacity:.4;margin-top:.3em;font-size:.75rem}aside .orientation-btn{border-radius:unset;width:2rem;color:var(--color-muted);border:unset;background:0 0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .16s,border-color .16s,background .16s;display:flex}aside .orientation-btn svg{width:1.1rem;height:1.1rem;display:block}aside .orientation-btn.active{color:var(--color-dark);background:var(--color-border-light)}aside .orientation-btn:hover:not(.active){color:var(--color-text);border-color:var(--color-border);background:0 0}.format-orientation-row{gap:var(--space-xs);margin-top:var(--space-xs);align-items:center;display:flex}.format-orientation-row label{margin:unset}.format-orientation-row select{flex:1;width:auto}.format-orientation-row button{min-height:var(--control-min-height);align-self:stretch;min-width:2.2rem}.orientation-buttons{border:var(--border-light);border-radius:var(--radius);display:flex;overflow:hidden}.color-scheme-tabs{border:var(--border-light);border-radius:var(--radius);margin-bottom:var(--space-xs);display:flex;overflow:hidden}.color-scheme-tabs .color-scheme-tab{color:var(--color-muted);padding:var(--space-xs);cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;margin:0;font-size:.85rem;transition:color .16s,background .16s}.color-scheme-tabs .color-scheme-tab.active{background:var(--color-border-light);color:var(--color-text)}.color-scheme-tabs .color-scheme-tab:hover:not(.active){color:var(--color-text);background:0 0}.color-scheme-tabs .color-scheme-tab:disabled{opacity:.35;cursor:not-allowed}.color-scheme-tabs .color-scheme-tab:disabled:hover{color:var(--color-muted);background:0 0}.color-pair-swatches{gap:var(--space-xs);padding:var(--space-xs) 0;flex-wrap:wrap;display:flex}.color-pair-swatches .color-pair-btn{width:2.6rem;height:var(--control-min-height);border:var(--border-light);background:var(--pair-bg);color:var(--pair-text);cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;font-size:.9rem;font-weight:700;transition:border-color .1s,opacity .1s;display:flex}.color-pair-swatches .color-pair-btn.selected{border-color:var(--color-text)}.color-pair-swatches .color-pair-btn:hover{opacity:.8}.color-swatches{gap:var(--space-xs);padding:var(--space-xs) 0;display:flex}.color-swatches.studie2-bg-swatches .color-swatch:nth-child(2){margin-right:var(--space-md)}.color-swatches .color-swatch{border:var(--border-light);background:var(--swatch-color);cursor:pointer;border-radius:0;outline:none;width:1.75rem;height:1.75rem;padding:0;transition:border-color .1s}.color-swatches .color-swatch.selected{border-color:var(--color-text)}.color-swatches .color-swatch:hover{opacity:.8}.sub-options{gap:var(--space-xs);flex-direction:column;display:flex}.sub-options>.slider-row:first-child>:first-child{margin-top:unset}.upload-dropzone{width:100%;padding:var(--space-md) var(--space-sm);border:var(--border-light);border-radius:var(--radius);cursor:pointer;text-align:center;color:var(--color-muted);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:.2em;transition:border-color .16s,background .16s;display:flex;position:relative}.upload-dropzone svg{width:1.6rem;height:1.6rem;color:var(--color-muted);margin-bottom:.35em;transition:color .16s;display:block}.upload-dropzone:hover,.upload-dropzone:focus,.upload-dropzone.is-dragover{border-color:var(--color-dark);background:var(--color-border-light);color:var(--color-text)}.upload-dropzone:hover svg,.upload-dropzone:focus svg,.upload-dropzone.is-dragover svg{color:var(--color-text)}.upload-dropzone:focus{outline:none}.upload-dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-dropzone__label{font-size:.95rem;font-family:var(--font);color:inherit}.upload-dropzone__hint{color:var(--color-muted);font-size:.78rem}#canvasImageControls{margin-top:var(--space-xs)}.slider-row{margin-top:var(--space-xs);min-height:var(--control-min-height);justify-content:space-between;align-items:center;display:flex}.slider-row label{margin:unset}.slider-row:has(input:disabled){opacity:.4;pointer-events:none}.slider-row span{color:var(--color-muted);font-size:.85rem}.slider-input-row{align-items:center;gap:var(--space-xs);display:flex}input[type=range]{appearance:none;border:none;border-top:var(--border-light);background-color:unset;flex:2;width:100%}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--color-text);cursor:grab;border-radius:1000px;width:.8rem;height:.8rem;transform:translateY(-50%)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{appearance:none;height:100%;display:block}input[type=checkbox].lock-checkbox{accent-color:var(--color-dark);cursor:pointer;flex-shrink:0}input[type=checkbox]{appearance:none;border:var(--border);background-image:unset;background-color:var(--color-surface);cursor:pointer;border-radius:100px;width:1rem;height:1rem;margin-right:.5em;display:inline-block;transform:translateY(.1em)}input[type=checkbox]:hover{border-color:var(--color-border)}input[type=checkbox]:checked{background-color:var(--color-text);background-repeat:no-repeat;background-size:contain}.ui-tooltip{z-index:1000;border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text);white-space:nowrap;pointer-events:none;opacity:0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.75rem;line-height:1;transition:opacity .16s,translate .16s;display:flex;position:fixed;translate:0 2px;box-shadow:0 4px 16px #0000002e}.ui-tooltip.is-visible{opacity:1;translate:0}.ui-tooltip kbd{border:1px solid var(--color-border);background:var(--color-border-light);border-bottom-width:2px;border-radius:.3rem;padding:.15rem .35rem;font-family:inherit;font-size:.7rem;line-height:1}