/* NEO Video Studio Pro — timeline editor */
.cce-editor{--cce-accent:#ec655e;--cce-accent-light:#fff1ef;--cce-ink:#232b35;--cce-border:#e5e8ec;--cce-muted:#7f8996;color:var(--cce-ink);font-family:inherit;display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 130px);max-width:100%;padding:0 0 15px}
.cce-editor button,.cce-editor input,.cce-editor textarea,.cce-editor select{font-family:inherit}
.cce-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:white;border:1px solid var(--cce-border);padding:14px 17px;border-radius:16px}
.cce-topbar-left,.cce-topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cce-topbar-left>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cce-topbar-left strong{font-size:19px;font-weight:850;letter-spacing:-.04em}
.cce-upper{font-weight:900;font-size:9px;color:var(--cce-accent);letter-spacing:.13em}
.cce-save-note{font-size:10px;color:#8d96a1;font-weight:700}
.cce-render-status{font-size:10px;font-weight:800;border-radius:100px;color:#4e7665;padding:7px 10px;background:#eaf6ee}
.cce-render-status.running{color:#be6548;background:#fff1ea}
.cce-secondary,.cce-icon-btn,.cce-play-btn,.cce-export-btn,.cce-primary-wide,.cce-danger-ghost,.cce-add-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;font-size:11px;font-weight:800;min-height:35px;white-space:nowrap;transition:.15s}
.cce-secondary,.cce-icon-btn{border:1px solid #e1e5eb;background:white;color:#647082;padding:0 11px}
.cce-secondary:hover,.cce-icon-btn:hover{border-color:#f0b1ac;color:#d65a54;background:#fffafa}
.cce-icon-btn{min-width:34px;padding:0 7px}
.cce-export-btn,.cce-primary-wide{background:linear-gradient(135deg,#f17a68,#e95957);color:white;border:0;padding:0 16px;box-shadow:0 5px 16px #e9656026}
.cce-primary-wide{width:100%;margin:9px 0;min-height:39px}
.cce-export-btn[disabled]{opacity:.55;cursor:wait}
.cce-danger-ghost{background:#fff7f5;border:1px solid #f0d7d3;color:#d35b54;padding:0 10px}
.cce-danger-ghost:hover{background:#ffeae5}
.cce-main{display:grid;grid-template-columns:245px minmax(290px,1fr) 275px;gap:12px;min-height:405px;height:min(55vh,580px)}
.cce-sidebar,.cce-inspector,.cce-viewer,.cce-timeline{min-width:0;background:white;border:1px solid var(--cce-border);border-radius:17px;box-shadow:0 3px 15px #242e3b07;overflow:hidden}
.cce-sidebar,.cce-inspector{display:flex;flex-direction:column;min-height:0}
.cce-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--cce-border);padding:8px;gap:3px}
.cce-tabs button{border:0;background:transparent;border-radius:9px;color:#8c97a4;font-size:9px;font-weight:800;padding:9px 3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}
.cce-tabs button span{font-size:18px;line-height:1}
.cce-tabs button.active{color:#d85b55;background:#fff0ed}
.cce-library-content,.cce-inspector{padding:14px;overflow-y:auto;scrollbar-color:#dadee4 transparent;scrollbar-width:thin}
.cce-section-title{display:flex;flex-direction:column;gap:4px;margin-bottom:13px}
.cce-section-title strong{font-size:15px;font-weight:900;letter-spacing:-.035em}
.cce-section-title small{font-size:10px;color:#969faa}
.cce-select,.cce-field input,.cce-field select,.cce-field textarea,.cce-new-folder input{width:100%;min-width:0;border:1px solid #dfe4e9;background:#fff;border-radius:10px;padding:10px 10px;font-size:11px;color:#424d58;outline:none}
.cce-field textarea{resize:vertical;min-height:86px}
.cce-select:focus,.cce-field :is(input,select,textarea):focus,.cce-new-folder input:focus{border-color:#edada4;box-shadow:0 0 0 3px #fff2ef}
.cce-field{display:flex;flex-direction:column;gap:7px;margin:10px 0;font-size:11px;font-weight:700;color:#626d79;min-width:0}
.cce-field>span{font-size:10px;font-weight:850}
.cce-field input[type=range]{accent-color:var(--cce-accent);padding:0}
.cce-library-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.cce-new-folder{display:flex;gap:5px;margin:9px 0}
.cce-new-folder[hidden]{display:none}
.cce-new-folder input{width:60%}
.cce-new-folder button{flex:1;min-width:70px}
.cce-library-items{display:grid;gap:8px;margin-top:14px}
.cce-media-item{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 31px;align-items:center;gap:8px;padding:8px;border:1px solid #edf0f3;border-radius:11px;background:#fff;cursor:grab}
.cce-media-item:hover{border-color:#f1c1b9;background:#fffafa}
.cce-media-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(140deg,#f1e9e8,#f6f7f9);color:#cd655c;font-size:13px}
.cce-media-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.cce-media-info b{font-size:10px;color:#3c4652;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cce-media-info small{font-size:9px;color:#a3aab3}
.cce-add-btn{height:30px;min-height:30px;border:1px solid #eed2cd;background:#fff3f0;color:#c9544f}
.cce-add-btn:hover{background:#fce5e0}
.cce-hint,.cce-help{margin:12px 0;padding:10px 11px;border-radius:10px;background:#f7f8fa;color:#87929e;font-size:10px;font-weight:500;line-height:1.6}
.cce-help{margin-bottom:16px}
.cce-text-item{width:100%;border:1px solid #eceef2;border-radius:9px;padding:10px;background:#fff;text-align:left;margin:0 0 8px;cursor:pointer;display:flex;flex-direction:column;gap:5px}
.cce-text-item b{font-size:10px;color:#414c59;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cce-text-item small{font-size:9px;color:#9da6b2}
.cce-text-item.active{border-color:#f0aca4;background:#fff5f1}
.cce-effect-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cce-effect-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:9px 3px;border:1px solid #e7e9ed;background:white;border-radius:11px;color:#677583;cursor:pointer}
.cce-effect-card strong{font-size:9px}
.cce-effect-card:hover,.cce-effect-card.active{border-color:#edaa9e;background:#fff5f2;color:#be554f}
.cce-transition-demo{display:flex;overflow:hidden;height:27px;width:58px;background:#e8eef4;border-radius:5px;position:relative}
.cce-transition-demo i{height:100%;width:50%;background:#eab4a6}
.cce-transition-demo i+i{background:#8bb8d3}
.cce-transition-demo:is(.fade,.dissolve) i+i{animation:cceBlend 2.4s infinite alternate}
.cce-transition-demo:is(.slideleft,.wiperight,.wipeleft,.slideright,.smoothleft) i+i{animation:cceSlide 2.4s infinite alternate}
.cce-audio-choices{display:flex;flex-direction:column;gap:7px;margin:15px 0}
.cce-audio-choice{text-align:left;border:1px solid #e7e9ed;background:#fcfcfd;border-radius:10px;padding:11px;color:#596576;font-size:11px;cursor:pointer}
.cce-music-label{display:flex;flex-direction:column;gap:6px;padding:13px;background:#f0f8f4;color:#33745d;border-radius:11px;font-size:10px}
.cce-music-label span{word-break:break-word}
.cce-viewer{display:flex;flex-direction:column;min-width:0}
.cce-viewer-top{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--cce-border)}
.cce-preview-badge{font-size:9px;color:#8994a0;font-weight:750}
.cce-viewer-stage{background:#1c2028;min-height:0;flex:1;display:grid;place-items:center;padding:9px}
.cce-video-frame{position:relative;background:#11141b;display:grid;place-items:center;overflow:hidden;border-radius:7px;max-width:100%;max-height:100%}
.cce-video-frame.landscape{width:min(100%,640px);aspect-ratio:16/9}
.cce-video-frame.portrait{height:100%;aspect-ratio:9/16}
.cce-video-frame.square{height:100%;aspect-ratio:1}
.cce-video-frame video{width:100%;height:100%;object-fit:contain;background:#0b0d12}
.cce-video-empty{position:absolute;inset:0;color:#b6bec8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:12px}
.cce-video-empty strong{font-size:17px;color:#fafafa}
.cce-video-empty[hidden]{display:none}
.cce-text-preview{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
.cce-visible-text{max-width:84%;padding:5px 12px;color:#fff;font-weight:900;font-size:clamp(16px,3vw,52px)!important;line-height:1.25;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:1px 2px 5px #000,0 0 12px #0009}
.cce-visible-text.top{position:absolute;top:7%}
.cce-visible-text.bottom{position:absolute;bottom:7%}
.cce-visible-text.anim-fade{animation:cceFade .6s ease-out}
.cce-visible-text.anim-slideup{animation:cceRise .5s ease-out}
.cce-visible-text.anim-slideleft{animation:cceLeft .5s ease-out}
.cce-visible-text.anim-pop{animation:ccePop .4s cubic-bezier(.2,1.4,.35,1)}
.cce-player-controls{display:flex;align-items:center;gap:9px;padding:11px 14px 5px}
.cce-play-btn{background:#f36f64;color:white;border:0;min-width:35px}
.cce-time{font-size:10px;color:#727e8c;white-space:nowrap;font-variant-numeric:tabular-nums}
.cce-player-controls input[type=range]{flex:1;min-width:40px;accent-color:#e8615d}
.cce-player-hint{color:#9ba3ae;font-size:9px;line-height:1.5;padding:4px 15px 11px}
.cce-inspector{padding:16px;display:flex;flex-direction:column;overflow-y:auto}
.cce-inspector-bottom{margin-top:auto;padding-top:16px;border-top:1px solid #ecedf0}
.cce-input-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.cce-inspector-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.cce-clip-name{padding:11px;background:#f7f9fb;border-radius:10px;font-size:11px;font-weight:800;color:#4b5562;word-break:break-word}
.cce-timeline{display:flex;flex-direction:column;min-height:270px;flex:1;overflow:hidden}
.cce-timeline-head{padding:12px 15px;border-bottom:1px solid var(--cce-border);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cce-timeline-title{display:flex;align-items:center;gap:12px}
.cce-timeline-title strong{font-size:14px;font-weight:900}
.cce-timeline-title span{font-size:10px;color:#959fa9}
.cce-timeline-tools{display:flex;align-items:center;gap:8px;font-size:10px;color:#85909c}
.cce-timeline-stage{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:180px;flex:1}
.cce-track-labels{background:#fafbfc;border-right:1px solid #eceef1;display:grid;grid-template-rows:33px 65px 41px 41px}
.cce-track-labels>div{display:flex;gap:7px;align-items:center;padding:0 11px;font-weight:850;font-size:10px;color:#85919d;border-bottom:1px solid #eceef1}
.cce-track-dot{display:grid;place-items:center;width:17px;height:17px;background:#fff0ee;color:#d66b61;border-radius:5px}
.cce-timeline-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-color:#bac2cb transparent;scrollbar-width:thin}
.cce-track-inner{position:relative;min-height:180px;display:grid;grid-template-rows:33px 65px 41px 41px;background:repeating-linear-gradient(90deg,#f6f8fa 0px,#f6f8fa 1px,transparent 1px,transparent 70px)}
.cce-ruler{position:relative;cursor:crosshair;border-bottom:1px solid #e9edf1}
.cce-ruler-tick{position:absolute;top:8px;font-size:9px;color:#9aa4b0;white-space:nowrap}
.cce-ruler-tick:before{content:'';position:absolute;left:0;top:17px;height:8px;border-left:1px solid #cbd2d8}
.cce-video-track{display:flex;gap:0;align-items:center;border-bottom:1px solid #eef0f2;min-width:0;cursor:crosshair}
.cce-clip-block{display:flex;align-items:center;gap:5px;position:relative;height:50px;min-width:3px;overflow:hidden;padding:5px 11px;color:#fff;border:1px solid #83a6ce;border-right:1px solid #c9d9ec;background:linear-gradient(125deg,#416d9b,#6389b4);cursor:grab;user-select:none}
.cce-clip-block:nth-child(2n){background:linear-gradient(125deg,#4c7585,#6b97a2);border-color:#83b5c0}
.cce-clip-block.selected{outline:2px solid #f16e65;outline-offset:-2px;z-index:3}
.cce-clip-index{background:#ffffff30;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:900}
.cce-clip-label{font-size:10px;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:70%}
.cce-clip-length{font-size:9px;color:#dce6ef;margin-left:auto}
.cce-trim-handle{width:9px;position:absolute;top:0;bottom:0;cursor:ew-resize;background:#ffcfad;border:1px solid #ed996e;z-index:4}
.cce-trim-handle.start{left:0;border-radius:4px 0 0 4px}
.cce-trim-handle.end{right:0;border-radius:0 4px 4px 0}
.cce-overlay-track,.cce-music-track{position:relative;border-bottom:1px solid #ecedf0}
.cce-overlay-track-item{position:absolute;top:5px;height:30px;display:flex;align-items:center;gap:5px;overflow:hidden;border-radius:6px;background:#f4cb92;border:1px solid #dfae6f;color:#745538;padding:0 8px;cursor:pointer}
.cce-overlay-track-item.selected{outline:2px solid #e16557}
.cce-overlay-track-item span{background:#fff6;border-radius:4px;font-size:10px;font-weight:900;padding:2px 4px}
.cce-overlay-track-item b{font-size:9px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.cce-music-track-item{position:absolute;top:5px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(100deg,#93c7b4,#b1dacc);border:1px solid #6aa994;color:#356e59;border-radius:6px;padding:8px;font-size:9px;font-weight:800}
.cce-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ed665e;pointer-events:none;z-index:5}
.cce-playhead:before{content:'';position:absolute;top:1px;left:-5px;width:12px;height:12px;background:#ed665e;clip-path:polygon(0 0,100% 0,50% 100%)}
.cce-shortcuts{padding:9px 13px;color:#9da6b0;font-size:9px;border-top:1px solid #eceef2;line-height:1.5}
.cce-toast{display:none;margin:0 12px 12px;padding:10px 12px;border-radius:10px;border:1px solid #f2d8cd;background:#fff9f4;color:#ad6559;font-size:11px;font-weight:750}
.cce-toast.visible{display:block}
.cce-load-error,.cce-loading{padding:35px;border:1px solid #eceff3;border-radius:15px;background:white;color:#64717e}
@keyframes cceBlend{from{opacity:.15}to{opacity:1}}@keyframes cceSlide{from{transform:translateX(-14px)}to{transform:translateX(0)}}
@keyframes cceFade{from{opacity:0}to{opacity:1}}
@keyframes cceRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes cceLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes ccePop{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@media(max-width:1180px){.cce-main{grid-template-columns:215px minmax(260px,1fr) 245px;gap:9px}.cce-editor{gap:10px}.cce-library-content,.cce-inspector{padding:12px}}
@media(max-width:880px){.cce-main{grid-template-columns:minmax(165px,.65fr) minmax(270px,1fr);height:auto;min-height:500px}.cce-inspector{grid-column:1/-1;min-height:230px;max-height:310px}.cce-viewer{min-height:325px}.cce-sidebar{min-height:325px;max-height:460px}.cce-timeline{min-height:275px}}
@media(max-width:600px){.cce-editor{padding:0 0 70px}.cce-topbar{padding:11px}.cce-topbar-left strong{font-size:15px}.cce-main{grid-template-columns:1fr;display:flex;flex-direction:column}.cce-viewer{order:0;min-height:350px}.cce-sidebar{order:1;max-height:260px;min-height:220px}.cce-inspector{order:2;max-height:none;min-height:180px}.cce-video-frame.landscape{max-width:100%}.cce-timeline{min-height:265px}.cce-timeline-stage{grid-template-columns:70px minmax(0,1fr)}.cce-track-labels>div{padding:0 6px;font-size:9px}.cce-track-labels{grid-template-rows:33px 65px 41px 41px}.cce-topbar-right{width:100%;justify-content:space-between}.cce-save-note{display:none}.cce-shortcuts{display:none}.cce-player-hint{padding:3px 10px 9px}.cce-viewer-stage{min-height:250px}}
@media(prefers-reduced-motion:reduce){.cce-transition-demo i,.cce-visible-text{animation:none!important}}

/* Transition Editor 2.0: two frame-accurate preview layers and editable seams. */
.cce-video-frame{position:relative;isolation:isolate}
.cce-video-frame #cce-video,
.cce-video-frame #cce-video-next{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;transform-origin:center center}
.cce-video-frame #cce-video{z-index:1;background:#101319}
.cce-video-frame #cce-video-next{z-index:2;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform,clip-path}
.cce-video-frame #cce-black-transition{z-index:3;position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.cce-video-frame .cce-text-preview{z-index:4}
.cce-video-frame .cce-video-empty{z-index:5}
.cce-video-frame .cce-visible-text{font-size:inherit;max-width:84%}
.cce-video-track{position:relative;display:block;min-height:65px;isolation:isolate}
.cce-video-track .cce-clip-block{top:7px;height:50px;transition:box-shadow .12s ease;will-change:auto}
.cce-video-track .cce-clip-block:hover{box-shadow:0 0 0 2px #fcb5a7;z-index:8!important}
.cce-video-track .cce-clip-block.selected{z-index:9!important}
.cce-seam{position:absolute;top:16px;transform:translateX(-50%);border:2px solid white;z-index:12;background:#fc785f;color:white;border-radius:8px;width:29px;height:29px;font-size:18px;font-weight:900;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #2a232638;padding:0}
.cce-seam:hover,.cce-seam:focus-visible{background:#e74f49;outline:2px solid #ffc5b9;outline-offset:1px}
.cce-field #cce-duration-label{font-size:11px;font-variant-numeric:tabular-nums;color:#dc665c}
.cce-field input[type=range][data-cce-field="transition-duration"]{accent-color:#e96560}
.cce-video-frame video::-webkit-media-controls{display:none!important}
.cce-media-icon{overflow:hidden;background:#d8dfe7}.cce-media-icon img{display:block;width:100%;height:100%;object-fit:cover}.cce-video-track .cce-clip-block{background-color:#4f748d}.cce-video-track .cce-clip-block .cce-clip-label{text-shadow:0 1px 5px #141c26;font-weight:900}

/* Video Studio typography: CapCut-style quick design and direct manipulation. */
.cce-inspector-heading{font-size:10px;font-weight:900;color:#687581;text-transform:uppercase;letter-spacing:.07em;margin:15px 0 9px}
.cce-style-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px}
.cce-style-card{border:1px solid #e3e7ec;border-radius:11px;background:#fafbfc;padding:9px 4px 7px;min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}
.cce-style-card>span:last-child{font-size:9px;font-weight:800;color:#697785}
.cce-style-card.active,.cce-style-card:hover{background:#fff7f4;border-color:#ed7668}
.cce-style-card.active{box-shadow:0 0 0 1px #f5b9a8}
.cce-style-card .cce-style-sample{display:grid;place-items:center;border-radius:6px;font-size:20px;min-height:34px;width:90%;letter-spacing:-.04em}
.cce-style-card:focus-visible{outline:2px solid #ed7668;outline-offset:2px}
.cce-size-controls{display:flex;gap:9px;align-items:center}
.cce-size-controls input[type=range]{flex:1;padding:0;min-width:30px;accent-color:#e66b61}
.cce-size-controls input[type=number]{width:63px;flex:none;font-variant-numeric:tabular-nums}
.cce-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cce-color-grid .cce-field{margin:0;align-items:center;font-size:9px}
.cce-color-grid input[type=color]{height:43px;width:100%;padding:5px;border:1px solid #e2e7ec;border-radius:10px;background:#fff;cursor:pointer}
.cce-inspector .cce-field input[type=range]{accent-color:#ea6d63}
.cce-inspector .cce-drag-info{background:#fff8ee;border:1px solid #f8e7cf;color:#93775a}
.cce-overlay-track-item{padding:0;touch-action:none;cursor:grab;overflow:visible;display:flex;align-items:stretch}
.cce-overlay-track-item:active{cursor:grabbing}
.cce-overlay-body{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;flex:1;overflow:hidden;white-space:nowrap;padding:0 4px;touch-action:none}
.cce-overlay-body b{background:#fff8e2;border-radius:4px;padding:2px 4px;font-size:10px}
.cce-overlay-body strong{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}
.cce-overlay-body small{font-weight:900;color:#775534;font-size:9px}
.cce-overlay-handle{flex:0 0 11px;min-width:9px;height:100%;border-left:2px solid #fff8db;border-right:1px solid #ca9a63;background:#e7a956;cursor:ew-resize;touch-action:none;position:relative;border-radius:4px 0 0 4px}
.cce-overlay-handle.end{border-radius:0 4px 4px 0}
.cce-overlay-handle::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:13px;width:2px;border-radius:2px;background:#fff9ee;box-shadow:3px 0 0 #fff9ee}
.cce-overlay-track-item:hover .cce-overlay-handle,.cce-overlay-track-item.selected .cce-overlay-handle{background:#d9903f}
.cce-overlay-track-item.selected{outline:2px solid #e97154;box-shadow:0 3px 8px #d7b18366;z-index:2}
.cce-video-frame #cce-text-preview{pointer-events:none}
.cce-video-frame .cce-visible-text{position:absolute!important;bottom:auto!important;top:auto;transform:translate(-50%,-50%);white-space:pre-wrap;overflow-wrap:anywhere;display:inline-block;min-width:0;max-width:84%;width:max-content;font-size:var(--cce-live-font,20px)!important;line-height:1.16;box-sizing:border-box;pointer-events:auto;cursor:grab;user-select:none;touch-action:none;z-index:5;transition:box-shadow .13s}
.cce-video-frame .cce-visible-text.is-selected{outline:1px dashed #fefefe9e;outline-offset:7px}
.cce-video-frame .cce-visible-text:active{cursor:grabbing}
.cce-video-frame .cce-visible-text.anim-fade{animation:cceTextFade .4s ease-out}
.cce-video-frame .cce-visible-text.anim-slideup{animation:cceTextRise .4s ease-out}
.cce-video-frame .cce-visible-text.anim-slideleft{animation:cceTextLeft .4s ease-out}
.cce-video-frame .cce-visible-text.anim-pop{animation:cceTextPop .35s cubic-bezier(.2,1.3,.35,1)}
@keyframes cceTextFade{from{opacity:0}to{opacity:1}}
@keyframes cceTextRise{from{opacity:0;transform:translate(-50%,calc(-50% + 20px))}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes cceTextLeft{from{opacity:0;transform:translate(calc(-50% + 25px),-50%)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes cceTextPop{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:600px){.cce-style-presets{grid-template-columns:repeat(3,1fr)}.cce-overlay-handle{flex-basis:13px}.cce-video-frame .cce-visible-text.is-selected{outline-offset:4px}}
@media(prefers-reduced-motion:reduce){.cce-video-frame .cce-visible-text{animation:none!important}}

/* Easy Mode v1: clear direct actions, compact inspector, calm visual hierarchy. */
.cce-quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#fff;border:1px solid #e8ebef;border-radius:14px;box-shadow:0 2px 9px #25334a06}
.cce-quick-actions button{min-height:37px;border-radius:9px;padding:0 15px;font-weight:850;font-size:11px;letter-spacing:0;cursor:pointer;white-space:nowrap;transition:transform .13s,background .13s,border-color .13s}
.cce-quick-actions button:hover{transform:translateY(-1px)}
.cce-quick-primary{background:#ed6e61;border:1px solid #ed6e61;color:white;box-shadow:0 3px 10px #e96f5e24}
.cce-quick-primary:hover{background:#d95b4f}
.cce-quick-secondary{background:#fbfcfd;border:1px solid #e3e7eb;color:#4e5c6a}
.cce-quick-secondary:hover{background:#fff7f4;border-color:#efc0b7;color:#da6359}
.cce-quick-tip{margin-left:auto;color:#98a2af;font-size:10px;font-weight:600;padding-right:6px}
.cce-topbar .cce-save-note{font-size:10px;font-weight:800;color:#67847a}
.cce-topbar .cce-save-note[data-saving=true],#cce-text-save-note[data-saving=true]{color:#b47e44}
.cce-topbar .cce-save-note[data-saving=false],#cce-text-save-note[data-saving=false]{color:#40846c}
.cce-inspector .cce-section-title{margin-bottom:10px}
.cce-inspector .cce-section-title strong{font-size:16px;letter-spacing:-.02em}
.cce-inspector .cce-section-title small{font-size:10px;color:#6e8b7b;font-weight:750}
.cce-inspector .cce-field{margin:9px 0}
.cce-inspector .cce-field>span{color:#576778;font-size:10px;font-weight:850}
.cce-inspector .cce-field textarea[data-cce-field=text]{min-height:95px;line-height:1.4;font-size:15px!important;font-weight:650;color:#29333e;padding:12px;resize:vertical}
.cce-inspector .cce-field input[type=color][data-cce-field=text-color]{height:40px;border-radius:9px;cursor:pointer}
.cce-inspector .cce-style-presets{gap:6px;margin-bottom:8px}
.cce-inspector .cce-style-card{padding:7px 3px 6px}
.cce-inspector-heading{margin:11px 0 8px}
.cce-easy-colors{display:flex;gap:8px;margin:5px 0 12px}
.cce-easy-color{width:29px;height:29px;flex:0 0 29px;border-radius:50%;border:2px solid white;outline:1px solid #e0e3e6;background:var(--swatch);cursor:pointer;transition:transform .12s,outline-color .12s;box-shadow:0 1px 4px #171e2b12}
.cce-easy-color.active{outline:2px solid #e76a5e;transform:scale(1.08)}
.cce-easy-color:focus-visible{outline:3px solid #e76a5e;outline-offset:2px}
.cce-advanced{border:1px solid #ebedf0;border-radius:12px;background:#fcfdfe;margin:10px 0;overflow:hidden}
.cce-advanced>summary{cursor:pointer;list-style:none;padding:12px 11px;font-size:11px;font-weight:850;color:#586577;display:flex;align-items:center;justify-content:space-between;gap:8px;user-select:none}
.cce-advanced>summary::-webkit-details-marker{display:none}
.cce-advanced>summary:after{content:'⌄';font-size:16px;color:#a0a9b4;line-height:1}
.cce-advanced[open]>summary:after{content:'⌃'}
.cce-advanced>summary span{font-size:9px;font-weight:550;color:#99a1ac;text-align:right}
.cce-advanced-body{border-top:1px solid #e9ecf0;padding:10px 11px}
.cce-advanced .cce-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cce-simple-hint{color:#867356;background:#fff9ed;border:1px solid #f6ebd7;border-radius:9px;padding:10px 11px;font-size:10px;line-height:1.6;margin-top:7px}
.cce-simple-bottom{margin-top:12px}
.cce-simple-bottom button{flex:1;min-width:85px}
.cce-viewer .cce-player-hint{font-size:10px;color:#919ca8;padding:5px 14px 11px}
.cce-library-content .cce-help{padding:9px 10px;line-height:1.5}
.cce-inspector .cce-inspector-bottom{padding-top:12px}
.cce-editor .cce-timeline{min-height:260px}
.cce-editor .cce-overlay-handle{min-width:12px;flex-basis:12px}
.cce-editor .cce-overlay-handle:active{background:#df8445}
.cce-topbar,.cce-main,.cce-quick-actions,.cce-timeline{max-width:100%}
@media(max-width:880px){
.cce-quick-actions{gap:7px}
.cce-quick-tip{display:none}
.cce-quick-actions button{flex:1;min-width:94px}
.cce-inspector .cce-style-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
.cce-quick-actions{position:sticky;top:0;z-index:18;background:#fffffff5;backdrop-filter:blur(12px);padding:8px;gap:5px;box-shadow:0 3px 10px #1624370b}
.cce-quick-actions button{font-size:10px;padding:0 8px;min-width:unset;min-height:39px}
.cce-inspector{scroll-margin-top:80px}
.cce-inspector .cce-field textarea[data-cce-field=text]{font-size:16px!important}
.cce-easy-colors{gap:10px}
.cce-easy-color{width:32px;height:32px;flex-basis:32px}
.cce-advanced>summary span{display:none}
}
.cce-main{height:min(65vh,640px);min-height:510px}
.cce-retry-save{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e8b2aa;border-radius:8px;background:#fff4f1;color:#b74a41;font-size:10px;font-weight:850;min-height:29px;padding:0 10px;cursor:pointer}
.cce-retry-save[hidden]{display:none!important}
@media(max-width:880px){.cce-main{height:auto;min-height:0}}

/* Keep timeline above the fold while quick settings stay reachable. */
.cce-main{height:min(55vh,580px);min-height:405px}
@media(max-width:880px){.cce-main{height:auto;min-height:0}}