/* Éditeur de démonstration grand format. Tous les sélecteurs restent isolés. */
.cl-editor-showcase{--ce-ink:#181d2a;--ce-muted:#7e8491;--ce-line:#e8eaf0;--ce-orange:#ff681e;position:relative;width:100%;min-width:0;padding:22px;background:#fff;border:1px solid #e8e8ee;border-radius:22px;box-shadow:0 25px 80px #89583d0e,0 3px 10px #20190f05;color:var(--ce-ink);font-family:Inter,Arial,sans-serif;text-align:left;overflow:hidden;isolation:isolate}
.cl-editor-showcase *{box-sizing:border-box}.cl-editor-showcase button,.cl-editor-showcase input,.cl-editor-showcase select{font:inherit}.cl-editor-showcase button{cursor:pointer}.cl-editor-showcase a{color:inherit;text-decoration:none}.cl-editor-showcase .ic{display:inline-flex;flex:none;width:17px;height:17px;vertical-align:middle}.cl-editor-showcase .ic svg{width:100%;height:100%}.cl-editor-showcase button:focus-visible,.cl-editor-showcase input:focus-visible,.cl-editor-showcase select:focus-visible,.cl-editor-showcase a:focus-visible{outline:3px solid #f18b4a;outline-offset:3px}
.ce-project-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.ce-live-pill{display:flex;align-items:center;gap:7px;color:#e26924;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:8px}.ce-live-pill .ic{width:13px;height:13px}.cl-editor-showcase .ce-project-bar h3{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin:0;font-weight:750}.cl-editor-showcase .ce-project-bar p{font-size:13px;line-height:1.5;margin:7px 0 0;color:#8b909c}.ce-demo-badge{display:flex;align-items:center;gap:7px;border-radius:22px;padding:10px 13px;background:#edf9f1;color:#358965;font-size:11px;font-weight:550;white-space:nowrap}.ce-demo-badge .ic{width:14px;height:14px}
.ce-clip-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}.ce-clip-option{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;background:#fafbfc;border:1px solid #e7e9ef;border-radius:12px;text-align:left;color:var(--ce-ink);transition:border-color .2s,background .2s,box-shadow .2s}.ce-clip-option.ce-selected{background:#fff9f4;border-color:#ff9a5d;box-shadow:0 0 0 2px #fff0e5}.ce-clip-thumb{position:relative;display:block;flex:none;width:45px;height:71px;border-radius:7px;overflow:hidden;background:#1b1a19}.ce-clip-thumb img{display:block;width:100%;height:100%;object-fit:cover}.ce-clip-thumb>b{position:absolute;right:2px;bottom:3px;border-radius:4px;background:#000a;color:#fff;font-size:8px;line-height:1.4;padding:2px 3px;font-weight:600}.ce-clip-option-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.ce-clip-option-copy>small{display:flex;align-items:center;gap:8px;color:#989ba7;font-size:9px;letter-spacing:.06em}.ce-clip-option-copy em{font-style:normal;margin-left:auto;color:#b08437;background:#fff1d9;border:1px solid #f6ddb0;padding:2px 5px;border-radius:5px;letter-spacing:0}.ce-clip-option-copy>strong{font-size:13px;line-height:1.35;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ce-clip-option-copy>span{display:flex;align-items:center;gap:6px;color:#858b97;font-size:10px}.ce-clip-option.ce-selected .ce-clip-option-copy>span{color:#e26924}.ce-clip-option-copy>span .ic{width:12px;height:12px}
.ce-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:63px;padding:11px 0 15px;border-top:1px solid #f0f1f5;border-bottom:1px solid #eceef3}.ce-heading{display:flex;gap:10px;align-items:center;min-width:0}.ce-heading>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #e8eaf1;border-radius:7px;background:#fafbfc}.ce-heading strong{display:block;font-size:16px;font-weight:650;letter-spacing:-.025em;line-height:1.3;max-width:580px}.ce-heading small{display:block;font-size:10px;color:#9398a4;margin-top:4px}.ce-formats{display:flex;align-items:center;gap:4px;padding:4px;background:#f6f7fa;border-radius:9px;flex:none}.ce-formats>span{font-size:8px;letter-spacing:.08em;color:#9197a3;padding:0 7px}.ce-formats button{background:transparent;border:1px solid transparent;color:#747c8b;font-size:12px;padding:8px 10px;border-radius:6px;line-height:1}.ce-formats button.ce-selected,.ce-layouts button.ce-selected{border-color:#ffd9c2;background:#ffefe3;color:#e86724}
.ce-workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;padding-top:7px}.ce-main{min-width:0}.ce-frame-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px}.ce-frame-toolbar>small{font-size:10px;color:#959ba7;line-height:1.4;max-width:180px}.ce-layouts{display:flex;gap:3px;align-items:center;padding:4px;border-radius:8px;background:#f7f8fa}.ce-layouts button{padding:7px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#7f8794;font-size:10px;white-space:nowrap}
.ce-source{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;border-radius:12px;background:#14191b;width:100%}.ce-source>video{display:block;width:100%;height:100%;object-fit:cover}.ce-crop{position:absolute;z-index:2;margin:0;padding:0;border:2px solid #6be6b1;background:transparent!important;color:#2d8665;box-shadow:0 0 0 1px #0001;cursor:grab!important;touch-action:none;user-select:none;-webkit-user-select:none}.ce-crop-bottom{border-color:#59cbf3;color:#1b7390}.ce-crop:active{cursor:grabbing!important}.ce-crop.ce-frame-active{z-index:3;box-shadow:0 0 0 1px #fff8,0 0 18px #6be6b123}.ce-crop-bottom.ce-frame-active{box-shadow:0 0 0 1px #fff8,0 0 18px #59cbf329}.ce-crop>span{position:absolute;left:-2px;top:-2px;display:flex;align-items:center;gap:7px;background:#b0f1d1;border:1px solid #7fdbb0;padding:7px 10px;border-radius:7px 0 7px 0;font-size:12px;font-weight:600;color:#226449;pointer-events:none}.ce-crop-bottom>span{background:#ade6fc;border-color:#66cef4;color:#1a5e77}.ce-crop>span .ic{width:12px;height:12px;opacity:.65}.ce-crop>i{position:absolute;width:7px;height:7px;border:1px solid currentColor;border-radius:2px;background:#fff;pointer-events:none}.ce-crop>i:nth-of-type(1){top:-4px;left:-4px}.ce-crop>i:nth-of-type(2){top:-4px;right:-4px}.ce-crop>i:nth-of-type(3){bottom:-4px;right:-4px}.ce-crop>i:nth-of-type(4){bottom:-4px;left:-4px}.ce-source-layout-0 .ce-crop-bottom{opacity:.3;border-style:dashed}.ce-source-layout-4 .ce-crop{opacity:.35;border-style:dashed}.ce-zoom-label{position:absolute;right:11px;top:11px;background:#12181bbd;color:#fff;padding:6px 8px;border-radius:6px;font-size:11px;z-index:3}.ce-source-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:28px 14px 11px;background:linear-gradient(transparent,#030506bd);color:#fff;z-index:4}.ce-source-controls button,.ce-source-controls a{display:grid;place-items:center;padding:4px;background:transparent;color:#fff;border:0;min-width:24px;min-height:24px}.ce-source-controls .ic{width:16px;height:16px}.ce-source-controls>span{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.ce-source-controls input{display:block;flex:1;min-width:0;width:100%;height:4px;accent-color:#ff7d29;cursor:pointer}
.ce-crop-help{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0 5px}.ce-crop-help>span{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.45;color:#9299a5;max-width:335px}.ce-crop-help>span .ic{width:15px;height:15px;color:#78848d}.ce-crop-help>button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffdbc5;border-radius:8px;background:#fff7f1;color:#df692a;font-size:10px;white-space:nowrap}.ce-crop-help>button .ic{width:12px;height:12px}.ce-crop-help>button.ce-active{background:#ff7b30;border-color:#ff7b30;color:#fff}.ce-transport{display:flex;gap:13px;align-items:center;min-height:49px;color:#9299a4;font-size:10px}.ce-transport>button{display:grid;place-items:center;min-width:26px;min-height:28px;padding:4px;background:transparent;border:0;color:#777f8c}.ce-transport>button:first-child{color:#252c37}.ce-transport>button .ic{width:17px;height:17px}.ce-transport>span:not(.ce-demo-note){padding:5px 10px;border:1px solid #eceef3;border-radius:6px;font-size:10px}.ce-transport-spacer{flex:1}.ce-demo-note{font-size:9px;color:#a2a7b1}.ce-transport>a{display:flex;gap:7px;align-items:center;padding:8px 11px;border:1px solid #e6e9ef;border-radius:8px;font-size:11px;color:#64707d}.ce-transport>a .ic{width:15px;height:15px}
.ce-timeline{padding:5px 0 9px}.ce-ruler{display:flex;justify-content:space-between;padding:0 0 11px;border-bottom:1px solid #e4e8ef;color:#939ba6;font-size:10px;font-variant-numeric:tabular-nums;background:repeating-linear-gradient(90deg,transparent 0 12px,#e5e8ee 12px 13px);background-repeat:no-repeat;background-position:bottom;background-size:100% 5px}.ce-timeline-track{position:relative;padding-top:17px}.ce-keyframes{position:absolute;top:0;left:0;right:0;height:16px}.ce-keyframes button{position:absolute;top:4px;width:9px;height:9px;padding:0;border:1px solid #242c4a50;border-radius:2px;background:var(--ce-marker);transform:translateX(-50%) rotate(45deg)}.ce-keyframes button::after{content:'';position:absolute;inset:-5px}.ce-filmstrip{height:47px;overflow:hidden;background:#242829;border:1px solid #dce0e6;border-radius:5px}.ce-filmstrip>img{display:block;width:100%;height:100%;object-fit:fill}.ce-caption-track{position:relative;height:31px;margin-top:5px;background:#fff6ef;border-radius:5px;overflow:hidden}.ce-caption-track>button{position:absolute;top:2px;bottom:2px;display:block;min-width:0;padding:3px 5px;border:1px solid #fff;border-radius:4px;background:#ffeadc;color:#ab7652;font-size:9px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left}.ce-caption-track>button.ce-caption-current{background:#ffb889;color:#7d3f17;border-color:#ffa567}.ce-audio-track{display:flex;gap:8px;align-items:center;height:28px;margin-top:5px;padding:3px 7px;overflow:hidden;border:1px solid #e8ddf9;border-radius:4px;background:#f4eefd;color:#ac83d9}.ce-audio-track>.ic{width:13px;height:13px}.ce-audio-track>img{flex:1;min-width:0;width:calc(100% - 21px);height:100%;object-fit:fill}.ce-playhead{position:absolute;top:0;bottom:0;left:var(--ce-playhead);width:2px;background:#ff7a29;pointer-events:none;z-index:2;transition:left .12s linear}.ce-playhead>i{position:absolute;top:-2px;left:-4px;width:9px;height:10px;background:#ff7a29;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);border-radius:2px}
.ce-inspector{min-width:0;padding:15px 0 0 19px;border-left:1px solid #e9ecf2}.ce-inspector-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ce-inspector-top>b{font-size:13px;font-weight:650}.ce-inspector-top>span{color:#9da3ad}.ce-preview-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:start}.ce-preview{container-type:inline-size;position:relative;width:100%;aspect-ratio:var(--ce-ratio);overflow:hidden;background:#15191c;border-radius:12px;isolation:isolate;box-shadow:0 0 0 1px #0001,0 5px 12px #00000012}.ce-preview-primary,.ce-preview-secondary,.ce-preview-third{position:absolute;inset:0;overflow:hidden}.ce-preview video{position:absolute;display:block;max-width:none;object-fit:fill;transform:none}.ce-preview-secondary,.ce-preview-third{display:none}.ce-preview-layout-1 .ce-preview-primary{bottom:50%;border-bottom:1px solid #fffa}.ce-preview-layout-1 .ce-preview-secondary{display:block;top:50%}.ce-preview-layout-2 .ce-preview-primary{bottom:50%;border-bottom:1px solid #fffa}.ce-preview-layout-2 .ce-preview-secondary{display:block;top:50%;right:50%;border-right:1px solid #fffa}.ce-preview-layout-2 .ce-preview-third{display:block;top:50%;left:50%}.ce-preview-layout-3 .ce-preview-secondary{display:block;inset:auto auto 5% 5%;width:35%;height:34%;border:2px solid #fff;border-radius:5px;box-shadow:0 3px 9px #0004}.ce-preview-layout-4 .ce-preview-primary video{left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain}.ce-caption{position:absolute;left:5%;right:5%;bottom:12%;display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;z-index:3;font-family:var(--ce-caption-font);font-size:min(var(--ce-caption-size),calc(88cqw / var(--ce-caption-units,10)));font-weight:700;font-style:italic;line-height:1.12;letter-spacing:-.025em;text-align:center;text-transform:uppercase;text-shadow:1px 1px #000,-1px -1px #000,-1px 1px #000,1px -1px #000;transform:rotate(-3deg);pointer-events:none}.ce-caption>span,.ce-caption>mark{display:block;max-width:100%;padding:0 1px;background:transparent;white-space:nowrap}.ce-caption>mark{color:var(--ce-accent)}.ce-caption-position-0 .ce-caption{bottom:auto;top:11%}.ce-caption-position-1 .ce-caption{bottom:auto;top:50%;transform:translateY(-50%) rotate(-3deg)}.ce-caption-style-1>span,.ce-caption-style-1>mark{padding:2px 4px;border-radius:3px;background:var(--ce-accent);color:#181818;text-shadow:none;font-style:normal;font-weight:800}.ce-caption-style-2{-webkit-text-stroke:.6px #161616;text-shadow:1px 1px #000,0 2px #000}.ce-caption-style-3{text-shadow:0 0 3px var(--ce-accent),0 0 7px var(--ce-accent),0 1px 1px #000}.ce-caption-style-4{font-style:normal;font-weight:500;letter-spacing:0;transform:none;text-shadow:0 1px 3px #0009}.ce-caption-position-1 .ce-caption-style-4{transform:translateY(-50%)}.ce-quick-tools{display:flex;flex-direction:column;gap:8px;padding-top:2px}.ce-quick-tools button,.ce-quick-tools a{display:flex;align-items:center;gap:6px;min-height:38px;padding:7px 8px;border:1px solid #e8ebf1;border-radius:8px;background:#fff;color:#626b7a;font-size:10px;text-align:left;line-height:1.3}.ce-quick-tools .ic{width:14px;height:14px}.ce-quick-tools button.ce-active{background:#fff0e6;border-color:#ffd8bf;color:#e16d2d}
.ce-frame-controls{padding:12px 0 10px;border-bottom:1px solid #eef0f5}.ce-frame-tabs{display:flex;gap:5px;align-items:center;margin-bottom:8px}.ce-frame-tabs>button{display:flex;align-items:center;gap:5px;padding:6px 9px;background:#f6f8fa;border:1px solid #e7ebf0;border-radius:6px;font-size:10px;color:#7c8795}.ce-frame-tabs>button i{width:5px;height:5px;border-radius:50%;background:#6bd7a4}.ce-frame-tabs>button:nth-child(2) i{background:#5ac6ed}.ce-frame-tabs>button.ce-selected{background:#eafaf1;color:#287254;border-color:#b9e5d0}.ce-frame-tabs>button.ce-selected:nth-child(2){background:#edf9ff;color:#246d88;border-color:#bde7f9}.ce-frame-tabs>.ce-reset-frames{margin-left:auto;border-color:transparent;background:transparent;font-size:9px;padding-right:0}.ce-reset-frames .ic{width:12px;height:12px}.ce-focus-control{display:block;margin:6px 0;font-size:10px;color:#96a0aa}.ce-focus-control>span{display:flex;align-items:center;gap:8px}.ce-focus-control input{min-width:0;flex:1;height:4px;accent-color:#ff802f;cursor:pointer}.ce-focus-control b{font-size:10px;font-weight:500;min-width:31px;text-align:right;font-variant-numeric:tabular-nums;color:#7c8793}
.ce-caption-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:13px 0 10px;border:0;background:#fff;color:#475361;text-align:left}.ce-caption-toggle>.ic{width:16px;height:16px}.ce-caption-toggle>b{font-size:12px;font-weight:600}.ce-caption-toggle>i{position:relative;display:block;width:33px;height:19px;flex:none;margin-left:auto;background:#dce1e7;border-radius:20px;transition:background .2s}.ce-caption-toggle>i::after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:transform .2s}.ce-caption-toggle>i.ce-on{background:#ff792b}.ce-caption-toggle>i.ce-on::after{transform:translateX(14px)}.ce-settings{transition:opacity .2s}.ce-settings-muted{opacity:.48}.ce-label{display:block;margin:8px 0 6px;font-size:9px;letter-spacing:.035em;color:#9aa2ad;font-weight:500}.ce-style-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.ce-style-choice{height:40px;padding:4px 0;border:1px solid #e6eaf0;border-radius:7px;background:#fff;color:#687584;font-size:17px;font-weight:700;letter-spacing:-.05em}.ce-style-choice-0{color:#eac82d}.ce-style-choice-1{background:#f7f8fb;color:#303743}.ce-style-choice-2{color:#dec64d;-webkit-text-stroke:.6px #111}.ce-style-choice-3{color:#e3c83e;text-shadow:0 0 4px #e9d04c}.ce-style-choice-4{color:#bdb159}.ce-style-choice.ce-selected{border-color:#ff9f66;box-shadow:0 0 0 2px #fff0e7;background:#fffaf6}.ce-color-choices{display:flex;gap:11px;align-items:center;margin:14px 2px}.ce-color-choices>button{position:relative;width:22px;height:22px;border:1px solid #0000000c;border-radius:50%;padding:0}.ce-color-choices>button::after{content:'';position:absolute;inset:-4px}.ce-color-choices>button.ce-selected{outline:2px solid #ff9851;outline-offset:3px}.ce-custom-color{position:relative;display:block;width:23px;height:23px;flex:none;overflow:hidden;border:1px solid #ffa251;border-radius:50%;background:conic-gradient(#f04b86,#fbe95d,#61e5af,#53b9ef,#aa6fe3,#f04b86);box-shadow:0 0 0 2px #fff,0 0 0 3px #f7d1b6;cursor:pointer}.ce-custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}.ce-font-size{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:11px;margin:2px 0 10px}.ce-font-size label{min-width:0}.ce-font-size select{width:100%;height:34px;padding:6px 8px;border:1px solid #e6eaf0;border-radius:7px;background:#fff;color:#647180;font-size:11px}.ce-size-choices{display:flex;height:34px;overflow:hidden;border:1px solid #e6eaf0;border-radius:7px}.ce-size-choices button{flex:1;min-width:0;padding:4px;border:0;background:#fff;font-size:11px;color:#97a0ab}.ce-size-choices button.ce-selected{background:#fff0e6;color:#e77738}.ce-position-choices{display:flex;height:34px;border:1px solid #e6eaf0;border-radius:7px;overflow:hidden}.ce-position-choices button{flex:1;padding:5px;border:0;border-right:1px solid #f0f2f5;background:#fff;color:#8d98a5;font-size:10px}.ce-position-choices button:last-child{border-right:0}.ce-position-choices button.ce-selected{background:#fff0e5;color:#eb7a39}.ce-original{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;font-size:10px;color:#8d97a3!important;padding:7px 0}.ce-original .ic{width:12px;height:12px}.ce-export{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:41px;padding:10px;margin-top:7px;border:1px solid #ff914b;border-radius:9px;background:linear-gradient(135deg,#ff8230,#ff5a0d);color:#fff!important;font-size:12px;font-weight:650;box-shadow:0 4px 15px #ff732121}.ce-export .ic{width:17px;height:17px}.cl-editor-showcase .ce-export-note{margin:9px 4px 0;font-size:9px;line-height:1.5;text-align:center;color:#9ca5af}
@media(max-width:1100px){.cl-editor-showcase{padding:18px}.ce-workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.ce-inspector{padding-left:14px}.ce-preview-row{grid-template-columns:140px minmax(0,1fr);gap:9px}.ce-frame-toolbar>small{display:none}.ce-frame-toolbar{justify-content:flex-end;min-height:48px}.ce-layouts button{font-size:9px;padding:7px}.ce-heading strong{font-size:14px}.ce-formats>span{display:none}.ce-clip-option-copy>strong{font-size:12px}.ce-clip-option{gap:8px}.ce-demo-note{display:none}.ce-crop-help{flex-direction:column;align-items:flex-start;gap:8px}.ce-crop-help>span{max-width:none}.ce-color-choices{gap:9px}.ce-color-choices>button{width:20px;height:20px}.ce-custom-color{width:21px;height:21px}}
@media(max-width:860px){.ce-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.ce-frame-toolbar>small{display:block;max-width:220px;font-size:11px}.ce-layouts button{font-size:10px;padding:8px}.ce-inspector{display:grid;grid-template-columns:42% minmax(0,1fr);gap:0 25px;border-left:0;border-top:1px solid #e9ecf2;padding:18px 0 0}.ce-inspector-top{grid-column:1;grid-row:1;align-self:center;margin:0 0 12px;min-height:30px}.ce-preview-row{grid-column:1;grid-row:2/6;display:flex;flex-direction:column;gap:14px;align-self:start}.ce-preview{width:min(100%,220px);margin-inline:auto}.ce-quick-tools{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px;padding:0}.ce-quick-tools button,.ce-quick-tools a{justify-content:center;min-height:36px;font-size:10px}.ce-quick-tools>a{grid-column:1/-1}.ce-frame-controls{grid-column:2;grid-row:1/3;padding-top:0;padding-bottom:15px;align-self:start}.ce-caption-toggle{grid-column:2;grid-row:3}.ce-settings{grid-column:2;grid-row:4}.ce-original{grid-column:2;grid-row:5;margin-top:15px}.ce-export{grid-column:2;grid-row:6;align-self:start}.cl-editor-showcase .ce-export-note{grid-column:2;grid-row:7}.ce-caption{font-size:min(calc(var(--ce-caption-size)*1.16),calc(88cqw / var(--ce-caption-units,10)))}.ce-crop-help{flex-direction:row;align-items:center}.ce-crop-help>span{max-width:330px}.ce-project-bar{gap:12px}.cl-editor-showcase .ce-project-bar h3{font-size:24px}.ce-demo-badge{font-size:10px;padding:9px 11px}}
@media(max-width:620px){.cl-editor-showcase{padding:14px;border-radius:16px}.ce-project-bar{margin-bottom:16px}.cl-editor-showcase .ce-project-bar h3{font-size:23px}.cl-editor-showcase .ce-project-bar p{font-size:12px;max-width:330px}.ce-demo-badge{display:none}.ce-clip-picker{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 9px;margin:0 -2px 12px;scrollbar-width:thin}.ce-clip-option{flex:0 0 78%;max-width:290px;scroll-snap-align:start;padding:9px}.ce-clip-option-copy>strong{font-size:13px}.ce-clip-thumb{width:42px;height:66px}.ce-header{display:block;padding:10px 0 12px}.ce-heading strong{font-size:14px}.ce-heading small{font-size:10px}.ce-formats{width:max-content;margin-top:13px;gap:5px}.ce-formats>span{display:block;font-size:9px}.ce-formats button{font-size:12px;padding:8px 12px}.ce-workspace{padding-top:0}.ce-frame-toolbar{justify-content:flex-start;min-height:47px}.ce-frame-toolbar>small{display:none}.ce-layouts{width:100%;justify-content:space-between;gap:0;padding:4px 3px}.ce-layouts button{padding:7px 6px;font-size:9px}.ce-source{border-radius:9px}.ce-crop{border-width:1.5px}.ce-crop>span{font-size:10px;gap:4px;padding:5px 7px}.ce-crop>span .ic{width:10px;height:10px}.ce-crop>i{width:5px;height:5px}.ce-source-controls{gap:6px;padding:19px 7px 7px}.ce-source-controls>span{font-size:9px}.ce-source-controls .ic{width:13px;height:13px}.ce-source-controls button,.ce-source-controls a{min-width:22px;min-height:22px;padding:3px}.ce-crop-help{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px}.ce-crop-help>span{max-width:none;font-size:11px}.ce-crop-help>button{align-self:flex-start;font-size:11px;padding:9px 12px}.ce-transport{gap:11px;min-height:47px}.ce-transport .ic{width:16px;height:16px}.ce-transport>a{font-size:10px;padding:7px 9px}.ce-ruler{font-size:9px}.ce-filmstrip{height:33px}.ce-caption-track{height:27px}.ce-caption-track>button{font-size:7px;padding:3px}.ce-audio-track{height:24px}.ce-inspector{gap:0 15px;grid-template-columns:42% minmax(0,1fr);padding-top:13px}.ce-inspector-top>b{font-size:12px}.ce-preview{max-width:170px;border-radius:10px}.ce-caption{font-size:min(calc(var(--ce-caption-size)*.88),calc(88cqw / var(--ce-caption-units,10)))}.ce-preview-row{gap:12px}.ce-quick-tools{grid-template-columns:1fr;gap:6px}.ce-quick-tools button,.ce-quick-tools a{font-size:10px;min-height:33px}.ce-quick-tools>a{grid-column:1}.ce-frame-tabs{gap:3px}.ce-frame-tabs>button{padding:6px;font-size:9px}.ce-frame-tabs>.ce-reset-frames{padding:5px 2px;margin-left:auto}.ce-reset-frames>span{display:none}.ce-focus-control{font-size:9px}.ce-focus-control b{font-size:9px;min-width:27px}.ce-caption-toggle{gap:5px;padding-top:9px}.ce-caption-toggle>b{font-size:10px}.ce-caption-toggle>.ic{width:13px;height:13px}.ce-caption-toggle>i{width:29px;height:17px}.ce-caption-toggle>i::after{width:11px;height:11px}.ce-caption-toggle>i.ce-on::after{transform:translateX(12px)}.ce-label{font-size:8px;margin-top:8px}.ce-style-choices{gap:4px}.ce-style-choice{height:32px;font-size:14px}.ce-color-choices{gap:8px;margin:12px 2px}.ce-color-choices>button{width:15px;height:15px}.ce-custom-color{width:17px;height:17px}.ce-font-size{gap:6px;grid-template-columns:minmax(0,1fr) 40%;margin-bottom:9px}.ce-font-size select{height:31px;font-size:9px;padding:5px}.ce-size-choices{height:31px}.ce-size-choices button{font-size:10px}.ce-position-choices{height:31px}.ce-position-choices button{font-size:9px;padding:4px}.ce-original{font-size:9px;gap:5px;text-align:center;line-height:1.4}.ce-original .ic{width:10px;height:10px}.ce-export{font-size:10px;gap:5px;padding:9px 7px;line-height:1.35}.ce-export .ic{width:13px;height:13px}.cl-editor-showcase .ce-export-note{font-size:8px}}
@media(max-width:380px){.cl-editor-showcase{padding:11px}.ce-formats button{padding:8px 10px}.ce-inspector{gap:0 11px;grid-template-columns:40% minmax(0,1fr)}.ce-color-choices{gap:6px}.ce-color-choices>button{width:13px;height:13px}.ce-custom-color{width:15px;height:15px}.ce-caption-toggle>b{font-size:9px}.ce-inspector-top>b{font-size:11px}.ce-frame-tabs>button{padding:5px;font-size:8px}.ce-layouts button{font-size:8px;padding:7px 5px}.ce-caption{font-size:min(calc(var(--ce-caption-size)*.75),calc(88cqw / var(--ce-caption-units,10)))}}
@media(prefers-reduced-motion:reduce){.cl-editor-showcase *,.cl-editor-showcase *::before,.cl-editor-showcase *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}