/*! Hint.css - v2.7.0 - 2021-10-01
* https://kushagra.dev/lab/hint/
* Copyright (c) 2021 Kushagra Gour */[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:before,[class*=hint--]:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}[class*=hint--]:hover:before,[class*=hint--]:hover:after{visibility:visible;opacity:1}[class*=hint--]:hover:before,[class*=hint--]:hover:after{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s;animation:hintSmoothHide .5s ease-out 1s forwards}[class*=hint--]:before{content:"";position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#f4f1f1;color:#090909;padding:8px 10px;font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label=""]:before,[aria-label=""]:after,[data-hint=""]:before,[data-hint=""]:after{display:none!important}.hint--top-left:before{border-top-color:#383838}.hint--top-right:before{border-top-color:#383838}.hint--top:before{border-top-color:#efebeb}.hint--bottom-left:before{border-bottom-color:#383838}.hint--bottom-right:before{border-bottom-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-11px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:before{left:calc(70% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translate(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translate(-50%) translateY(-8px)}.hint--bottom:before{margin-top:-11px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:before{left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translate(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translate(-50%) translateY(8px)}.hint--right:before{margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translate(8px)}.hint--right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translate(8px)}.hint--left:before{margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translate(-8px)}.hint--left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translate(-8px)}.hint--top-left:before{margin-bottom:-11px}.hint--top-left:before,.hint--top-left:after{bottom:100%;left:50%}.hint--top-left:before{left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translate(-100%)}.hint--top-left:after{margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translate(-100%) translateY(-8px)}.hint--top-right:before{margin-bottom:-11px}.hint--top-right:before,.hint--top-right:after{bottom:100%;left:50%}.hint--top-right:before{left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translate(0)}.hint--top-right:after{margin-left:-12px}.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-right:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:before{margin-top:-11px}.hint--bottom-left:before,.hint--bottom-left:after{top:100%;left:50%}.hint--bottom-left:before{left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translate(-100%)}.hint--bottom-left:after{margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translate(-100%) translateY(8px)}.hint--bottom-right:before{margin-top:-11px}.hint--bottom-right:before,.hint--bottom-right:after{top:100%;left:50%}.hint--bottom-right:before{left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translate(0)}.hint--bottom-right:after{margin-left:-12px}.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-right:hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--small:after,.hint--medium:after,.hint--large:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:120px}.hint--large:after{width:300px}[class*=hint--]:after{text-shadow:0 -1px 0px black;box-shadow:4px 4px 8px #0000004d}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0px #592726}.hint--error.hint--top-left:before{border-top-color:#b34e4d}.hint--error.hint--top-right:before{border-top-color:#b34e4d}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before{border-bottom-color:#b34e4d}.hint--error.hint--bottom-right:before{border-bottom-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0px #6c5328}.hint--warning.hint--top-left:before{border-top-color:#c09854}.hint--warning.hint--top-right:before{border-top-color:#c09854}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before{border-bottom-color:#c09854}.hint--warning.hint--bottom-right:before{border-bottom-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0px #1a3c4d}.hint--info.hint--top-left:before{border-top-color:#3986ac}.hint--info.hint--top-right:before{border-top-color:#3986ac}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before{border-bottom-color:#3986ac}.hint--info.hint--bottom-right:before{border-bottom-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0px #1a321a}.hint--success.hint--top-left:before{border-top-color:#458746}.hint--success.hint--top-right:before{border-top-color:#458746}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before{border-bottom-color:#458746}.hint--success.hint--bottom-right:before{border-bottom-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translate(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translate(-100%) translateY(-8px)}.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-right:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translate(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translate(-100%) translateY(8px)}.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-right:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translate(-8px)}.hint--always.hint--left:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translate(-8px)}.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translate(8px)}.hint--always.hint--right:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translate(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:before,.hint--no-animate:after{-webkit-transition-duration:0ms;-moz-transition-duration:0ms;transition-duration:0ms}.hint--bounce:before,.hint--bounce:after{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.hint--no-shadow:before,.hint--no-shadow:after{text-shadow:initial;box-shadow:initial}.hint--no-arrow:before{display:none}@keyframes hintHide{to{visibility:hidden;opacity:0}}@keyframes hintSmoothHide{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}*xx{box-sizing:border-box;margin:0;padding:0}:rootx{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.center-both{display:flex;justify-content:center;align-items:center}bodyx{margin:0;min-width:320px;min-height:100vh;font-family:Noto Sans Tangsa}.container{width:min(500px,100%)}#app{width:100%;margin:0 auto;text-align:center}.card-gradient{background-color:#fff;padding:2rem 1rem 1rem;border-radius:0 0 1rem 1rem;border:1px solid black}.color-preview{height:3rem;border:1px solid rgb(188,188,188);border-radius:50rem;box-shadow:1px 1px 3px #8c8a8a;cursor:crosshair;position:relative}.color__handlers{height:100%;border-radius:50rem;overflow:hidden;position:relative;z-index:3}.color__handler{height:100%;position:absolute;left:var(--handler-position);width:5px;transform:translate(-2.5px);background-color:#1f1e1e9f}.color__handler:hover{cursor:col-resize}.color__handler-remover{width:1.2rem;border:1px solid #555;height:1.2rem;cursor:pointer;background-color:#fff;box-shadow:1px 1px 2px #ccc;border-radius:50%;position:absolute;top:-1.5rem;left:var(--handler-position);transform:translate(-50%)}.color__handler-remover:after{content:"x";color:#555;position:absolute;left:5px;top:-4px}.color__handler-remover:before{content:"";top:100%;position:absolute;width:1px;height:20px;z-index:1}.color__handler-remover:hover{border-color:#e54040}.color__handler-remover:hover:after{color:#e54040}.color__input{border:none;border-radius:50%;transform:translate(-2px,-2px)}.color__input-wrapper{width:1.3rem;height:1.3rem;border:1px solid white;border-radius:50%;overflow:hidden;border:.1rem solid white;outline:1px solid #bbb;position:absolute;left:var(--handler-position);cursor:pointer;top:110%;transform:translate(-50%)}.options{display:flex;gap:1rem}select,textarea{padding:.4rem;background-color:#f9f9f9}input{padding-left:.4rem;border:1px solid #928b8b;border-radius:.35rem;box-shadow:#0000 1.95px 1.95px 2.6px}#seekbar{border:none;border-radius:.35rem;box-shadow:none;padding-left:0rem}select{background-color:#fff;border:1px solid #928b8b;border-radius:.5rem;margin-top:0rem;box-shadow:#00000026 1.95px 1.95px 2.6px}.css-box__header{border:1px solid #928b8b;display:flex;justify-content:space-between;padding:.5rem;margin-top:1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.css-box__header h6{margin:0}textareax{border:none;border-bottom-left-radius:.5rem;border:1px solid #928b8b;border-top:none;border-bottom-right-radius:.5rem}#copiedx{display:none;color:green;margin-right:.5rem}.show{display:inline-block!important}#copy-css{color:#fff;background-color:#535bf2;padding:.3rem .5rem;border-radius:.4rem;cursor:pointer;border:none}#copy-css:hover{background-color:#6169ff}/*! Huebee v1.0.1
http://huebee.buzz
---------------------------------------------- */.huebee{position:absolute;z-index:10000000;transform:translateY(0);transition:opacity .15s,transform .15s}.huebee.is-hidden{opacity:0;transform:translateY(10px)}.huebee.is-static-open{position:relative;z-index:auto}.huebee__container{position:absolute;left:0;top:5px;padding:10px;background:#eee;border-radius:5px;box-shadow:0 5px 10px #0000004d}.huebee.is-static-open .huebee__container{position:relative;display:inline-block;left:auto;top:auto;box-shadow:none}.huebee__canvas{display:block;cursor:pointer}.huebee__cursor{width:15px;height:15px;position:absolute;left:0;top:0;box-sizing:content-box;border:3px solid white;border-radius:5px;pointer-events:none}.huebee__cursor.is-hidden{opacity:0}.huebee__close-button{display:block;position:absolute;width:24px;height:24px;top:-9px;right:-9px;border-radius:12px;background:#222}.huebee__close-button__x{stroke:#fff;stroke-width:3;stroke-linecap:round}.huebee__close-button:hover{background:#fff;cursor:pointer}.huebee__close-button:hover .huebee__close-button__x{stroke:#222}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column;box-sizing:border-box;padding-bottom:16px;min-height:0}#script-row,#content-row{min-height:0;flex-shrink:1}@font-face{font-family:ts;src:url(./Excalifont-Regular.woff2) format("woff2")}@font-face{font-family:Patrick Hand;src:url(./PatrickHand-Regular.ttf) format("truetype")}:root{--blur-value: 2}p{margin:10px;line-height:1.3}foreignObject p{margin:0}.draggable{cursor:grab;user-select:none}.draggable.dragging{cursor:grabbing}.set_hidden{opacity:0!important}.set_visible{opacity:1!important}.fade-out{animation:fadeOutEffect var(--fade-duration, .3s) forwards ease-in-out}.fade-in{animation:fadeInEffect var(--fade-duration, .3s) forwards ease-in-out}@keyframes fadeOutEffect{0%{opacity:1}to{opacity:0}}@keyframes fadeInEffect{0%{opacity:0}to{opacity:1}}.flashing-div{justify-content:center;align-items:center}@keyframes slowFlash{0%{opacity:1}to{opacity:0}}.pulse-element{animation:pulse-glow 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(5px 5px 2px rgba(0,0,0,.7))}50%{filter:drop-shadow(0px 0px 0px rgba(0,0,0,0))}}.animated-text{animation:pulseBlur 2s infinite;filter:url(#css-blur-filter)}@keyframes pulseBlur{0%,to{--blur-value: 2}50%{--blur-value: 5}}.scrub-active{animation:scrub-reveal var(--scrub-duration, 1s) cubic-bezier(.77,0,.175,1) forwards}@keyframes scrub-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.scrubbing-element{background-size:cover;background-position:center}@keyframes svg-text-anim{40%{stroke-dashoffset:0;fill:transparent}60%{stroke-dashoffset:0;fill:#f16f6b}to{stroke-dashoffset:0;fill:#f16f6b}}#slides,#design{border:2px solid #e5e7eb;border-radius:12px;background-color:#fff;box-shadow:0 4px 6px #0000000d;box-sizing:border-box;overflow:hidden}#design{position:relative;width:85%;padding:0}#action-toolbar{position:relative;z-index:10}#action-toolbar-container{flex:1;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.action-toolbar-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%}.action-state-label{font-weight:600;font-size:14px;color:#333;text-align:left}.action-buttons-group{display:flex;gap:8px;justify-content:center;align-items:stretch;height:100%}.action-btn-wrapper{display:flex;height:100%}.action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;min-width:36px;border-radius:6px;border:none;background-color:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;box-sizing:border-box;transition:all .15s ease-in-out}.action-btn .material-symbols-outlined{font-size:19px;font-weight:200;font-variation-settings:"wght" 250,"opsz" 20;line-height:1}.action-btn:hover:not(:disabled):not(.active){background-color:#f1f5f9;color:#334155}.action-btn.active{color:#2563eb;background-color:transparent}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#2563eb;border-top-left-radius:3px;border-top-right-radius:3px;transform:scaleX(0);transform-origin:center;transition:transform .2s ease-out}.action-btn.active:after{transform:scaleX(1)}.user-toolbar-btn{padding:6px 14px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.user-btn-primary{background-color:#2563eb;color:#fff}.user-btn-primary:hover{background-color:#1d4ed8}.user-btn-secondary{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.user-btn-secondary:hover{background-color:#e5e7eb}.user-menu-trigger{padding:6px 10px;font-size:18px;line-height:1;background-color:transparent;border:1px solid #d1d5db;color:#374151;border-radius:6px}.user-menu-trigger:hover{background-color:#f3f4f6}.user-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:160px;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.user-dropdown-hidden{display:none!important}.user-dropdown-item{width:100%;padding:10px 14px;text-align:left;background:none;border:none;font-size:14px;color:#374151;cursor:pointer;transition:background-color .15s}.user-dropdown-item:hover{background-color:#f3f4f6;color:#111827}.user-dropdown-empty{padding:10px 14px;font-size:13px;color:#9ca3af;font-style:italic}.ql-editor{font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.ql-font-Roboto{font-family:Roboto,sans-serif}.ql-font-Arial{font-family:Arial,sans-serif}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-lineheight .ql-picker-item:before{content:attr(data-value)!important}.ql-snow .ql-picker.ql-lineheight .ql-picker-label:before{content:""!important}.ql-snow .ql-picker.ql-lineheight .ql-picker-label svg{display:inline-block!important;vertical-align:middle;width:18px;height:18px}.ql-snow .ql-picker.ql-font .ql-picker-item{font-family:attr(data-value)}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before{font-family:Arial}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Verdana]:before{font-family:Verdana}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Tahoma]:before{font-family:Tahoma}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Trebuchet MS"]:before{font-family:Trebuchet MS}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Times New Roman"]:before{font-family:Times New Roman}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Georgia]:before{font-family:Georgia}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Courier New"]:before{font-family:Courier New}.ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value]):before,.ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before{content:"Arial"!important}.ql-snow .ql-picker.ql-size .ql-picker-label:not([data-value]):before,.ql-snow .ql-picker.ql-size .ql-picker-item:not([data-value]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]:before{content:"16px"!important}#myDialog{padding:1.5rem;border-radius:8px;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a}#myDialog::backdrop{background:#00000080}.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-modal-card{background-color:#fff;width:100%;max-width:400px;padding:32px;border-radius:12px;position:relative;box-shadow:0 10px 25px #0003;box-sizing:border-box}.auth-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;line-height:1;color:#6b7280;cursor:pointer}.auth-close-btn:hover{color:#111827}.auth-title{font-size:24px;font-weight:700;color:#1f2937;text-align:center;margin:0 0 8px}.auth-instruction{font-size:14px;color:#6b7280;text-align:center;margin-bottom:20px;line-height:1.4}.auth-form-group{margin-bottom:16px}.auth-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.auth-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;box-sizing:border-box;outline:none}.auth-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.auth-btn-primary{width:100%;background-color:#2563eb;color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.auth-btn-primary:hover{background-color:#1d4ed8}.auth-links-container{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center}.auth-text-link{background:none;border:none;color:#2563eb;font-size:14px;font-weight:600;cursor:pointer;padding:0;text-decoration:none}.auth-text-link:hover{text-decoration:underline}.auth-prompt{font-size:14px;color:#6b7280;margin-top:10px}.auth-view-hidden{display:none!important}.auth-content-dimmed{opacity:.15;pointer-events:none;transition:opacity .25s ease}.auth-notice-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;z-index:20;border-radius:12px;animation:authNoticeFade .2s ease-out}.auth-notice-box{background:#fff;border:1px solid #e5e7eb;padding:24px;border-radius:10px;box-shadow:0 10px 25px #00000026;text-align:center;width:100%;max-width:280px}.auth-notice-message{font-size:14px;line-height:1.5;margin:0 0 16px;font-weight:500}.auth-notice-message.error{color:#dc2626}.auth-notice-message.success{color:#16a34a}.auth-notice-message.info{color:#2563eb}.auth-notice-btn{padding:8px 24px;border-radius:6px;border:none;background-color:#1f2937;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.auth-notice-btn:hover{background-color:#374151}@keyframes authNoticeFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.audio-annotator-wrapper{position:relative;font-family:system-ui,-apple-system,sans-serif;color:#333}.audio-annotator-text{border:1px solid #ccc;padding:15px;min-height:200px;line-height:1.8;border-radius:6px;background:#fff;outline:none;overflow-y:auto}.audio-annotator-text:focus{border-color:#007bff}.audio-annotator-text::-webkit-scrollbar{width:8px;background:transparent}.audio-annotator-text::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.audio-annotator-text:hover::-webkit-scrollbar-thumb{background:#c1c1c1}.audio-annotator-marker{display:inline-block;width:14px;height:14px;background-color:#007bff;border-radius:3px;margin:0 4px;cursor:pointer;vertical-align:text-bottom;box-shadow:0 1px 3px #0000004d;user-select:none}.audio-annotator-marker:hover{background-color:#0056b3;transform:scale(1.1)}.audio-annotator-popover{display:none;position:absolute;background:#fff;border:1px solid #e0e0e0;box-shadow:0 8px 24px #00000026;border-radius:8px;padding:5px;z-index:1000}.audio-annotator-toolbar{padding:6px}.audio-annotator-btn-icon{background:#f8f9fa;border:1px solid #ddd;cursor:pointer;border-radius:6px;padding:6px 12px;font-weight:600;color:#333}.audio-annotator-btn-icon:hover{background:#e9ecef}.audio-annotator-config-wrap{width:240px}.audio-annotator-group{margin-bottom:12px}.audio-annotator-group label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:#555}.audio-annotator-group select,.audio-annotator-group input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:13px}.audio-annotator-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.audio-annotator-btn{border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.audio-annotator-btn-primary{background:#007bff;color:#fff}.audio-annotator-btn-primary:hover{background:#0056b3}.audio-annotator-btn-cancel{background:#f1f3f5;color:#333}.audio-annotator-btn-cancel:hover{background:#e2e6ea}.audio-annotator-btn-danger{background:#dc3545;color:#fff;margin-right:auto}.scene-chart-container{height:85%!important}.scene-html-legend{height:15%!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden}#legend-container{container-type:inline-size;font-size:clamp(10px,2cqw,24px)}.scene-chart-container .bb text{font-size:1em!important}.scene-chart-container .bb svg text,.scene-chart-container .bb-axis text,.scene-chart-container .bb-text{font-size:var(--chart-font-size, 20px)}.scene-chart-container .bb-legend-item{font-size:20px}.scene-chart-container .bb-legend-item-event{height:1.5em!important;width:1.5em!important}.scene-chart-container .bb-legend-item rect{height:1em!important;width:1em!important;transform:translateY(-.25em)}.scene-chart-container .bb-tooltip-container{font-size:24px!important}.scene-chart-container .bb-tooltip th{padding:.4em!important}.scene-chart-container .bb-tooltip td{padding:.4em .6em!important}.scene-chart-container .bb-line{stroke-width:4px!important}.attrDiv:hover{cursor:pointer;background-color:#d3d3d3;transition:background-color .3s ease}.editable-container{position:relative;display:inline-block;min-width:300px;min-height:100px}.editable-container span,.editable-container textarea{position:absolute;top:0;left:0;width:100%;height:100%;padding:8px;box-sizing:border-box;font-family:inherit;font-size:inherit}.editable-container textarea{background:#fff;z-index:1;opacity:0}.editable-container textarea:focus{opacity:1}.editable-container span{z-index:0;white-space:pre-wrap}.editable-div{padding:2px;border:1px solid #ccc;min-width:100px;cursor:pointer;display:inline-block}.widget-header-title{font-size:12px;font-weight:600;color:#f8fafc;letter-spacing:.3px;font-family:system-ui,-apple-system,sans-serif}.widget-header-close{position:absolute;right:8px;cursor:pointer;font-size:16px;font-weight:700;color:#94a3b8;line-height:1;transition:color .2s ease}.widget-header-close:hover{color:#f8fafc}#wdr-component .wdr-grid-layout .wdr-cell{font-size:var(--wdr-custom-font-size, 30px)!important}.animate__Shutters-In{animation:1s shutters reverse}.animate__Shutters-Out{animation:1s shutters}@keyframes shutters{0%{clip-path:polygon(0% 0%,20% 0%,20% 100%,20% 100%,20% 0%,40% 0%,40% 100%,40% 100%,40% 0%,60% 0%,60% 100%,60% 100%,60% 0%,80% 0%,80% 100%,80% 100%,80% 0%,100% 0%,100% 100%,0% 100%)}to{clip-path:polygon(20% 0%,20% 0%,20% 100%,40% 100%,40% 0%,40% 0%,40% 100%,60% 100%,60% 0%,60% 0%,60% 100%,80% 100%,80% 0%,80% 0%,80% 100%,100% 100%,100% 0%,100% 0%,100% 100%,20% 100%)}}.melt-enter-active{animation:5s melt-enter}.melt-leave-active{animation:2s melt-leave}@keyframes melt-enter{0%{clip-path:path("M0 -0.12C8.33 -8.46 16.67 -12.62 25 -12.62C37.5 -12.62 35.91 0.15 50 -0.12C64.09 -0.4 62.5 -34.5 75 -34.5C87.5 -34.5 87.17 -4.45 100 -0.12C112.83 4.2 112.71 -17.95 125 -18.28C137.29 -18.62 137.76 1.54 150.48 -0.12C163.19 -1.79 162.16 -25.12 174.54 -25.12C182.79 -25.12 191.28 -16.79 200 -0.12L200 -34.37L0 -34.37L0 -0.12Z")}to{clip-path:path("M0 199.88C8.33 270.71 16.67 306.13 25 306.13C37.5 306.13 35.91 231.4 50 231.13C64.09 230.85 62.5 284.25 75 284.25C87.5 284.25 87.17 208.05 100 212.38C112.83 216.7 112.71 300.8 125 300.47C137.29 300.13 137.76 239.04 150.48 237.38C163.19 235.71 162.16 293.63 174.54 293.63C182.79 293.63 191.28 262.38 200 199.88L200 0.13L0 0.13L0 199.88Z")}}@keyframes melt-leave{0%{clip-path:path("M0 0C8.33 -8.33 16.67 -12.5 25 -12.5C37.5 -12.5 36.57 -0.27 50 0C63.43 0.27 62.5 -34.37 75 -34.37C87.5 -34.37 87.5 -4.01 100 0C112.5 4.01 112.38 -18.34 125 -18.34C137.62 -18.34 138.09 1.66 150.48 0C162.86 -1.66 162.16 -25 174.54 -25C182.79 -25 191.28 -16.67 200 0L200 200L0 200L0 0Z")}to{clip-path:path("M0 200C8.33 270.83 16.67 306.25 25 306.25C37.5 306.25 36.57 230.98 50 231.25C63.43 231.52 62.5 284.38 75 284.38C87.5 284.38 87.5 208.49 100 212.5C112.5 216.51 112.38 300.41 125 300.41C137.62 300.41 138.09 239.16 150.48 237.5C162.86 235.84 162.16 293.75 174.54 293.75C182.79 293.75 191.28 262.5 200 200L200 200L0 200L0 200Z")}}.files-sidebar{display:flex;flex-direction:column;gap:8px}.files-sidebar-title{margin:0 0 16px;font-size:16px}.files-sidebar-empty{color:#666;font-size:14px}.attached-file-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb}.attached-file-info{display:flex;flex-direction:column}.attached-file-name{font-weight:500;font-size:14px}.attached-file-status{font-size:12px}.attached-file-status.status-completed{color:#16a34a}.attached-file-status.status-failed{color:#dc2626}.attached-file-status.status-processing{color:#6b7280}.attached-file-remove{background:none;border:none;font-size:20px;cursor:pointer;color:#9ca3af;transition:color .2s ease}.attached-file-remove:hover{color:#ef4444}.source-selection-wrapper{width:100%;max-width:600px;margin:0 auto;padding:20px;text-align:center}.source-selection-title{margin:0 0 10px;font-size:20px;font-weight:600;color:#333}.source-selection-subtitle{margin:0 0 32px;font-size:14px;color:#666}.source-selection-options{display:flex;justify-content:center;gap:20px}@media(max-width:600px){.source-selection-options{flex-direction:column}}.source-option-btn{flex:1;padding:30px 20px;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .2s ease}#btn-choose-existing{border:2px solid #e2e8f0}.source-option-btn:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.source-icon{font-size:32px;margin-bottom:16px}.source-title{font-size:16px;font-weight:600;color:#334155;margin-bottom:8px}.source-desc{font-size:13px;color:#94a3b8;line-height:1.4}.source-cancel-wrapper{margin-top:40px}.source-cancel-btn{padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;border:1px solid #ccc;background-color:#f8f9fa;color:#333;transition:background-color .2s ease}.source-cancel-btn:hover{background-color:#e2e8f0}.attachment-manager-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px;width:100%;align-items:start;padding:20px;box-sizing:border-box}@media(max-width:800px){.attachment-manager-layout{grid-template-columns:1fr}}:host{display:block;width:100%}.grid-container,.grid,#grid{position:relative;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;margin-bottom:30px}.cards-view-container{overflow-anchor:none;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;gap:16px;padding:0;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;min-height:0;flex-grow:1;box-sizing:border-box;margin:auto 0;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}.cards-view-container>:first-child{margin-left:auto}.cards-view-container>:last-child{margin-right:auto}.cards-view-container::-webkit-scrollbar{height:8px}.cards-view-container::-webkit-scrollbar-track{background:transparent}.cards-view-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fffffff2;border:1px solid #e2e8f0;box-shadow:0 4px 12px -2px #00000026;color:#0f172a;font-size:20px;font-weight:700;cursor:pointer;z-index:100;opacity:0;transition:opacity .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow.left{left:16px}.carousel-arrow.right{right:16px}#grid:hover .carousel-arrow{opacity:1}#grid .carousel-arrow.disabled{opacity:0;pointer-events:none}.carousel-snap-track .card{scroll-snap-align:center;scroll-snap-stop:always}#grid>*:not(.cards-view-container):not(.carousel-arrow){display:flex;flex-direction:column;flex:1;min-height:0;width:100%;box-sizing:border-box}.grid-tabs-container{display:flex;align-items:center;width:100%;padding:8px 16px;box-sizing:border-box;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.tabs-left-group{display:flex;align-items:center;gap:16px}.tabs-right-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.grid-tab-btn{padding:10px 20px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;background:none;border:none;border-bottom:3px solid transparent;color:#555;transition:color .2s ease,border-color .2s ease;margin-bottom:-2px;white-space:nowrap}.grid-tab-btn:hover:not(.active){color:#222;border-bottom-color:#ccc}.grid-tab-btn.active{color:#007bff;border-bottom-color:#007bff}.nav-action-btn{background:transparent;border:none;border-radius:6px;padding:6px 10px;font-size:16px;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.nav-action-btn:hover{background:#f1f5f9;color:#0f172a}.nav-global-menu-btn{background:transparent;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.nav-global-menu-btn:hover{color:#0f172a}.nav-action-btn:disabled,.nav-global-edit-btn:disabled,.nav-add-to-story-btn:disabled{opacity:.5;color:#94a3b8!important;cursor:not-allowed;border-color:#e2e8f0!important;pointer-events:none}.cards-view-container .card{position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important;flex:0 0 400px;margin:0!important;background:var(--st-secondary-background-color, #ffffff);border:1px solid var(--st-border-color, #e2e8f0);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d}.cards-view-container .card .image-wrapper{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;width:100%!important;background-color:var(--st-background-color, #f1f5f9)}.cards-view-container .card .card-title-container{position:relative!important;margin:0!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:32px 1fr 32px!important;align-items:center!important;padding:12px 16px!important;background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;border-radius:12px 12px 0 0!important;width:100%!important;flex-shrink:0!important}.cards-view-container .card .scene-title{margin:0!important;font-size:16px!important;font-weight:600!important;color:#0f172a!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important}.cards-view-container .card .title-menu-slot{display:flex;justify-content:flex-end;opacity:.3;transition:opacity .2s ease}.cards-view-container .card .media-content{position:relative!important;width:100%;aspect-ratio:16 / 9;max-height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cards-view-container .card .media-content img{width:100%;height:100%;object-fit:cover;display:block}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.header-left{display:flex;align-items:center;gap:8px}.header-actions{display:flex;align-items:center;gap:6px}.maximize-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:2px 6px;color:#64748b;transition:color .15s ease}.maximize-toggle-btn:hover{color:#0f172a}.card-content{position:relative;transition:all .2s ease-in-out;flex-grow:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:16px;box-sizing:border-box}.card-content>.card-header,.card-content>.inline-audio-player-container{flex-shrink:0}.card-content>.card-footer{flex:1;min-height:0;display:flex;flex-direction:column}.card-content .description{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.dialogue-line{scroll-margin-top:20px}.help-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#e2e8f0;border:1px solid #cbd5e1;color:#475569;font-size:12px;font-weight:700;cursor:pointer;line-height:1;transition:all .2s ease;padding:0}.help-icon-btn:hover{background-color:#007bff;border-color:#007bff;color:#fff}.update-request-textarea{width:100%;flex:1;min-height:60px;resize:none;box-sizing:border-box;padding:8px;overflow-y:auto;border:1px solid var(--st-border-color, #ccc);border-radius:4px;outline:none;font-size:13px;margin-top:8px;color:var(--st-text-color, #334155);background:var(--st-secondary-background-color, #ffffff)}.card-action-bar{display:none;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px}.cancel-edit-btn{padding:6px 12px;border:1px solid #cbd5e1;background:#fff;border-radius:4px;cursor:pointer}.submit-edit-btn{padding:6px 14px;border:none;background:#2563eb;color:#fff;border-radius:4px;cursor:pointer}.submit-edit-btn:disabled{opacity:.5}.cards-view-container.presenter-mode-active{scroll-snap-type:x mandatory;align-items:center;padding-left:45vw!important;padding-right:45vw!important}.cards-view-container.presenter-mode-active:after,.cards-view-container.presenter-mode-active:before{content:"";flex:0 0 45vw;display:block}.cards-view-container.presenter-mode-active .card{transition:all .4s cubic-bezier(.25,.8,.25,1);opacity:.3;transform:scale(.55);margin:0 -40px!important;scroll-snap-align:center;cursor:pointer}.cards-view-container.presenter-mode-active .card:first-of-type{margin-left:0!important}.cards-view-container.presenter-mode-active .card:last-of-type{margin-right:0!important}.cards-view-container.presenter-mode-active .card.focused-card{opacity:1;transform:scale(1);width:50vw!important;flex:0 0 50vw!important;max-width:none!important;height:75vh!important;flex-direction:row!important;pointer-events:auto;box-shadow:0 10px 30px #0000004d}.cards-view-container.presenter-mode-active .card.focused-card .image-wrapper{width:50%!important;height:100%!important;border-right:1px solid #e2e8f0;display:flex!important;flex-direction:column!important;background-color:#f8fafc}.cards-view-container.presenter-mode-active .card.focused-card .media-content{aspect-ratio:auto!important;max-height:none!important;flex-grow:1!important;height:auto!important;overflow:hidden!important}.cards-view-container.presenter-mode-active .card.focused-card .card-bottom-panels{width:50%!important;height:100%!important;display:flex!important;flex-direction:column!important;flex:1;min-height:0}.cards-view-container.presenter-mode-active .card.focused-card .card-content{flex:1!important;display:flex!important;flex-direction:column!important;overflow-y:hidden!important;overflow-x:hidden!important;box-sizing:border-box!important;min-height:0}.cards-view-container.presenter-mode-active .card.focused-card .card-footer{flex:1!important;overflow-y:auto!important;min-height:0;padding-bottom:16px}.cards-view-container.presenter-mode-active .card.focused-card .update-request-textarea{flex-grow:1}.cards-view-container.presenter-mode-active .card.focused-card .maximize-toggle-btn{display:none!important}.role-chips-bar{flex:1;display:flex;align-items:center;overflow-x:auto;gap:8px;margin:0 12px -6px 0;padding:3px;-webkit-overflow-scrolling:touch;transition:scrollbar-color .3s ease,opacity .2s;scrollbar-width:thin;scrollbar-color:transparent transparent;overflow:visible}.role-chips-bar:hover{scrollbar-color:rgba(156,163,175,.8) transparent}.role-chips-bar::-webkit-scrollbar{height:4px;display:none}.role-chips-bar:hover::-webkit-scrollbar{display:block}.role-chips-bar::-webkit-scrollbar-track{background:transparent}.role-chips-bar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.role-chips-bar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.role-chip{flex-shrink:0;border:1px solid #cbd5e1;background-color:#f8fafc;color:#475569;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;cursor:pointer;white-space:nowrap;transition:all .2s ease;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.role-chip:hover{transform:translateY(-1px)}.role-chip.active{background-color:#eff6ff;color:#1e40af;box-shadow:0 0 0 2px #3b82f6,0 4px 6px -1px #3b82f633;font-weight:700;transform:scale(1.05) translateY(-1px)}.role-chip.is-playing{animation:pulse-border 1.5s infinite ease-in-out}.chip-deselect-badge{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #0003;z-index:10;display:none}.role-chip.active .chip-deselect-badge{display:flex}.mini-play-btn{width:24px;height:24px;border-radius:50%;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;padding-left:2px;box-shadow:0 1px 3px #00000026;flex-shrink:0;transition:background-color .15s ease}.mini-play-btn:hover{background-color:#2563eb}.slim-scrubber-container{display:flex;gap:4px;width:100%;height:4px;margin:4px 0 8px;padding:0 12px;box-sizing:border-box}.scrubber-segment{flex:1;background-color:#e2e8f0;border-radius:2px;overflow:hidden}.scrubber-fill{height:100%;width:0%;background-color:#3b82f6;transition:width .1s linear}.scene-badge{position:absolute;top:10px;left:10px;background:#0f172ad9;backdrop-filter:blur(4px);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;z-index:10}.content-type-badge{display:inline-block;align-self:flex-start;flex-shrink:0;font-size:11px;font-weight:500;color:#495057;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:2px 6px;line-height:1.2}.updated-badge{position:absolute;top:10px;right:42px;background:#10b981;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;z-index:10}.dropdown-menu{position:absolute;background:#fff;border:2px solid #111827;border-radius:8px;box-shadow:0 10px 25px #00000040;padding:6px;min-width:160px;z-index:1000;display:flex;flex-direction:column;gap:2px}.grid-dropdown-menu{top:calc(100% + 4px);right:0}.card-menu-btn{top:8px;right:8px}.card-dropdown-menu{top:42px;right:8px}.dropdown-item{width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;color:#111827;transition:background-color .15s ease;display:flex;align-items:center}.dropdown-item:hover{background-color:#e5e7eb}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background-color:#fef2f2}.unified-menu-btn{position:absolute;width:28px;height:28px;border:none;border-radius:50%;background:#0f172abf;backdrop-filter:blur(4px);color:#fff;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:background-color .15s ease,transform .15s ease}.unified-menu-btn:hover{background:#0f172af2;transform:scale(1.08)}.universal-card-footer{display:none}.card .description{display:block}.card.is-maximized{position:relative;overflow:hidden}.card.is-maximized:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#ffffffd9;z-index:20}.card.is-maximized .card-bottom-panels{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:30;padding:0 0 40px;box-sizing:border-box;background:transparent;display:flex;flex-direction:column}.card.is-maximized .active-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto}.card.is-maximized .card-header{margin-top:12px;flex-shrink:0}.card.is-maximized .description .dialogue-line{white-space:normal;margin-bottom:8px}.card.is-maximized .floating-tabs-container{display:none!important}.card.is-maximized:not(.is-editing) .universal-card-footer{display:none!important}.card.is-editing{position:relative;overflow:hidden}.card.is-editing .universal-card-footer .edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;width:100%}.card.is-editing .universal-card-footer{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:50;padding:16px;box-sizing:border-box;background-color:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column}.card.is-editing .universal-card-footer .update-request-textarea{display:block!important;flex:1;width:100%;margin-bottom:12px;padding:16px;box-sizing:border-box;border:3px solid #3b82f6;border-radius:8px;resize:none;font-size:16px;background-color:transparent}.card.is-editing .universal-card-footer .card-action-bar{display:flex!important;justify-content:flex-end;flex-shrink:0}.card.is-editing .card-bottom-panels{display:none!important}@media(prefers-color-scheme:dark){.card.is-maximized:before,.card.is-editing .universal-card-footer{background-color:#0f172ad9!important}.card.is-editing .universal-card-footer .update-request-textarea{color:#fff}}.card-content .content-type-badge{display:inline-block}.universal-card-footer .edit-header .content-type-badge,.card.is-editing .card-content .content-type-badge{display:none}.card.is-editing .universal-card-footer .edit-header .content-type-badge{display:inline-block}#grid.grid-is-loading .card{opacity:.45;filter:grayscale(25%);pointer-events:none;transition:opacity .2s ease,filter .2s ease}.grid-message-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffbf;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto;border-radius:12px}.grid-message-box{position:relative;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:12px;padding:24px 32px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;text-align:center;font-weight:600;font-size:15px}.grid-message-action-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 6px -1px #2563eb33}.grid-message-action-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.grid-message-close-btn{position:absolute;top:8px;right:10px;background:transparent;border:none;font-size:20px;line-height:1;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.grid-message-close-btn:hover{color:#000;background-color:#0000000f}.grid-message-spinner{width:18px;height:18px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:grid-spin .8s linear infinite;flex-shrink:0}@keyframes grid-spin{to{transform:rotate(360deg)}}.pending-image-box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:180px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:600;text-align:center;border:2px dashed #cbd5e1;border-radius:8px;padding:16px;box-sizing:border-box}.error-box{padding:16px;font-size:12px;color:#991b1b;background-color:#fef2f2;text-align:center;width:100%}.empty-state{text-align:center;padding:30px;color:var(--st-text-color, #64748b);font-size:14px;width:100%}.story-layout-row{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:stretch;max-width:1050px;margin:0 auto;width:100%}.story-layout-row .initial-prompt-wrapper{flex:1;max-width:800px;margin:0}.files-sidebar{width:250px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.files-sidebar-title{margin:0 0 10px;font-size:14px;color:#334155;font-weight:600}.files-sidebar-empty{margin:0;font-size:12px;color:#94a3b8;font-style:italic}.attached-file-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #cbd5e1;padding:8px 12px;border-radius:6px;font-size:13px}.attached-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.attached-file-remove{background:none;border:none;color:#ef4444;font-size:18px;line-height:1;cursor:pointer;padding:0 0 0 8px}.story-layout-module{font-family:system-ui,-apple-system,sans-serif;max-width:900px;margin:20px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d}.story-layout-module h3{text-align:center;color:#2c3e50;margin-bottom:25px}.story-layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.layout-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:15px 10px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fafafa}.layout-card:hover{border-color:#bdc3c7;background:#f1f2f6}.layout-card.active{border-color:#3498db;background:#ebf5fb;box-shadow:0 4px 10px #3498db33}.layout-name{margin-top:15px;font-size:14px;font-weight:600;color:#333;text-align:center}.layout-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);width:180px;background:#2c3e50;color:#fff;font-size:12px;text-align:center;padding:10px 12px;border-radius:6px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;pointer-events:none;box-shadow:0 4px 12px #00000026}.layout-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#2c3e50 transparent transparent transparent}.layout-card:hover .layout-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.layout-thumb{width:80px;height:60px;background:#e0e0e0;border-radius:6px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.layout-card.active .layout-thumb{background:#d6eaf8}.thumb-slideshow:before,.thumb-slideshow:after{content:"";position:absolute;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.thumb-slideshow:before{border-right:6px solid #7f8c8d;left:8px}.thumb-slideshow:after{border-left:6px solid #7f8c8d;right:8px}.thumb-scroll{background:transparent;flex-direction:column;gap:4px}.thumb-scroll div{width:80px;height:16px;background:#e0e0e0;border-radius:3px}.thumb-scroll div:nth-child(2){background:#95a5a6}.layout-card.active .thumb-scroll div:nth-child(2){background:#3498db}.thumb-split{background:transparent;border:2px solid #e0e0e0}.thumb-split:before{content:"";width:50%;height:100%;background:#bdc3c7;position:absolute;left:0}.thumb-split:after{content:"";width:30%;height:2px;background:#95a5a6;position:absolute;right:10%;top:30%;box-shadow:0 8px #95a5a6,0 16px #95a5a6}.thumb-timeline{background:transparent}.thumb-timeline:before{content:"";position:absolute;width:80%;height:2px;background:#95a5a6}.thumb-timeline:after{content:"";position:absolute;width:8px;height:8px;background:#7f8c8d;border-radius:50%;box-shadow:-25px 0 #7f8c8d,25px 0 #7f8c8d}.thumb-reel:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #7f8c8d}.thumb-grid{background:transparent;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;width:60px;height:60px}.thumb-grid div{background:#e0e0e0;border-radius:3px;width:100%;height:100%}.layout-card.active .thumb-grid div{background:#3498db}.story-player{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}.story-stage{flex:1;width:100%;height:100%;min-height:0;position:relative;display:flex;flex-direction:column}.story-item{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#000}.visual-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.visual-container img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}.visual-container div[id^=chart-slot-],.chart-slot{width:100%;flex:1;min-height:0;height:100%}.scene-html-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.8em;padding:10px 0;flex-shrink:0}.text-container{box-sizing:border-box;color:#333;font-size:var(--story-font-size, 20px);line-height:1.5;overflow-y:auto;scrollbar-width:thin;transition:font-size .2s ease;display:flex;flex-direction:column}.story-item .ui-layer{opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%}.story-item.user-active .ui-layer{opacity:1;pointer-events:none}.ui-action-btn{position:absolute;background:#0009;color:#fff;border:none;cursor:pointer;box-sizing:border-box;transition:all .2s ease;z-index:12;display:flex;justify-content:center;align-items:center;pointer-events:auto}.ui-action-btn:hover{background:#000000e6;transform:scale(1.05)}.ui-action-btn.action-prev,.ui-action-btn.action-next{top:50%;transform:translateY(-50%);border-radius:50%;width:45px;height:45px;font-size:20px}.ui-action-btn.action-next{right:15px;transition:right .3s ease}.ui-script-controls{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:12;pointer-events:auto;transition:right .3s ease}.ui-action-btn.action-toggle-text{position:relative;border-radius:20px;padding:0 14px;height:45px;font-size:14px;font-weight:600;gap:6px}.ui-action-btn.action-toggle-text.active{background:#3b82f6;box-shadow:0 0 10px #3b82f680}.ui-font-controls{display:inline-flex;gap:5px;margin-left:5px}.ui-font-controls .ui-action-btn{position:relative;border-radius:50%;width:45px;height:45px;font-size:14px;font-weight:700}.layout-slideshow .story-item.show-text .ui-action-btn.action-next,.layout-reel .story-item.show-text .ui-action-btn.action-next,.layout-slideshow .story-item.show-text .ui-script-controls,.layout-reel .story-item.show-text .ui-script-controls{right:365px!important}.cinematic-role-badge{position:absolute;bottom:100px;left:20px;z-index:25;display:flex;align-items:center;gap:8px;background:#000000bf;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,bottom .3s ease;box-shadow:0 4px 12px #0000004d}.cinematic-role-badge.is-visible{opacity:1;transform:translateY(0)}.cinematic-role-badge.is-paused{opacity:.5}.cinematic-role-badge .audio-equalizer-icon{font-size:12px;color:#4ade80}.cinematic-role-badge:not(.is-paused) .audio-equalizer-icon{animation:audio-pulse .8s infinite alternate ease-in-out}@keyframes audio-pulse{0%{opacity:.5}to{opacity:1;text-shadow:0 0 6px rgba(74,222,128,.6)}}.layout-slideshow .story-item.show-text .cinematic-role-badge,.layout-reel .story-item.show-text .cinematic-role-badge{bottom:20px}.scrubber-segment{flex:1;background-color:#ffffff4d;border-radius:2px;overflow:hidden;transition:flex .3s ease;position:relative;cursor:pointer;height:6px}.scrubber-segment:hover{transform:scaleY(1.5)}.scrubber-segment.is-missing{background-color:#ffffff1a;cursor:not-allowed}.story-player.layout-slideshow .story-item,.story-player.layout-reel .story-item{display:none;flex-direction:row}.story-player.layout-slideshow .story-item.active,.story-player.layout-reel .story-item.active{display:flex}.layout-slideshow .visual-container,.layout-reel .visual-container{flex:1;min-width:0;height:100%;position:relative}.layout-slideshow .text-container,.layout-reel .text-container{display:none!important}.layout-slideshow .story-item.user-active:not(.show-text) .text-container,.layout-reel .story-item.user-active:not(.show-text) .text-container{display:flex!important;position:absolute!important;top:auto!important;bottom:0!important;left:0!important;width:100%!important;height:auto!important;max-height:150px!important;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%)!important;padding:40px 20px 15px!important;z-index:20!important;pointer-events:none!important;flex-direction:column!important;justify-content:flex-end!important}.story-item.user-active:not(.show-text) .text-container .card-header,.story-item.user-active:not(.show-text) .text-container .card-footer{display:none!important}.story-item.user-active:not(.show-text) .text-container>div{background:transparent!important;padding:0!important;box-shadow:none!important;border:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.story-item.user-active:not(.show-text) .text-container .audio-player-slot{display:block!important;width:100%!important;pointer-events:auto!important;opacity:1!important}.layout-split-screen .story-item:not(.active),.layout-timeline .story-item:not(.active){display:none}.layout-split-screen .story-item.active,.layout-timeline .story-item.active{display:flex!important;flex-direction:row}.layout-split-screen .visual-container,.layout-timeline .visual-container{flex:1;min-width:0;height:100%}.layout-split-screen .text-container,.layout-timeline .text-container{position:relative;width:35%;min-width:250px;height:100%;max-height:100%;padding:0;background:#f8f9fa;border-left:1px solid #e9ecef;display:flex;z-index:5}.layout-split-screen .ui-action-btn.action-next,.layout-timeline .ui-action-btn.action-next,.layout-split-screen .ui-script-controls,.layout-timeline .ui-script-controls{right:calc(35% + 15px)!important}.story-player.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:24px;padding:16px;overflow-y:auto;background:#f1f5f9}.story-player.layout-grid .story-item{display:flex!important;flex-direction:row;height:320px;border:1px solid #e9ecef;border-radius:8px;background:#fff;box-shadow:0 4px 6px #0000000d}.layout-grid .visual-container{flex:1;height:100%;display:flex;flex-direction:column;min-width:0}.layout-grid .text-container{position:relative;width:35%;min-width:160px;height:100%;max-height:100%;padding:0;background:#f8f9fa;border-left:1px solid #e9ecef;display:flex}.layout-grid .ui-layer{display:none!important}.story-player.layout-scrollytelling{overflow-y:auto;overflow-x:hidden;background:#f8f9fa}.layout-scrollytelling .story-stage{gap:40px;padding-bottom:40px;display:flex;flex-direction:column;height:auto;min-height:max-content}.layout-scrollytelling .story-item{flex-direction:column;height:auto;min-height:60vh}.layout-scrollytelling .text-container{position:relative;padding:0;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:8px;margin:20px 0;z-index:5;height:40vh;border:1px solid #e2e8f0}.story-player.layout-timeline{display:flex;flex-direction:column}.layout-timeline .timeline-track{display:flex;align-items:center;justify-content:space-between;position:relative;padding:15px 20px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;z-index:20;box-shadow:0 2px 4px #00000005}.layout-timeline .timeline-line{position:absolute;top:50%;left:30px;right:30px;height:2px;background:#e2e8f0;z-index:0;transform:translateY(-50%)}.layout-timeline .timeline-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:6px}.layout-timeline .timeline-dot{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #94a3b8;transition:all .2s ease}.layout-timeline .timeline-label{font-size:11px;font-weight:600;color:#64748b;white-space:nowrap;transition:color .2s ease}.layout-timeline .timeline-node:hover .timeline-dot{border-color:#3b82f6}.layout-timeline .timeline-node:hover .timeline-label{color:#3b82f6}.layout-timeline .timeline-node.active .timeline-dot{background:#3b82f6;border-color:#3b82f6;transform:scale(1.3);box-shadow:0 0 0 4px #3b82f633}.layout-timeline .timeline-node.active .timeline-label{color:#1e293b;font-weight:700}.ui-action-btn{position:absolute;background:#0009;color:#fff;border:none;cursor:pointer;z-index:12;box-sizing:border-box}.ui-action-btn.action-prev,.ui-action-btn.action-next{top:50%;transform:translateY(-50%);border-radius:50%;width:45px;height:45px;font-size:20px;transition:background-color .2s ease}.ui-action-btn.action-prev{left:15px}.ui-action-btn.action-next{right:15px}.ui-action-btn.action-toggle-text{position:relative;border-radius:20px;padding:0 14px;height:45px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.ui-action-btn.action-toggle-text.active{background:#2196f3}.layout-split-screen .ui-action-btn.action-next,.layout-timeline .ui-action-btn.action-next{right:calc(35% + 15px)!important}.story-item .ui-layer{opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.story-item.user-active .ui-layer{opacity:1;pointer-events:auto}.story-player.layout-slideshow .narration-mount-slot,.story-player.layout-reel .narration-mount-slot{display:none}.story-item.user-active .narration-mount-slot{display:flex!important;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:20px 10px 10px;z-index:20}.story-item.user-active:not(.show-text) .card-footer,.story-item.user-active:not(.show-text) .role-chips-bar{display:none}.story-item.show-text .narration-mount-slot{display:flex!important;position:relative;background:#fff;padding:0;max-height:40%}.story-item.show-text .card-footer,.story-item.show-text .role-chips-bar{display:flex}.ui-script-controls{position:absolute;top:15px;left:15px;display:flex;gap:10px;z-index:12;pointer-events:auto}.ui-script-controls .ui-action-btn{position:relative;top:auto;left:auto;border-radius:20px;padding:0 14px;height:45px;font-size:14px;font-weight:600;display:flex;align-items:center}.ui-font-controls{position:absolute;bottom:20px;right:25px;display:flex;gap:6px;pointer-events:auto;z-index:15}.ui-font-controls .ui-action-btn{position:static;transform:none;width:32px;height:32px;border-radius:4px;font-size:13px;font-weight:700;opacity:1;pointer-events:auto}.ui-font-controls .ui-action-btn:hover{background:#ffffffe6;color:#000}.ui-action-btn.center-play-btn{top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;font-size:28px;border-radius:50%;background:#00000080;backdrop-filter:blur(4px);transition:all .3s ease}.ui-action-btn.center-play-btn:hover{transform:translate(-50%,-50%) scale(1.15);background:#000000d9}.layout-slideshow .story-item.show-text .center-play-btn,.layout-reel .story-item.show-text .center-play-btn{left:calc(50% - 175px)!important}@keyframes pulse-next-prompt{0%{box-shadow:0 0 #2563ebb3;background-color:#2563eb;color:#fff}70%{box-shadow:0 0 0 10px #2563eb00;background-color:#3b82f6;color:#fff}to{box-shadow:0 0 #2563eb00;background-color:#2563eb;color:#fff}}.pulse-next-btn{animation:pulse-next-prompt 1.5s infinite;border-color:#2563eb!important;border-radius:50%;transition:all .3s ease}#script-row{display:none;flex-direction:column;width:100%;flex:1 1 0%;box-sizing:border-box;padding:0 10px;min-height:500px;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;display:flex;justify-content:center;align-items:center}#story-save-modal .save-view-container,#story-save-modal .load-view-container{background:#fff!important;color:#334155!important;border-radius:12px;box-shadow:0 10px 25px #0003;padding:24px;width:100%;max-width:600px;box-sizing:border-box}#story-save-modal select,#story-save-modal input{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important}.text-slide-content h2,.text-slide-content h3{margin-top:0;color:#1e293b;line-height:1.2}.text-slide-content ul{padding-left:24px;font-size:1.1em;color:#334155}.text-slide-content blockquote{border-left:4px solid #3b82f6;margin:1.5em 0;padding-left:1em;font-style:italic;color:#475569}.active-keypoint-overlay{position:absolute;top:60px;left:50%;transform:translate(-50%) translateY(0);z-index:10;max-width:90%;background:#0f172ad9;color:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a;font-size:14px;font-weight:500;text-align:center;line-height:1.4;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease}.active-keypoint-overlay.is-visible{opacity:1;transform:translate(-50%) translateY(5px)}.dialogue-scroll-container{overflow-y:auto;padding-bottom:50vh;scroll-behavior:smooth;flex:1 1 auto;min-height:0}.dialogue-line{padding:8px 12px;margin-bottom:4px;border-radius:8px;transition:all .3s ease;opacity:1;background-color:transparent;transform:scale(1)}.dialogue-line.is-dimmed{opacity:.4}.dialogue-line.is-playing-active{opacity:1;background-color:#eff6ff;transform:scale(1.01);font-weight:500}.media-payload img,.media-payload svg,.media-payload canvas{max-width:100%!important;max-height:100%!important;object-fit:contain!important;flex-shrink:1;height:auto;width:auto}html,body{margin:0;padding:0;box-sizing:border-box;background-color:#fff;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}#root{width:100%;min-height:100vh}#app-workspace{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}:root{--app-font: "Poppins", sans-serif}body{font-family:var(--app-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}input,button,select,textarea{font-family:inherit!important;font-size:13px}h1,h2,h3,h4,h5,h6{font-weight:600;color:#111827;margin-top:0;margin-bottom:.5rem}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}html,body{height:auto!important;min-height:100vh;overflow-y:auto!important;overflow-x:hidden}#landing-page{display:block;width:100%}.hero-section{padding:3.5rem 2rem 2rem;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 0%,#f8fafc,#fff 70%)}.hero-content{max-width:1000px;width:100%;margin:0 auto}.hero-title{display:inline-block;text-align:left;font-size:3.25rem;line-height:1.2;font-weight:800;color:#0f172a;text-shadow:none!important;letter-spacing:-.02em;margin:0 0 1.25rem;width:100%}.hero-title-secondary{color:#334155;font-weight:700;font-size:2.5rem}.word-rotator{display:inline-flex;justify-content:flex-start;align-items:center;min-width:300px;width:300px}.rotating-word{background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .4s ease-in-out,transform .4s cubic-bezier(.175,.885,.32,1.275)}.rotating-word.hide{opacity:0;transform:translateY(15px) scale(.95)}.rotating-word.show{opacity:1;transform:translateY(0) scale(1)}.hero-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;text-align:left;margin-top:1rem}.hero-subtitle{flex:1;font-size:1.15rem;font-weight:500;color:#334155;line-height:1.6;margin:0}.hero-subtitle strong{color:#1e293b;font-weight:700}.hero-actions{display:flex;flex-direction:column;gap:.6rem;min-width:220px;flex-shrink:0}.btn-primary,.btn-secondary{width:100%;text-align:center;padding:10px 20px;font-size:.975rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#2563eb;color:#fff;border:none}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.ai-driven-section{padding:2.5rem 2rem 4rem;background-color:#f8fafc;border-top:1px solid #e5e7eb;display:block!important;width:100%;box-sizing:border-box}.ai-driven-content{max-width:1200px;margin:0 auto}.ai-header{text-align:center;max-width:700px;margin:0 auto 3rem}.ai-title{font-size:2.5rem;font-weight:800;color:#111827;margin-bottom:1rem;margin-top:0}.ai-highlight{background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ai-subtitle{font-size:1.15rem;color:#6b7280;line-height:1.6}.ai-features-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:2rem!important;width:100%;box-sizing:border-box}.ai-feature-card{display:flex!important;flex-direction:column;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:2.5rem 2rem!important;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d!important}.ai-feature-card:hover{transform:translateY(-4px);border-color:#bfdbfe!important;box-shadow:0 12px 25px -5px #2563eb1a!important}.ai-icon-wrapper{width:48px;height:48px;background-color:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.card-title{font-size:1.25rem!important;font-weight:700!important;margin-top:0!important;margin-bottom:.75rem!important;color:#0f172a!important}.card-text{font-size:.975rem!important;color:#64748b!important;line-height:1.6!important;margin:0!important}@media(max-width:1024px){.hero-title{font-size:3rem}.hero-title-secondary{font-size:2.25rem}}@media(max-width:768px){.hero-bottom-row{flex-direction:column;text-align:center;gap:1.5rem}.hero-actions{flex-direction:row;width:100%;min-width:unset}.hero-title{text-align:center;font-size:2.25rem}.hero-title-secondary{font-size:1.75rem}.word-rotator{width:250px;min-width:250px;justify-content:center}.hero-section{padding:2.5rem 1.25rem 1.5rem}.ai-driven-section{padding:2rem 1.25rem 3rem}.ai-title{font-size:2rem}}.card-bottom-panels{flex:1;position:relative;min-height:150px;overflow-y:auto}.universal-card-footer{border-top:1px solid #eee;padding:12px;background:#fff;border-radius:0 0 8px 8px}.image-wrapper{position:relative}.floating-tabs-container{position:absolute;bottom:8px;left:8px;z-index:10;display:flex;flex-direction:row;align-items:center;gap:2px;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:3px;box-shadow:0 2px 8px #00000040;border:none;width:auto}.floating-tabs-container .tab-btn{background:transparent;border:none;color:#fff9;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin:0;outline:none}.floating-tabs-container .tab-btn:hover{color:#fff;background-color:#ffffff1a}.floating-tabs-container .tab-btn.active{background-color:#ffffff40;color:#fff;border:none;box-shadow:none}.card.is-annotating .card-content,.card.is-annotating .key-points-content,.card.is-annotating .floating-tabs-container{display:none!important}.card.is-annotating .card-bottom-panels{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;background:#fff;display:flex;flex-direction:column}.card-bottom-panels .annotator-wrapper{flex:1;width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.annotation-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #eee;padding:12px 16px 8px}.annotation-overlay-header h3{margin:0;font-size:15px;color:#333}.annotation-close-btn{background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 8px;font-weight:700;color:#666;transition:all .2s ease}.annotation-close-btn:hover{background:#f1f3f5;color:#333}.annotator-turn-row{margin-bottom:12px;display:flex;flex-direction:column;gap:4px;padding:0 16px}.annotator-role-label{user-select:none;color:#444;white-space:nowrap}.annotator-text-block{flex:1;outline:none;line-height:1.5;padding:2px 6px;margin-left:-6px;transition:background-color .2s ease}.annotator-text-block:focus{background-color:#f8f9fa;border-radius:4px}.widget-header{position:relative;width:100%;height:24px;background-color:#1e293b;border-bottom:1px solid #334155;border-top-left-radius:9px;border-top-right-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 8px;box-sizing:border-box;cursor:move;user-select:none}.card-annotation-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100;box-sizing:border-box;padding:16px;flex-direction:column}.annotator-toolbar{display:flex;gap:8px}.annotator-config-wrap{display:flex;flex-direction:column;gap:12px}.annotator-group{display:flex;flex-direction:column;gap:4px}.annotator-group label{font-size:12px;font-weight:600;color:#555}.annotator-input,#annotator-hl-series,#annotator-hl-data{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:13px}.annotator-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.annotator-btn{padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;border:none;font-weight:500}.annotator-btn-primary{background:#1976d2;color:#fff}.annotator-btn-primary:hover{background:#1565c0}.annotator-btn-cancel{background:#f1f3f5;color:#333}.annotator-btn-cancel:hover{background:#e9ecef}.annotator-btn-danger{background:#ffebee;color:#d32f2f;margin-right:auto}.annotator-btn-danger:hover{background:#ffcdd2}#prompt-view-container{display:flex;flex-direction:column;height:100%;min-height:600px;background:#f8fafc;font-family:system-ui,-apple-system,sans-serif;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.pm-header{display:flex;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center}.pm-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;min-width:180px;background:#fff}.pm-workspace{display:flex;flex:1;overflow:hidden}.pm-sidebar{width:300px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.pm-sidebar-header{padding:16px;font-weight:600;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.pm-module-list{flex:1;overflow-y:auto;padding:8px}.pm-module-item{padding:10px 12px;margin-bottom:4px;background:#f1f5f9;border-radius:6px;cursor:pointer;font-size:13px;color:#334155;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.pm-module-item:hover{background:#e2e8f0}.pm-module-item.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-weight:500}.pm-editor-panel{flex:1;display:flex;flex-direction:column;padding:24px;background:#f8fafc}.pm-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pm-editor-title{font-size:18px;font-weight:600;color:#0f172a}.pm-textarea{flex:1;width:100%;padding:16px;border:1px solid #cbd5e1;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.5;resize:none;background:#fff;box-shadow:inset 0 2px 4px #00000005}.pm-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px}.pm-btn.secondary{background:#e2e8f0;color:#475569}#tutorial-view-container{max-width:840px;margin:0 auto;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.tm-hero{text-align:center}.tm-title{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 8px}.tm-value-prop{font-size:14px;color:#2563eb;background-color:#f0f9ff;border:1px solid #bae6fd;padding:10px 16px;border-radius:8px;display:inline-block;margin-top:8px}.tm-action-stack{display:flex;flex-direction:column;gap:20px}.tm-input-group{display:flex;flex-direction:column}.tm-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tm-input-label{font-size:15px;font-weight:700;color:#0f172a;margin:0}.tm-input-hint{font-size:13px;color:#64748b;margin:0}.tm-textarea{width:100%;padding:12px 16px;font-size:15px;line-height:1.5;color:#334155;border:1px solid #cbd5e1;border-radius:8px;background-color:#fff;resize:vertical;min-height:72px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.tm-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tm-textarea.locked-input{background-color:#f8fafc;border-color:#e2e8f0;color:#475569;cursor:not-allowed;box-shadow:inset 0 2px 4px #00000005}.tm-textarea.locked-input:focus{outline:none;border-color:#e2e8f0;box-shadow:inset 0 2px 4px #00000005}.tm-btn{padding:10px 22px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease}.tm-btn-primary{background:#2563eb;color:#fff}.tm-btn-primary:hover{background:#1d4ed8}.tm-btn-secondary{background:#f1f5f9;color:#475569}.tm-btn-secondary:hover{background:#e2e8f0}.tm-btn-generate{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:15px;padding:16px 28px;box-shadow:0 4px 14px #2563eb4d;margin-top:16px;width:100%}.tm-btn-generate:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.tm-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.tm-modal-card{background:#fff;border-radius:16px;max-width:560px;width:90%;padding:24px;box-shadow:0 20px 25px -5px #0000001a}.tm-modal-dialogue{background:#f8fafc;border-radius:8px;padding:14px;margin-top:12px}.tm-dialogue-line{margin-bottom:8px;font-size:13px}.layout-slideshow .visual-container,.layout-reel .visual-container{transition:width .3s ease}.cc-mode-shrink .story-item.show-text .text-container{display:flex!important;position:relative!important;top:0!important;width:350px!important;height:100%!important;max-height:100%!important;background:#fff!important;border-left:1px solid #e2e8f0!important;flex-shrink:0!important;border-radius:0!important;padding:0!important;flex-direction:column!important;z-index:5!important}.cc-mode-overlay .story-item.show-text .text-container{display:flex!important;position:absolute!important;right:0!important;top:0!important;width:350px!important;height:100%!important;max-height:100%!important;background:#000000bf!important;backdrop-filter:blur(12px)!important;flex-shrink:0!important;border-radius:0!important;padding:0!important;flex-direction:column!important;z-index:30!important;border-left:1px solid rgba(255,255,255,.1)!important}.cc-mode-overlay .story-item.show-text .text-container *{color:#fff!important}.cc-mode-overlay .story-item.show-text .text-container .card-header{border-bottom:1px solid rgba(255,255,255,.1)!important}.cc-mode-overlay .text-panel-controls{border-bottom:1px solid rgba(255,255,255,.1)}.cc-mode-overlay .control-label{color:#ffffff80}.cc-mode-overlay .mode-toggle-btn{border-color:#ffffff4d;color:#fffc}.cc-mode-overlay .mode-toggle-btn:hover{background:#ffffff1a;color:#fff}.cc-mode-overlay .mode-toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.cc-mode-push{overflow-x:visible!important}.cc-mode-push .story-item.show-text .text-container{display:flex!important;position:absolute!important;right:-350px!important;top:0!important;width:350px!important;height:100%!important;max-height:100%!important;background:#fff!important;border-left:1px solid #e2e8f0!important;flex-shrink:0!important;border-radius:0!important;padding:0!important;flex-direction:column!important;z-index:5!important;box-shadow:4px 0 15px #0000001a!important}.text-panel-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:10px 15px;border-bottom:1px solid #e2e8f0;background:transparent;flex-shrink:0}.control-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600;margin-right:auto}.mode-toggle-btn{background:transparent;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;padding:4px 8px;font-size:14px;color:#64748b;transition:all .2s ease}.mode-toggle-btn:hover{background:#f1f5f9;color:#0f172a}.mode-toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.story-player.cc-mode-overlay .text-panel-controls{border-bottom:1px solid rgba(255,255,255,.1)}.story-player.cc-mode-overlay .control-label{color:#ffffff80}.story-player.cc-mode-overlay .mode-toggle-btn{border-color:#ffffff4d;color:#fffc}.story-player.cc-mode-overlay .mode-toggle-btn:hover{background:#ffffff1a;color:#fff}.story-player.cc-mode-overlay .mode-toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.story-item.user-active:not(.show-text) .text-container .text-panel-controls{display:none!important}.cc-mode-overlay .story-item.show-text .text-container span,.cc-mode-overlay .story-item.show-text .text-container p{background-color:transparent!important;color:#fff!important}.scrubber-segment{flex:1;background-color:#e2e8f0;border-radius:2px;overflow:hidden;transition:flex .3s ease;position:relative;cursor:pointer}.scrubber-fill{height:100%;width:0%;background-color:#3b82f6;transition:width .1s linear;pointer-events:none}.scrubber-segment.is-missing{background-color:#f1f5f9;cursor:not-allowed}.scrubber-missing-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background-color:#ef4444;border-radius:50%;pointer-events:none}