@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;600;700&family=Oswald:wght@400;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@400;600;700&family=Roboto:wght@400;700&display=swap");body:has(.editor-page) main{min-height:0;padding:0}body:has(.editor-page) .site-footer,body:has(.editor-page) .site-header{display:none}.editor-page{height:100dvh;overflow:hidden;background:#e8f3f1}.editor-app{--ed-panel:#ffffff;--ed-line:#d5e8e5;--ed-muted:#5b7280;--ed-accent:#14b8a6;--ed-accent-dark:#0f766e;--ed-shadow:0 8px 24px rgba(15,118,110,0.07);width:100%;max-width:1520px;height:100%;margin:0 auto;color:#0f172a}.editor-layout{--editor-left-width:380px;--editor-right-width:380px;display:grid;grid-template-columns:3.75rem var(--editor-left-width) minmax(0,1fr) var(--editor-right-width);height:100%;min-height:0;background:var(--ed-panel);border:1px solid var(--ed-line);box-shadow:var(--ed-shadow)}.editor-rail{gap:.4rem;padding:.65rem .35rem;border-right:1px solid var(--ed-line);background:#f8fcfb}.editor-rail,.editor-rail__btn{display:flex;flex-direction:column;align-items:center}.editor-rail__btn{justify-content:center;gap:.15rem;width:2.85rem;min-height:2.85rem;padding:.35rem .2rem;border:1px solid transparent;border-radius:.65rem;background:transparent;color:#64748b;font-size:.58rem;font-weight:650;text-decoration:none;cursor:pointer}.editor-rail__btn.is-active,.editor-rail__btn:hover{background:#ecfdf5;border-color:#99f6e4;color:var(--ed-accent-dark)}.editor-col{min-height:0;min-width:0}.editor-col--frames,.editor-col--left{position:relative;display:flex;flex-direction:column;border-right:1px solid var(--ed-line);padding:.65rem .55rem;overflow:hidden}.editor-col--left.is-captions{padding:.55rem .5rem}.editor-captions-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.editor-captions-panel__head{flex-shrink:0;margin-bottom:.55rem;padding-bottom:.5rem;border-bottom:1px solid var(--ed-line)}.editor-captions-panel__head h2{margin:0 0 .25rem;font-size:.9rem}.editor-captions-panel__head p{margin:0;color:var(--ed-muted);font-size:.72rem;line-height:1.35}.editor-captions-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;overflow:auto;min-height:0}.editor-caption-preset{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:.45rem;padding:.65rem .7rem;border:1px solid var(--ed-line);border-radius:.7rem;background:#f8fcfb;cursor:pointer;text-align:left}.editor-caption-preset.is-active,.editor-caption-preset:hover{border-color:#5eead4;background:#ecfdf5;box-shadow:0 0 0 1px rgba(20,184,166,.15)}.editor-caption-preset__label{font-size:.72rem;font-weight:700;color:var(--ed-muted)}.editor-caption-preset__sample{display:block;text-align:center;line-height:1.3;word-break:break-word;overflow-wrap:anywhere}.editor-branding-panel__subhead{margin:.35rem 0 .45rem;font-size:.72rem;font-weight:700;color:var(--ed-muted)}.editor-watermark-preset__desc{display:block;font-size:.68rem;font-weight:500;color:var(--ed-muted);line-height:1.3}.editor-inspector__caption-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.editor-inspector__caption-head h3{margin:0}.editor-inspector__reset-style{border:0;background:transparent;color:var(--ed-accent-dark);font-size:.68rem;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.editor-inspector__style-hint{font-size:.65rem;font-weight:600;color:var(--ed-muted)}.editor-inspector__caption-box{border:1px solid var(--ed-line);border-radius:.5rem;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.editor-inspector__caption-box:focus-within{border-color:#99f6e4;box-shadow:0 0 0 3px rgba(20,184,166,.12)}.editor-inspector__caption-box textarea{display:block;width:100%;min-height:calc(1.5em * 3 + 1.1rem);max-height:min(40vh,280px);margin:0;border:0;border-radius:0;padding:.55rem .6rem;resize:none;overflow-y:auto;line-height:1.5;font-size:.82rem;color:#0f172a;background:#fff;outline:none;word-break:break-word;overflow-wrap:anywhere}.editor-inspector__caption-foot{display:flex;align-items:center;gap:.4rem;padding:.45rem .5rem;background:#f1f5f9}.editor-inspector__caption-action{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;flex:0 0 auto;min-height:1.9rem;padding:.34rem .58rem;border:1px solid #e2e8f0;border-radius:.42rem;background:#fff;color:#475569;font:inherit;font-size:.72rem;font-weight:600;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.editor-inspector__caption-action:hover{background:#fff;border-color:#cbd5e1;color:#334155}.editor-inspector__caption-action--icon{width:1.9rem;min-width:1.9rem;padding:.34rem}.editor-inspector__caption-action--icon.is-playing{border-color:var(--ed-accent);color:var(--ed-accent-dark)}.editor-inspector__caption-action--icon:disabled{opacity:.45;cursor:not-allowed}.editor-inspector__caption-action--apply{border-color:transparent;background:linear-gradient(135deg,var(--ed-accent),var(--ed-accent-dark));color:#fff}.editor-inspector__caption-action--apply:hover{background:linear-gradient(135deg,#2dd4bf,var(--ed-accent-dark));border-color:transparent;color:#fff}.editor-col--inspector{position:relative;border-left:1px solid var(--ed-line);overflow:auto}.editor-resize-handle{position:absolute;top:0;bottom:0;width:12px;z-index:20;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;color:#94a3b8;transition:color .15s ease,background .15s ease}.editor-resize-handle--left{right:-6px}.editor-resize-handle--right{left:-6px}.editor-resize-handle:active,.editor-resize-handle:hover{color:var(--ed-accent-dark);background:rgba(20,184,166,.12)}.editor-col--center{display:grid;grid-template-rows:1fr auto auto;align-items:stretch;gap:.45rem;padding:.55rem .75rem;background:linear-gradient(180deg,#f6fcfb,#edf6f5);overflow:hidden}.editor-frames__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-shrink:0}.editor-frames__head h2{margin:0;font-size:.88rem}.editor-scene-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.editor-scene{display:grid;grid-template-columns:auto 1fr;gap:.3rem;align-items:stretch}.editor-scene.is-dragging{opacity:.65}.editor-scene__drag{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:2.2rem;border:0;border-radius:.4rem;background:#f1f5f9;color:#64748b;cursor:grab}.editor-scene__frame{display:flex;align-items:stretch;gap:.35rem;min-width:0;padding:.5rem;border:1px solid var(--ed-line);border-radius:.65rem;background:#fff}.editor-scene__frame.is-active{border-color:#5eead4;box-shadow:0 0 0 2px rgba(20,184,166,.18)}.editor-scene__card{display:grid;grid-template-columns:52px 1fr;gap:.5rem;flex:1;min-width:0;padding:0;border:0;border-radius:0;background:transparent;text-align:left;cursor:pointer}.editor-scene__thumb{position:relative;overflow:hidden;border-radius:.4rem;aspect-ratio:9/16}.editor-scene__thumb img,.editor-scene__thumb-placeholder{width:100%;height:100%;object-fit:cover}.editor-scene__thumb-placeholder{display:block;background:linear-gradient(160deg,#1e293b,#0f172a)}.editor-scene__thumb-overlay{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:rgba(15,23,42,.5);color:#fff}.editor-scene__index{position:absolute;top:.15rem;left:.15rem;width:1rem;height:1rem;border-radius:999px;background:rgba(15,23,42,.75);color:#fff;font-size:.58rem;font-weight:700;display:grid;place-items:center}.editor-scene__body{min-width:0;display:flex;flex-direction:column;gap:.35rem}.editor-scene__row{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.editor-scene__row strong{font-size:.74rem}.editor-scene__duration{flex-shrink:0;color:var(--ed-muted);font-size:.66rem;font-weight:600}.editor-gen-bar{position:sticky;top:0;z-index:30;padding:.65rem 1rem;border-bottom:1px solid rgba(148,163,184,.2);background:rgba(248,250,252,.96);backdrop-filter:blur(8px)}.editor-gen-bar__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.78rem;font-weight:600;color:#0f766e}.editor-gen-bar__pct{margin-left:auto;color:#64748b;font-variant-numeric:tabular-nums}.editor-gen-bar__track{height:.35rem;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden}.editor-gen-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5eead4,#14b8a6);transition:width .3s ease}.editor-scene__progress{margin-top:.35rem}.editor-scene__progress-track{height:.28rem;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden}.editor-scene__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5eead4,#14b8a6);transition:width .25s ease}.editor-scene__progress p{margin:.2rem 0 0;font-size:.62rem;color:var(--ed-muted)}.editor-scene__caption{margin:0;color:#334155;font-size:.9rem;line-height:1.45;word-break:break-word}.editor-scene__actions{display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;flex-shrink:0;padding-bottom:.05rem}.editor-scene__actions button{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border:1px solid var(--ed-line);border-radius:.4rem;background:#fff;color:#475569;cursor:pointer}.editor-scene__actions button:hover{border-color:#99f6e4;color:var(--ed-accent-dark)}.editor-timeline-footer{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0;padding:.5rem .55rem;border:1px solid var(--ed-line);border-radius:.65rem;background:var(--ed-panel)}.editor-timeline-footer__row{display:flex;align-items:center;gap:.55rem}.editor-play-btn{width:1.85rem;height:1.85rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--ed-accent),var(--ed-accent-dark));color:#fff;cursor:pointer;flex-shrink:0}.editor-timecode{font-size:.76rem;font-weight:600;color:#334155}.editor-scrubber{position:relative;height:.38rem;border-radius:999px;background:#dce8e6;cursor:pointer;flex-shrink:0}.editor-scrubber__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#5eead4,#14b8a6)}.editor-scrubber__thumb{position:absolute;top:50%;width:.65rem;height:.65rem;border-radius:999px;background:#fff;border:2px solid var(--ed-accent-dark);transform:translate(-50%,-50%)}.editor-scrubber__hint{display:none}.editor-preview__viewport{min-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.editor-preview__viewport:focus-visible{outline:2px solid var(--ed-accent);outline-offset:2px;border-radius:.85rem}.editor-preview__frame{position:relative;height:100%;max-height:100%;width:auto;max-width:100%;aspect-ratio:9/16;border-radius:.85rem;overflow:hidden;box-shadow:0 16px 40px rgba(15,118,110,.16);background:#0f172a}.editor-preview__player{position:absolute;inset:0;z-index:1}.editor-preview__click-layer{position:absolute;inset:0;z-index:2;border:0;padding:0;margin:0;background:transparent;cursor:pointer}.editor-preview__play-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(15,23,42,.28);pointer-events:none}.editor-preview__play-circle{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:999px;background:rgba(15,118,110,.88);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.35)}.editor-preview__loading{display:grid;place-items:center;height:100%;color:#94a3b8;font-size:.8rem}.editor-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0;padding:.45rem .55rem;border:1px solid var(--ed-line);border-radius:.65rem;background:var(--ed-panel)}.editor-controls__pickers{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0}.editor-controls__export{flex-shrink:0}.editor-picker-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid var(--ed-line);border-radius:.55rem;background:#f8fcfb;color:#334155;font:inherit;font-size:.76rem;font-weight:650;cursor:pointer}.editor-picker-btn:hover{border-color:#99f6e4;background:#ecfdf5;color:var(--ed-accent-dark)}.editor-picker-btn span{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-btn--download{padding:.62rem 1.35rem;font-size:.88rem;font-weight:700;border:0;background:linear-gradient(135deg,var(--ed-accent),var(--ed-accent-dark));color:#fff;box-shadow:0 8px 20px rgba(15,118,110,.25)}.editor-inspector{padding:.7rem .85rem 1rem}.editor-inspector__empty{margin:1rem 0;color:var(--ed-muted);font-size:.82rem}.editor-inspector__head{margin-bottom:.65rem;padding-bottom:.55rem;border-bottom:1px solid var(--ed-line)}.editor-inspector__head h2{margin:0 0 .45rem;font-size:.92rem}.editor-inspector__block{margin-bottom:.75rem}.editor-inspector__block h3{display:flex;align-items:center;gap:.3rem;margin:0 0 .45rem;font-size:.78rem;color:#334155}.editor-inspector__image-preview{position:relative;overflow:hidden;border-radius:.55rem;aspect-ratio:16/10;margin-bottom:.45rem;background:#f1f5f9}.editor-inspector__image-placeholder,.editor-inspector__image-preview img{width:100%;height:100%;object-fit:cover}.editor-inspector__image-placeholder{display:block;background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.editor-inspector__image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:rgba(15,23,42,.55);color:#fff;font-size:.72rem;font-weight:600}.editor-inspector__grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.editor-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.4rem;font-size:.7rem;color:var(--ed-muted)}.editor-field--compact{margin-bottom:0}.editor-field input,.editor-field select,.editor-field textarea,.editor-inspector__block textarea{width:100%;border:1px solid var(--ed-line);border-radius:.5rem;padding:.4rem .5rem;font:inherit;font-size:.92rem;color:#0f172a;background:#fff}.editor-inspector__block textarea{line-height:1.45}#inspector-captions .editor-inspector__caption-box textarea{border:0;border-radius:0}.editor-inspector__image-actions{display:flex;gap:.4rem;margin:.45rem 0 .4rem}.editor-inspector__image-actions .editor-btn,.editor-inspector__image-actions .editor-upload{flex:1;min-width:0;margin-bottom:0}.editor-inspector__image-actions .editor-upload{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.42rem .65rem;font-size:.76rem;font-weight:650}.editor-btn--accent-light{border:1px solid #99f6e4;background:linear-gradient(135deg,#ecfdf5,#ccfbf1);color:var(--ed-accent-dark);box-shadow:0 4px 12px rgba(15,118,110,.12)}.editor-btn--accent-light:hover:not(:disabled){border-color:transparent;background:linear-gradient(135deg,var(--ed-accent),var(--ed-accent-dark));color:#fff;box-shadow:0 8px 20px rgba(15,118,110,.25)}.editor-btn--accent-light:disabled{opacity:.65;cursor:not-allowed}.editor-upload.editor-btn--accent-light{border-style:solid;text-align:center}.editor-upload{display:block;margin-bottom:.4rem;padding:.45rem;border:1px dashed #99f6e4;border-radius:.5rem;text-align:center;font-size:.74rem;cursor:pointer}.editor-upload input{display:none}.editor-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border-radius:.5rem;padding:.42rem .65rem;font:inherit;font-size:.76rem;font-weight:650;cursor:pointer}.editor-btn--block{width:100%}.editor-btn--ghost{border:1px solid var(--ed-line);background:#fff;color:#334155}.editor-btn.is-loading{opacity:.75;cursor:wait}@keyframes editor-spin{to{transform:rotate(1turn)}}.editor-spin{animation:editor-spin .8s linear infinite}.editor-btn--primary{border:0;background:linear-gradient(135deg,var(--ed-accent),var(--ed-accent-dark));color:#fff}.editor-btn--danger{border:0;background:linear-gradient(135deg,#f87171,#dc2626);color:#fff}.editor-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;border:1px solid var(--ed-line);border-radius:.5rem;background:#fff;color:#475569;cursor:pointer;font-size:1.1rem;line-height:1}.editor-animation-modal,.editor-dialog,.editor-overlay-modal,.editor-picker-modal{border:0;padding:0;margin:auto;background:transparent;max-width:none;max-height:none}.editor-animation-modal::backdrop,.editor-dialog::backdrop,.editor-overlay-modal::backdrop,.editor-picker-modal::backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(6px)}.editor-dialog{width:min(400px,calc(100vw - 2rem))}.editor-dialog__card{margin:0;padding:1.15rem;border:1px solid var(--ed-line);border-radius:.85rem;background:#fff}.editor-dialog__card h2{margin:0 0 .4rem;font-size:1rem}.editor-dialog__card p{margin:0 0 .9rem;color:var(--ed-muted);font-size:.85rem}.editor-dialog__actions{display:flex;justify-content:flex-end;gap:.45rem}.editor-animation-modal{width:min(var(--max-width),calc(100vw - var(--page-gutter)))}.editor-animation-modal,.editor-picker-modal{--ed-line:#d5e8e5;--ed-muted:#5b7280;--ed-accent:#14b8a6;--ed-accent-dark:#0f766e}.editor-picker-modal{width:min(420px,calc(100vw - 2rem));color:#0f172a}.audio-picker{--ap-accent:#14b8a6;--ap-accent-dark:#0f766e;--ap-line:#d5e8e5;--ap-muted:#5b7280;--ap-surface:#ffffff;--ap-surface-soft:#f8fcfb;--ap-selected:#ecfdf5;--ap-track:#cbd5e1;margin:0;border:1px solid var(--ap-line);border-radius:.95rem;background:var(--ap-surface);color:#0f172a;overflow:hidden;box-shadow:0 24px 56px rgba(15,118,110,.2)}.audio-picker__head{position:relative;display:flex;align-items:flex-start;padding:.85rem 3rem .85rem .95rem;border-bottom:1px solid var(--ap-line);background:linear-gradient(180deg,var(--ap-surface-soft) 0,var(--ap-surface) 100%)}.audio-picker__close{position:absolute;top:.85rem;right:.95rem;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--ap-line);border-radius:.5rem;background:var(--ap-surface);color:#64748b;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.audio-picker__close:hover{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.audio-picker__head-copy{display:flex;align-items:flex-start;gap:.55rem;min-width:0}.audio-picker__head-icon{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:.55rem;background:linear-gradient(135deg,#ecfdf5,#ccfbf1);color:var(--ap-accent-dark)}.audio-picker__head-copy h2{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#0f172a}.audio-picker__head-copy p{margin:.2rem 0 0;font-size:.74rem;color:var(--ap-muted);line-height:1.35}.audio-picker__list{margin:0;padding:.55rem;list-style:none;max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:.4rem}.audio-picker__row{display:flex;align-items:center;gap:.4rem;padding:.3rem;border:1px solid var(--ap-line);border-radius:.65rem;background:var(--ap-surface);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.audio-picker__row:hover{border-color:#99f6e4}.audio-picker__row.is-selected{border-color:var(--ap-accent);background:var(--ap-selected);box-shadow:0 0 0 1px rgba(20,184,166,.18)}.audio-picker__select{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;padding:.45rem .5rem;border:0;border-radius:.5rem;background:transparent;text-align:left;cursor:pointer;font:inherit;color:#0f172a}.audio-picker__select-mark{display:grid;place-items:center;width:1.35rem;height:1.35rem;flex-shrink:0;color:#94a3b8}.audio-picker__select-mark.is-on{border-radius:999px;background:linear-gradient(135deg,var(--ap-accent),var(--ap-accent-dark));color:#ffffff;box-shadow:0 4px 10px rgba(15,118,110,.28)}.audio-picker__row.is-selected .audio-picker__label strong{color:var(--ap-accent-dark)}.audio-picker__label{display:flex;flex-direction:column;gap:.15rem;min-width:0}.audio-picker__label strong{font-size:.84rem;font-weight:650;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-picker__tag{align-self:flex-start;font-size:.62rem;font-weight:700;letter-spacing:.02em;color:var(--ap-accent-dark);background:#d1fae5;padding:.12rem .42rem;border-radius:999px}.audio-picker__listen{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;padding:.42rem .62rem;border:1px solid var(--ap-line);border-radius:.5rem;background:var(--ap-surface);color:#334155;font:inherit;font-size:.72rem;font-weight:650;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.audio-picker__listen:hover{border-color:#99f6e4;background:#ecfdf5;color:var(--ap-accent-dark)}.audio-picker__listen.is-playing{border-color:transparent;background:linear-gradient(135deg,var(--ap-accent),var(--ap-accent-dark));color:#ffffff;box-shadow:0 6px 14px rgba(15,118,110,.22)}.audio-picker__player{display:none}.audio-picker__volume{padding:.15rem .95rem .75rem}.audio-picker__volume-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.audio-picker__volume-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:650;color:#334155}.audio-picker__volume-value{font-size:.74rem;font-weight:700;color:var(--ap-accent-dark);font-variant-numeric:tabular-nums}.audio-picker__slider{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;border-radius:999px;background:linear-gradient(90deg,var(--ap-accent) 0,var(--ap-accent-dark) var(--audio-volume,50%),var(--ap-track) var(--audio-volume,50%),var(--ap-track) 100%);cursor:pointer}.audio-picker__slider::-webkit-slider-runnable-track{height:.5rem;border-radius:999px;background:transparent}.audio-picker__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.1rem;height:1.1rem;margin-top:-.3rem;border:2px solid #ffffff;border-radius:999px;background:linear-gradient(135deg,var(--ap-accent),var(--ap-accent-dark));box-shadow:0 2px 8px rgba(15,118,110,.4);cursor:grab}.audio-picker__slider::-moz-range-thumb{width:1.1rem;height:1.1rem;border:2px solid #ffffff;border-radius:999px;background:linear-gradient(135deg,var(--ap-accent),var(--ap-accent-dark));box-shadow:0 2px 8px rgba(15,118,110,.4);cursor:grab}.audio-picker__slider::-moz-range-track{height:.5rem;border-radius:999px;background:var(--ap-track)}.audio-picker__foot{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem .95rem;border-top:1px solid var(--ap-line);background:var(--ap-surface-soft)}.audio-picker__foot .editor-btn--ghost{color:#334155;background:#ffffff}.audio-picker__apply{padding:.55rem 1.1rem;font-size:.82rem;font-weight:700;border:0;color:#ffffff;background:linear-gradient(135deg,var(--ap-accent),var(--ap-accent-dark));box-shadow:0 8px 20px rgba(15,118,110,.25)}.audio-picker__apply:hover{filter:brightness(1.03)}.audio-picker__apply svg{color:#ffffff;stroke:#ffffff}.anim-modal__shell{margin:0;display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - 2rem);height:min(calc(100dvh - 2rem),900px);border:1px solid var(--ed-line);border-radius:.9rem;background:#fff;overflow:hidden;box-shadow:0 24px 56px rgba(15,23,42,.14)}.anim-modal__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.85rem 1rem;border-bottom:1px solid var(--ed-line);background:#fff}.anim-modal__head .anim-modal__apply{justify-self:end}.anim-modal__head-center{min-width:0;text-align:center}.anim-modal__head-center h2{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#0f172a}.anim-modal__head-center p{margin:.15rem 0 0;color:var(--ed-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anim-modal__icon-btn{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border:1px solid var(--ed-line);border-radius:.5rem;background:#fff;color:#64748b;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.anim-modal__icon-btn:hover{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.anim-modal__body{display:grid;grid-template-columns:60% 40%;flex:1;min-height:0;overflow:hidden}.anim-modal__body--transition{display:flex;flex-direction:column;grid-template-columns:none;min-height:0;overflow:hidden}.anim-modal__body--transition .anim-modal__workspace--transition{flex:1;min-height:0;overflow:hidden}.anim-modal__preview-panel{display:flex;align-items:stretch;justify-content:center;padding:.65rem .75rem;background:#f8fafc;border-left:1px solid var(--ed-line);min-height:0}.anim-modal__preview-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.5rem;width:100%;flex:1;min-height:0}.anim-modal__preview-top{display:flex;flex-direction:column;gap:.45rem}.anim-modal__preview-context{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.anim-modal__preview-meta{display:flex;flex-wrap:wrap;gap:.35rem}.anim-modal__preview-chip{padding:.22rem .55rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.66rem;font-weight:650}.anim-modal__preview-chip--accent{border-color:#99f6e4;background:#ecfdf5;color:var(--ed-accent-dark)}.anim-modal__preview-canvas{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.anim-modal__preview-frame{position:relative;height:100%;max-height:100%;width:auto;max-width:100%;aspect-ratio:9/16;border-radius:.65rem;overflow:hidden;background:#fff;border:1px solid #dbe3ec;box-shadow:0 10px 28px rgba(15,23,42,.08);cursor:pointer}.anim-modal__preview-poster{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.anim-modal__preview-player{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none}.anim-modal__preview-player.is-playing{opacity:1;visibility:visible}.anim-modal__preview-player>*{width:100%!important;height:100%!important}.anim-modal__preview-playback{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:1.65rem;height:1.65rem;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ed-accent-dark);pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 2px 10px rgba(15,23,42,.16);opacity:0;visibility:hidden;transition:transform .12s ease,box-shadow .15s ease,opacity .15s ease,visibility .15s ease}.anim-modal__preview-frame:not(.is-playing) .anim-modal__preview-playback{opacity:1;visibility:visible}.anim-modal__preview-frame:not(.is-playing):hover .anim-modal__preview-playback{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 4px 14px rgba(15,23,42,.2)}.anim-modal__preview-loading{display:grid;place-items:center;width:100%;height:100%;min-height:360px;color:#94a3b8;font-size:.82rem}.anim-modal__preview-empty{position:absolute;inset:auto 0 0;z-index:4;padding:.45rem .55rem;text-align:center;font-size:.68rem;font-weight:650;color:#e2e8f0;background:linear-gradient(180deg,transparent,rgba(15,23,42,.82))}.anim-modal__workspace--transition{display:flex;flex-direction:column;min-height:0}.anim-modal__workspace--transition .anim-modal__toolbar{flex-shrink:0}.anim-modal__workspace--transition .anim-modal__controls{flex:1;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.anim-modal__preview-footer{flex-shrink:0;border-top:1px solid var(--ed-line);padding:.65rem .75rem max(.65rem,env(safe-area-inset-bottom));background:#f8fafc}.anim-modal__preview-footer .anim-modal__preview-stage{width:100%;min-height:0}.anim-modal__preview-footer .anim-modal__preview-top{margin-bottom:.35rem}.anim-modal__preview-footer .anim-modal__preview-canvas{flex:none;min-height:0}.anim-modal__preview-footer .anim-modal__preview-frame{height:min(200px,28dvh);width:auto;max-width:100%;margin-inline:auto;flex-shrink:0}.anim-modal__workspace{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff}.anim-modal__toolbar{padding:.85rem 1rem .65rem;border-bottom:1px solid var(--ed-line);background:#fff}.anim-modal__segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;border:1px solid var(--ed-line);border-radius:.65rem;background:#f1f5f9}.anim-modal__segment{padding:.5rem .65rem;border:0;border-radius:.5rem;background:transparent;color:#64748b;font:inherit;font-size:.76rem;font-weight:650;cursor:pointer;transition:color .12s ease,background-color .12s ease,box-shadow .12s ease}.anim-modal__segment:hover{color:#334155}.anim-modal__segment.is-active{color:var(--ed-accent-dark);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08)}.anim-modal__toolbar-hint{margin:.55rem 0 0;color:var(--ed-muted);font-size:.74rem;line-height:1.35}.anim-modal__controls{flex:1;padding:.75rem 1rem 1rem;overflow-y:auto}.anim-modal__tab-panel{display:flex;flex-direction:column;gap:.5rem}.anim-modal__section{margin-bottom:.5rem}.anim-modal__section h3{margin:0 0 .5rem;font-size:.72rem;font-weight:750;color:#475569;text-transform:uppercase;letter-spacing:.06em}.anim-modal__section-desc{margin:-.25rem 0 .65rem;color:var(--ed-muted);font-size:.78rem;line-height:1.4}.anim-modal__effect-grid{display:grid;gap:.4rem}.anim-modal__effect-grid,.anim-modal__effect-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.anim-effect-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-height:2.45rem;padding:.5rem .6rem;border:1px solid #e2e8f0;border-radius:.55rem;background:#fff;color:#334155;font:inherit;font-size:.74rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.anim-effect-card:hover{border-color:#cbd5e1;background:#f8fafc}.anim-effect-card.is-active{border-color:#14b8a6;background:#f0fdfa;color:var(--ed-accent-dark);box-shadow:0 0 0 1px rgba(20,184,166,.35)}.anim-effect-card__label{line-height:1.25}.anim-effect-card__check{display:grid;place-items:center;flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--ed-accent);color:#fff}.anim-modal__sliders{display:flex;flex-direction:column;gap:.85rem}.anim-modal__slider{display:flex;flex-direction:column;gap:.45rem}.anim-modal__slider>span{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.8rem;color:#334155}.anim-modal__slider strong{font-weight:650}.anim-modal__slider em{font-style:normal;font-size:.75rem;font-weight:700;color:var(--ed-accent-dark)}.anim-modal__slider input[type=range]{width:100%;accent-color:var(--ed-accent)}.anim-modal__apply{flex-shrink:0;min-width:5.5rem}.editor-render-progress{min-width:120px}.editor-render-progress span{display:block;height:.3rem;border-radius:999px;background:linear-gradient(90deg,#5eead4,#14b8a6)}.editor-render-progress p{margin:.15rem 0 0;font-size:.65rem;color:var(--ed-muted)}.editor-render-error{margin:0 0 .35rem;font-size:.72rem;color:#fca5a5}.editor-btn--link{text-decoration:none}.editor-controls__export{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}@media (max-width:1100px){.editor-app{max-width:none}.editor-layout{grid-template-columns:3.5rem minmax(260px,300px) 1fr 260px}.editor-animation-modal{width:min(100vw - 1rem,640px);height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem)}.anim-modal__shell{height:100%;max-height:100%}.anim-modal__body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.anim-modal__body--transition{display:flex;flex-direction:column}.anim-modal__workspace{border-right:0;border-bottom:1px solid var(--ed-line);min-height:0;overflow:hidden}.anim-modal__workspace--transition{border-bottom:0}.anim-modal__workspace--transition .anim-modal__controls{max-height:none}.anim-modal__preview-panel{padding:1rem;flex-shrink:0}.anim-modal__preview-stage{min-height:0}.anim-modal__preview-frame{height:min(240px,34dvh);width:auto;max-width:100%}.anim-modal__controls{max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.anim-modal__body:not(.anim-modal__body--transition) .anim-modal__workspace .anim-modal__controls{max-height:min(38dvh,320px)}.anim-modal__effect-grid,.anim-modal__effect-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.anim-modal__head{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.anim-modal__head-center{grid-column:2;text-align:left}.anim-modal__head .anim-modal__apply{grid-column:1/-1;justify-self:end}.anim-modal__preview-panel{border-left:0;border-top:1px solid var(--ed-line)}.anim-modal__preview-footer .anim-modal__preview-frame{height:min(180px,26dvh)}}@media (max-width:768px){.editor-animation-modal{width:100vw;height:100dvh;height:100svh;max-height:100svh;margin:0}.anim-modal__shell{height:100%;max-height:100%;border-radius:0;border-left:0;border-right:0}.anim-modal__preview-footer .anim-modal__preview-frame{height:min(160px,22svh)}.editor-page{height:100dvh;height:100svh;overflow:hidden;overscroll-behavior:none}.editor-app--mobile{max-width:none;height:100%}.editor-mobile{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--ed-panel)}.editor-mobile__bottom,.editor-mobile__top{flex-shrink:0;background:#f8fcfb;border-color:var(--ed-line);border-style:solid}.editor-mobile__top{display:flex;align-items:stretch;gap:.35rem;padding:max(.4rem,env(safe-area-inset-top)) .45rem .4rem;border-width:0 0 1px}.editor-mobile__bottom{display:flex;justify-content:center;padding:.4rem .45rem max(.4rem,env(safe-area-inset-bottom));border-width:1px 0 0}.editor-mobile__back{display:grid;place-items:center;width:2.35rem;flex-shrink:0;border:1px solid var(--ed-line);border-radius:.55rem;background:#fff;color:#64748b;cursor:pointer}.editor-mobile__tabs{display:flex;min-width:0;gap:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.editor-mobile__tabs--top{flex:1}.editor-mobile__tabs--bottom{flex:0 1 auto;justify-content:center}.editor-mobile__tabs::-webkit-scrollbar{display:none}.editor-mobile__tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:3.5rem;min-height:2.55rem;padding:.3rem .45rem;border:1px solid var(--ed-line);border-radius:.55rem;background:#fff;color:#64748b;font:inherit;font-size:.58rem;font-weight:650;cursor:pointer;flex-shrink:0}.editor-mobile__tab.is-active{border-color:#99f6e4;background:#ecfdf5;color:var(--ed-accent-dark)}.editor-mobile__stage{flex:1;min-height:0;overflow:hidden;background:#edf6f5}.editor-mobile__stage--preview{padding:0;background:#0f172a}.editor-mobile__preview{display:flex;flex-direction:column;height:100%;min-height:0}.editor-mobile__stage--preview .editor-preview__viewport{flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:0}.editor-mobile__stage--preview .editor-preview__frame{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;box-shadow:none}.editor-mobile__preview-timeline{flex-shrink:0;padding:.55rem .65rem .65rem;background:linear-gradient(180deg,transparent,rgba(15,23,42,.92) 35%)}.editor-mobile__preview-timeline .editor-timeline-footer{border:1px solid rgba(148,163,184,.35);border-radius:.65rem;padding:.55rem .6rem;background:rgba(15,23,42,.75);backdrop-filter:blur(8px)}.editor-mobile__preview-timeline .editor-timecode{color:#e2e8f0}.editor-mobile__preview-timeline .editor-scrubber{height:.5rem;background:rgba(148,163,184,.35)}.editor-mobile__panel{height:100%;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:.55rem}.editor-mobile__panel.editor-col--inspector,.editor-mobile__panel.editor-col--left{display:flex;flex-direction:column;border:0}.editor-mobile__panel--audio,.editor-mobile__panel--download{display:flex;align-items:center;justify-content:center;padding:.75rem}.editor-mobile__panel--audio .editor-controls,.editor-mobile__panel--download .editor-controls{width:100%;max-width:22rem;flex-direction:column;align-items:stretch;gap:.75rem;border:1px solid var(--ed-line);border-radius:.75rem;padding:.85rem;background:#fff}.editor-mobile__panel--audio .editor-controls__pickers{flex-direction:column}.editor-mobile__panel--audio .editor-picker-btn{width:100%;justify-content:flex-start}.editor-mobile__panel--download .editor-controls__export{width:100%;flex-direction:column;align-items:stretch}.editor-mobile__panel--download .editor-btn--download{width:100%;justify-content:center}.editor-mobile__panel .editor-inspector__caption-box textarea{max-height:min(40dvh,240px)}}.editor-bootstrap{min-height:calc(100dvh - var(--site-header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#64748b}.editor-bootstrap__error{color:#dc2626;font-weight:600}.editor-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;background:#f0faf8}.editor-loading__card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 3rem;background:#ffffff;border:1px solid #d5e8e5;border-radius:1.5rem;box-shadow:0 16px 48px rgba(15,118,110,.1);width:min(420px,90vw);text-align:center}.editor-loading__icon{display:flex;gap:.5rem;margin-bottom:.25rem}@keyframes editor-loading-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-10px);opacity:1}}.editor-loading__dot{width:12px;height:12px;border-radius:50%;background:#14b8a6;animation:editor-loading-bounce 1.2s ease-in-out infinite}.editor-loading__dot:nth-child(2){animation-delay:.2s}.editor-loading__dot:nth-child(3){animation-delay:.4s}.editor-loading__title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.editor-loading__hint{font-size:.875rem;color:#5b7280;margin:0;min-height:1.25em}.editor-loading__hint--caption{transition:opacity .4s ease;animation:editor-caption-fade 2.5s ease infinite}@keyframes editor-caption-fade{0%,70%{opacity:1}85%,to{opacity:.3}}.editor-loading__bar-wrap{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}@keyframes editor-loading-fill{0%{background-position:0 0}to{background-position:200% 0}}.editor-loading__bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#14b8a6,#0ea5e9,#14b8a6);background-size:200% 100%;animation:editor-loading-fill 1.8s linear infinite;transition:width .6s ease}.editor-loading__pct{font-size:.8rem;font-weight:600;color:#14b8a6;margin:0}