/* ZIMU editing desk: a wide caption workspace with a tactile timeline. */
:root{--desk-blue:#3159dc;--desk-ink:#182439}
button{transition:background .16s,box-shadow .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8ca4ff;outline-offset:3px}
.cover-view{max-width:1260px;margin:auto;padding:76px 48px 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px 54px;color:var(--desk-ink)}.cover-eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#65738b;margin:0 0 30px}.cover-copy h1{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2px;font-weight:800;line-height:1.28;margin:0 0 26px}.cover-copy h1 span{color:var(--desk-blue)}.cover-intro{font-size:17px;line-height:1.9;color:#68758a;margin-bottom:28px}.cover-enter{font-size:17px;padding:16px 25px;border-radius:12px;min-width:220px;display:flex;justify-content:space-between;gap:28px;box-shadow:0 8px 24px #3159dc25}.cover-local{color:#788397;font-size:12px;margin:17px 0}.cover-local span{color:#5b9d80;font-size:9px;margin-right:6px}.cover-composition{align-self:center;transform:rotate(-2deg);padding:16px;background:#fff;border:1px solid #e0e6f0;border-radius:20px;box-shadow:0 24px 65px #273e7b12}.cover-frame{height:280px;background:#172541;border-radius:12px;position:relative;overflow:hidden;padding:22px;color:white}.cover-frame-label{font-size:10px;letter-spacing:2px;position:relative;z-index:1;color:#aabbe2}.cover-orbit{position:absolute;width:250px;height:250px;border:1px solid #8396c350;border-radius:50%;left:20%;top:5%;box-shadow:0 0 0 26px #8396c314,0 0 0 52px #8396c30b}.cover-subtitle{position:absolute;bottom:70px;left:0;width:100%;text-align:center;font-size:23px;letter-spacing:2px;font-weight:600}.cover-player{position:absolute;bottom:22px;left:22px;right:22px;display:flex;gap:12px;align-items:center;font-size:10px}.cover-player i{height:2px;flex:1;background:linear-gradient(90deg,#91aaff 40%,#58677f 40%)}.cover-track{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;color:#7a879b}.cover-track>span{width:30px;flex:none}.cover-wave{color:#929fc4;overflow:hidden;white-space:nowrap;letter-spacing:3px;height:27px;font-size:21px}.cover-cue{border-radius:5px;background:#dce5ff;color:#3459c8;padding:10px 15px;flex:1;white-space:nowrap}.cover-cue.pale{background:#eef1f8;color:#8794ab}.cover-caption{font-size:11px;color:#8a96a8;text-align:right;margin:18px 0 2px}.cover-flow{grid-column:1/-1;display:flex;justify-content:space-between;list-style:none;padding:26px 0 0;margin:0;border-top:1px solid #e1e6ee;color:#5c6a80;font-size:14px}.cover-flow b{font-size:11px;letter-spacing:1px;color:#94a1b7;margin-right:15px}
.studio{grid-template-columns:310px minmax(0,1fr);gap:16px}.inspector{height:510px;grid-row:1;grid-column:1}.inspector-tabs{grid-template-columns:1fr 1fr}.preview-panel{height:510px}.center{min-width:0;grid-column:2;grid-row:1}.timeline-panel{grid-row:2;grid-column:1/-1;min-width:0}.studio>#captionTabPanel{grid-column:1/-1;grid-row:3;display:block;padding:20px 22px}.caption-heading{display:flex;gap:18px;align-items:center}.caption-heading h2{font-size:18px}.caption-help{color:#8490a3;font-size:12px}.caption-primary-actions{position:static;margin:8px 0}.caption-more{margin:8px 0}.caption-panel>.captions{max-height:460px;overflow:auto;min-height:130px;padding-right:6px}.cue-row{grid-template-columns:32px minmax(0,1fr) 28px;padding:14px 12px;gap:12px}.cue-row>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,34%);gap:8px 24px;align-items:center}.cue-row textarea{font-size:16px;min-height:66px;line-height:1.65;padding:10px;background:#fff;border:1px solid #e6ebf2;border-radius:8px;resize:vertical}.cue-row .cue-times,.cue-row.active .cue-times{display:flex;flex-wrap:wrap;gap:8px;margin:0}.cue-times input{max-width:82px}.cue-review-tools{grid-column:1/-1}.cue-row:focus-within{background:#f3f6ff;border-color:#bdccfa}.timeline-tools{display:flex;align-items:center;gap:16px;padding:0 18px 12px;color:#8090a4;font-size:11px}.timeline-tools label{display:flex;align-items:center;gap:8px;color:#4e607b}.timeline-tools select{font-size:12px;width:120px;padding:6px 8px}.timeline-viewport{overflow-x:auto;overscroll-behavior-x:contain;margin:0 18px;border:1px solid #e6ebf3;border-radius:10px;background:#f8faff;scrollbar-color:#bac8e6 #f1f4fa;scrollbar-width:thin}.timeline-content{min-width:100%;position:relative}.timeline-content .ruler{padding:8px 0 0;margin:0;height:28px;position:relative;font-size:10px;overflow:hidden}.ruler span{position:absolute;transform:translateX(-50%);white-space:nowrap}.ruler span:first-child{transform:none}.ruler span:last-child{transform:translateX(-100%)}.timeline-content .timeline{margin:0;height:83px;border-radius:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,#dce4f060 79px,#dce4f060 80px);overflow:visible}.timeline .timeline-clip{height:43px;top:15px;min-width:4px;padding:0 10px;border:1px solid #bbcaf6;background:#e1e9ff;color:#3556ad;cursor:grab;border-radius:6px;touch-action:none;overflow:hidden;user-select:none;font-size:12px;box-shadow:0 2px 3px #233b6610}.timeline .timeline-clip:hover,.timeline .timeline-clip:focus-visible{background:#cfdcff;border-color:#6487ee;z-index:3}.timeline .timeline-clip.active{background:#3159dc;color:white}.timeline .timeline-clip.dragging{cursor:grabbing;z-index:5;box-shadow:0 4px 14px #3159dc35;transform:none}.timeline .clip-label{pointer-events:none;white-space:nowrap}.timeline .clip-handle{position:absolute;top:0;bottom:0;width:9px;background:#3159dc14;cursor:ew-resize;touch-action:none}.clip-handle::after{content:'';position:absolute;left:4px;top:13px;height:15px;width:1px;background:#7190df}.clip-handle.start{left:0}.clip-handle.end{right:0}.timeline .playhead{pointer-events:none;top:0;height:76px;background:#ed9462;z-index:6}.timeline-footer{gap:12px}.timeline-footer span:first-child{font-size:11px}.timeline-panel button:disabled{opacity:.45}.inspector .setup,.inspector .appearance{overflow-y:auto}
@media(min-width:1500px){.studio{grid-template-columns:340px minmax(0,1fr)}.preview-panel,.inspector{height:580px}}
@media(max-width:1000px){.cover-view{padding:48px 28px;gap:42px 28px}.cover-frame{height:240px}.cover-subtitle{font-size:18px}.cue-row>div{grid-template-columns:1fr}.studio{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:820px){.studio .center{grid-column:1;grid-row:1}.studio .timeline-panel{grid-column:1;grid-row:2}.studio>#captionTabPanel{grid-column:1;grid-row:3}.studio .inspector{grid-column:1;grid-row:4;height:480px}.preview-panel{height:390px}.caption-help{display:none}.timeline-tools{flex-wrap:wrap;gap:8px 14px}.timeline-tools>span{width:100%}.timeline-footer>span:last-child{display:none}.cover-view{grid-template-columns:1fr;gap:32px;max-width:610px;padding:32px 24px}.cover-copy h1{font-size:44px}.cover-composition{transform:none}.cover-flow{flex-wrap:wrap;gap:15px}.cover-flow li{width:100%}.cover-eyebrow{margin-bottom:22px}}
@media(max-width:500px){.studio>#captionTabPanel{padding:14px 10px}.cue-row{padding:12px 4px;gap:6px;grid-template-columns:25px minmax(0,1fr) 22px}.cue-row textarea{font-size:16px}.preview-panel{height:320px}.timeline-viewport{margin:0 10px}.cover-copy h1{font-size:38px}.caption-panel>.captions{max-height:440px}.cover-local{font-size:11px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.cover-composition{transform:none}}
/* The cover explains the actual workflow; motion is confined to this view. */
.cover-view{display:block;max-width:1280px;padding:56px 48px 0}.cover-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:16px 0 60px}.cover-copy h1{font-size:clamp(42px,5.2vw,70px);line-height:1.2;letter-spacing:-1px;margin-bottom:25px}.cover-eyebrow{font-size:12px;letter-spacing:1.5px;color:#607189}.cover-intro{font-size:19px;line-height:1.8;color:#42516b;margin-bottom:12px}.cover-support{font-size:15px;line-height:1.85;color:#7b8798;margin:0 0 28px}.cover-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.cover-enter{justify-content:center;min-width:180px}.cover-learn{font-size:14px;color:#4f637f;border-bottom:1px solid #cbd6e5;padding:8px 0;background:none}.cover-local{font-size:12px}.cover-showcase{min-width:0}.cover-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#687891;font-size:13px;margin-bottom:10px}.cover-demo-head button{font-size:12px;min-height:36px}.cover-composition{transform:none;border-radius:18px;box-shadow:0 20px 64px #2c477416}.cover-frame{height:290px;background:linear-gradient(145deg,#172841,#253c63);padding:22px}.cover-frame-label{font-size:12px;letter-spacing:1.4px}.demo-format{position:absolute;right:20px;top:50px;color:#92a7cb;font-size:12px}.cover-orbit{width:270px;height:270px;left:18%;top:10%;animation:zimu-orbit 12s ease-in-out infinite}.cover-subtitle{height:40px;font-size:26px;letter-spacing:1px;bottom:80px}.demo-line{position:absolute;inset:0;text-shadow:0 2px 5px #0008;animation:zimu-caption-one 8s infinite}.line-two{animation-name:zimu-caption-two;opacity:0}.cover-player{font-size:12px}.cover-player i{position:relative;background:#64738d;height:3px;overflow:hidden}.cover-player i:after{content:'';display:block;background:#b6caff;width:100%;height:100%;transform-origin:left;animation:zimu-progress 8s linear infinite}.cover-track{font-size:12px;margin-top:16px;gap:10px}.cover-wave{display:flex;align-items:center;gap:5px;height:38px;flex:1;overflow:hidden}.cover-wave i{display:block;flex:1;min-width:3px;height:var(--height);background:#a3b4d8;border-radius:2px;animation:zimu-wave 1.5s ease-in-out var(--delay) infinite}.cover-caption-track{position:relative;padding-bottom:6px}.demo-playhead{position:absolute;left:42px;top:-51px;height:90px;width:2px;background:#d89b64;animation:zimu-scrub 8s linear infinite;pointer-events:none}.cover-cue{font-size:12px;overflow:hidden;text-overflow:ellipsis}.cover-demo-controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px}.cover-demo-controls>span{font-size:12px;color:#78889e;flex-basis:100%;text-align:center;margin-bottom:3px}.cover-demo-controls button{border:1px solid #e0e6f0;padding:8px 10px;border-radius:8px;font-size:13px;background:white;color:#69798f}.cover-demo-controls button.selected{border-color:#8ea8ee;background:#edf2ff;color:#3159dc}.cover-showcase[data-style=pop] .cover-subtitle{color:#fff06a;font-weight:800}.cover-showcase[data-style=lyric] .cover-subtitle{font-family:serif;letter-spacing:4px;color:#f5e8c8}.cover-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid #dce3ed;border-bottom:1px solid #dce3ed;padding:34px 0}.benefit-number{font-size:12px;color:#5978b6;letter-spacing:.5px}.cover-benefits h2{font-size:21px;margin:16px 0 12px;letter-spacing:0}.cover-benefits p{font-size:15px;color:#6c7b90;line-height:1.8;margin:0}.cover-workflow{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:72px 0;scroll-margin-top:30px}.cover-workflow h2,.cover-faq h2{font-size:32px;line-height:1.5;letter-spacing:-.5px;margin:0 0 16px}.cover-workflow>.cover-flow{display:flex;flex-direction:column;padding:0;border:0;gap:26px;grid-column:auto}.cover-workflow>div>p:last-child{font-size:16px;color:#718096}.cover-flow li{display:flex;gap:18px}.cover-flow b{display:flex;align-items:center;justify-content:center;background:#f1f5ff;border:1px solid #dfe7f7;width:38px;height:38px;flex:none;border-radius:10px;font-size:12px;color:#5576c6;margin:0}.cover-flow h3{margin:0 0 7px;font-size:17px;color:#273952}.cover-flow p{margin:0;font-size:14px;line-height:1.8;color:#78869a}.cover-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid #dce3ed;padding:54px 0 64px}.cover-faq details{border-bottom:1px solid #e5eaf1;padding:18px 0}.cover-faq details:first-child{padding-top:0}.cover-faq summary{font-size:16px;font-weight:600;cursor:pointer;color:#344963;line-height:1.6}.cover-faq details p{font-size:15px;color:#728197;line-height:1.9;margin:12px 0 0}.cover-outro{background:#eaf0ff;border:1px solid #d9e3fc;border-radius:18px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cover-outro h2{font-size:24px;margin:0 0 12px;letter-spacing:0}.cover-outro p{color:#6d7e98;font-size:15px;line-height:1.7;margin:0}.cover-outro button{flex:none;padding:14px 20px;font-size:15px}.cover-footer{display:flex;justify-content:space-between;margin:0;padding:30px 0;font-size:12px;color:#8693a6;background:transparent;border:0}.cover-footer strong{font-size:12px;letter-spacing:1.5px}.motion-paused *,body:not([data-view=cover]) .cover-view *{animation-play-state:paused!important}.recovery-banner{max-width:1184px;margin:20px auto;padding:18px 24px;display:flex;align-items:center;gap:16px;border:1px solid #e6cc92;background:#fffaf0;border-radius:12px}.recovery-banner>div{flex:1}.recovery-banner strong{font-size:16px;color:#715223}.recovery-banner p{font-size:14px;margin:5px 0 0;color:#7c6c53}.processing-error{margin:18px auto 0;max-width:630px;text-align:left;border:1px solid #e5d8b9;border-radius:14px;padding:20px;background:#fffaf0}.processing-error p{font-size:15px;line-height:1.7;color:#6d5c3f}.processing-error summary{font-size:13px;cursor:pointer}.processing-error pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;max-height:130px;overflow:auto;color:#806b51}.processing-error-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.processing-error-actions button{font-size:14px;min-height:42px;flex:1;white-space:nowrap}.processing-screen.has-error .processing-animation{animation:none;opacity:.35}.processing-screen.has-error .processing-animation i{animation:none}.processing-screen.has-error .processing-percent,.processing-screen.has-error .processing-track,.processing-screen.has-error .processing-stages{display:none}.processing-screen.has-error .processing-content{padding-top:24px;padding-bottom:24px}.processing-screen.has-error .processing-animation{height:36px;margin:14px auto}.processing-screen.has-error .processing-animation i{height:14px!important}.processing-screen.has-error{overflow:auto}
@keyframes zimu-wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes zimu-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes zimu-caption-one{0%,43%{opacity:1;transform:translateY(0)}48%,95%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}@keyframes zimu-caption-two{0%,44%{opacity:0;transform:translateY(5px)}49%,94%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(5px)}}@keyframes zimu-scrub{from{left:42px}to{left:calc(100% - 2px)}}@keyframes zimu-orbit{0%,100%{transform:scale(.95);opacity:.6}50%{transform:scale(1.06);opacity:1}}
@media(max-width:950px){.cover-view{padding:40px 28px 0}.cover-hero{gap:28px}.cover-copy h1{font-size:48px}.cover-support{font-size:14px}.cover-frame{height:260px}.cover-subtitle{font-size:21px}.cover-benefits{gap:20px}.cover-benefits p br{display:none}.cover-benefits h2{font-size:19px}.cover-workflow,.cover-faq{gap:32px}}
@media(max-width:700px){.cover-view{max-width:600px;padding:26px 22px 0}.cover-hero{grid-template-columns:1fr;padding-bottom:35px;gap:34px}.cover-copy h1{font-size:48px}.cover-eyebrow{margin-bottom:22px}.cover-intro{font-size:18px}.cover-frame{height:260px}.cover-benefits{grid-template-columns:1fr;padding:26px 0;gap:26px}.cover-benefits article{padding-left:15px;border-left:2px solid #d5e1fb}.cover-benefits h2{margin:9px 0}.cover-benefits p{font-size:15px}.cover-workflow,.cover-faq{grid-template-columns:1fr;padding:40px 0;gap:26px}.cover-workflow h2,.cover-faq h2{font-size:27px}.cover-workflow>.cover-flow{gap:24px}.cover-outro{padding:26px 22px;align-items:flex-start;flex-direction:column}.cover-outro h2{font-size:21px}.cover-outro button{width:100%}.cover-footer{gap:16px;flex-wrap:wrap}.recovery-banner{margin:14px;flex-wrap:wrap;padding:16px}.recovery-banner>div{flex-basis:100%}.processing-error{padding:16px}.processing-error-actions button{flex-basis:100%}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.cover-view *{animation:none!important}.cover-subtitle .line-one{opacity:1}.cover-subtitle .line-two{display:none}.cover-player i:after{transform:scaleX(.4)}.demo-playhead{left:42%}.cover-demo-head #coverMotion{display:none}}

.partial-notice{background:#fff8e9;border:1px solid #ecdcba;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.8;color:#705629;overflow-wrap:anywhere}
/* A bright editorial cover, with the same white working surface inside. */
body[data-view=cover]{background:#fff}.cover-view{position:relative;isolation:isolate;overflow:hidden}.cover-view:before{content:'';position:absolute;inset:0 0 auto;height:710px;z-index:-1;background:radial-gradient(ellipse at 96% 8%,#fff2ad 0,transparent 31%),radial-gradient(ellipse at 62% 21%,#e9e3ff 0,transparent 40%),radial-gradient(ellipse at 3% 53%,#d9f8ff 0,transparent 33%);pointer-events:none}.cover-hero{padding:30px 0 66px;gap:40px}.cover-copy h1{font-size:clamp(43px,4.7vw,64px);line-height:1.3;letter-spacing:-1.5px}.cover-copy h1 span{display:inline-block;color:#6947d7;background:linear-gradient(100deg,#365be7 8%,#8450dc 48%,#d43781 98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cover-eyebrow{color:#5b5b89;font-weight:750;letter-spacing:1.3px}.cover-hero .cover-eyebrow{display:inline-block;padding:9px 13px;background:#fff9;border:1px solid #e0daf4;border-radius:99px;font-size:12px}.cover-intro{color:#384762}.cover-enter,.cover-outro>.primary{background:linear-gradient(110deg,#3159dc,#7450d7);border-color:transparent;box-shadow:0 8px 24px #6d50d733}.cover-enter:hover,.cover-outro>.primary:hover{box-shadow:0 10px 28px #6850d74a;transform:translateY(-2px)}.cover-support{color:#66738a}.cover-showcase{position:relative;padding:18px 0 0}.cover-demo-phases{display:flex;justify-content:space-between;gap:8px;margin:0 0 18px}.cover-demo-phases span{display:flex;align-items:center;gap:7px;font-size:12px;color:#776c98;background:#f4f0ff;border:1px solid #e2d9f7;border-radius:99px;padding:8px 10px;white-space:nowrap;animation:zimu-phase 12s linear infinite}.cover-demo-phases span:nth-child(2){animation-delay:-8s}.cover-demo-phases span:nth-child(3){animation-delay:-4s}.cover-demo-phases b{font-size:11px;color:inherit}.cover-composition{border:1px solid #d9d7f2;background:linear-gradient(145deg,#fff,#f9f7ff);box-shadow:0 22px 55px #694ea922,0 4px 10px #37578a0a;transition:box-shadow .35s,transform .35s}.cover-composition:hover{transform:translateY(-3px);box-shadow:0 27px 60px #694ea92b}.cover-frame{background:linear-gradient(135deg,#23376b,#503383 58%,#76376a);height:285px}.cover-frame:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 5%,#db718950,transparent 50%),radial-gradient(ellipse at 12% 92%,#45c5d640,transparent 45%);pointer-events:none;animation:zimu-light 12s ease-in-out infinite}.cover-frame-label{color:#d1d2ff;position:relative;z-index:2}.demo-format{color:#d1c7ee;z-index:2}.cover-orbit{border-color:#aaa6e968;box-shadow:0 0 0 26px #d5b5ed12,0 0 0 52px #b9d7ff0c;animation-duration:12s}.cover-subtitle{z-index:2;font-size:27px}.cover-player{z-index:2;color:#e4dcfa}.cover-player i:after{background:linear-gradient(90deg,#65dced,#e9afff);animation-duration:12s}.demo-line{animation-duration:12s}.cover-caption-track .demo-playhead{background:#f09261;box-shadow:0 0 0 2px #f0926115;animation-duration:12s}.cover-wave i{background:#798ade}.cover-wave i:nth-child(3n){background:#bd7ada}.cover-wave i:nth-child(3n+1){background:#6fbccd}.cover-cue{background:#ebe0ff;color:#7852b6;border:1px solid #d6c3f2;animation:zimu-cue-one 12s linear infinite}.cover-cue.pale{background:#daf2f6;color:#347d94;border-color:#b6dde8;animation-name:zimu-cue-two}.cover-demo-controls button{border-radius:99px;transition:background .2s,box-shadow .2s,transform .2s}.cover-demo-controls button.selected{background:#714cce;color:white;border-color:#714cce;box-shadow:0 4px 12px #714cce22}.cover-showcase[data-style=vivid] .demo-line{inset:auto;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(100deg,#f5a6d8,#ffc571);padding:6px 14px;border-radius:8px;color:#392743;font-weight:800;text-shadow:none;animation-name:zimu-vivid-one}.cover-showcase[data-style=vivid] .line-two{animation-name:zimu-vivid-two}.cover-showcase[data-style=pop] .demo-line{text-shadow:-1px -1px #38294b,1px 2px #38294b,0 3px 0 #302448;font-weight:800}.cover-benefits{border:0;gap:0;background:#f4f5ff;border-radius:18px;overflow:hidden;padding:0}.cover-benefits article{padding:29px 26px;border-top:4px solid #8184e7}.cover-benefits article:nth-child(2){background:#fff3ed;border-color:#efa379}.cover-benefits article:nth-child(3){background:#eaf9f9;border-color:#69b8bc}.cover-benefits article:nth-child(2) .benefit-number{color:#ab633a}.cover-benefits article:nth-child(3) .benefit-number{color:#367e86}.cover-benefits h2{color:#293b55}.cover-benefits p{color:#566982}.cover-workflow .cover-flow li:nth-child(2) b{background:#fff0e9;border-color:#f4d4c0;color:#b27652}.cover-workflow .cover-flow li:nth-child(3) b{background:#e8f8f6;border-color:#bce6df;color:#3c8985}.cover-faq summary:hover{color:#714cce}.cover-faq details[open] summary{color:#714cce}.cover-outro{background:linear-gradient(110deg,#ece6ff,#ffe9ed 58%,#fff0cf);border-color:#e6d7f1;position:relative;overflow:hidden}.cover-outro h2{color:#45305f;font-size:28px;line-height:1.5}.cover-outro p{color:#786081}.cover-footer strong{color:#72529c}.cover-local{color:#737189}.cover-demo-head button:hover{color:#714cce}.reveal-pending{opacity:0;transform:translateY(16px)}[data-cover-reveal]{transition:opacity .65s ease,transform .65s ease}.motion-paused [data-cover-reveal]{transition:none;opacity:1;transform:none}
@keyframes zimu-phase{0%,29%{background:#7451ce;color:#fff;border-color:#7451ce;box-shadow:0 4px 10px #7451ce20}34%,95%{background:#f4f0ff;color:#776c98;border-color:#e2d9f7;box-shadow:none}100%{background:#7451ce;color:#fff;border-color:#7451ce}}
@keyframes zimu-light{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes zimu-cue-one{0%,45%{background:#d9c7fa;border-color:#9573d1}50%,100%{background:#eee6fc;border-color:#dacaf2}}
@keyframes zimu-cue-two{0%,45%{background:#e4f5f7;border-color:#c8e4e8}50%,95%{background:#bce8ed;border-color:#65adb9}100%{background:#e4f5f7;border-color:#c8e4e8}}
@keyframes zimu-vivid-one{0%,43%,100%{opacity:1;transform:translate(-50%,0)}48%,95%{opacity:0;transform:translate(-50%,6px)}}
@keyframes zimu-vivid-two{0%,44%,100%{opacity:0;transform:translate(-50%,6px)}49%,94%{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1000px){.cover-copy h1{font-size:46px}.cover-demo-phases{gap:5px}.cover-demo-phases span{padding:7px 8px;font-size:11px}.cover-benefits article{padding:24px 20px}.cover-subtitle{font-size:22px}.cover-hero{gap:24px}}
@media(max-width:700px){.cover-view:before{height:980px;background:radial-gradient(ellipse at 90% 2%,#ffedc6,transparent 32%),radial-gradient(ellipse at 80% 75%,#e7dcff,transparent 48%),radial-gradient(ellipse at 0 40%,#d4f3fc,transparent 32%)}.cover-hero{padding-top:5px;gap:28px}.cover-copy h1{font-size:clamp(37px,8.8vw,49px);letter-spacing:-1px}.cover-hero .cover-eyebrow{font-size:11px}.cover-demo-phases span{font-size:12px;padding:8px 9px}.cover-frame{height:260px}.cover-benefits{gap:0}.cover-benefits article{padding:23px 24px;border-left:0}.cover-outro h2{font-size:23px}.cover-demo-controls{gap:6px}.cover-demo-controls button{font-size:12px;padding:8px 9px}}
@media(max-width:350px){.cover-demo-phases{flex-wrap:wrap;justify-content:flex-start}.cover-copy h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.cover-view *,[data-cover-reveal]{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.cover-composition:hover{transform:none}.cover-showcase[data-style=vivid] .line-one{opacity:1;transform:translateX(-50%)}.cover-showcase[data-style=vivid] .line-two{display:none}.cover-cue{background:#e4d6fa}.cover-cue.pale{background:#d7f0f4}}
.motion-paused *::before,.motion-paused *::after,body:not([data-view=cover]) .cover-view *::before,body:not([data-view=cover]) .cover-view *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cover-view *::before,.cover-view *::after{animation:none!important;transition:none!important}.cover-view .cover-player i:after{transform:scaleX(.4)}}
/* A real, scrubbable film demonstration, using the editor's subtitle renderer. */
.cover-view{max-width:1440px;padding:46px 56px 0}.cover-hero{grid-template-columns:minmax(330px,.85fr) minmax(0,1.25fr);gap:48px;padding-top:24px}.cover-copy h1{font-size:clamp(44px,4.7vw,68px);line-height:1.25}.cover-showcase{padding-top:0}.cover-demo-head{font-size:12px;margin:0 4px 13px}.cover-demo-head>span{display:flex;align-items:center;gap:7px;color:#514d74;font-weight:650}.demo-live-dot{width:7px;height:7px;border-radius:50%;background:#af58cb;box-shadow:0 0 0 4px #e8dff7;animation:demo-dot 2.5s ease-in-out infinite}.cover-film-card{border-radius:20px;overflow:hidden;background:#132d3c;box-shadow:0 24px 65px #304b7430,0 0 0 7px #fff9;transform:none;transition:box-shadow .4s}.cover-film-card:hover,.cover-film-card:focus-within{transform:none;box-shadow:0 24px 65px #304b7440}.cover-film-stage{position:relative;aspect-ratio:16/9;isolation:isolate;background:#254c61}.cover-film-stage video,.cover-film-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-film-stage canvas{z-index:2;pointer-events:none}.cover-film-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#d0e0eb;background:#142e3e}.demo-play-button{width:32px;min-height:32px;border-radius:8px;padding:4px;color:white;background:#ffffff15;font-size:13px;flex:none}.demo-play-button:hover{background:#ffffff30}.cover-film-toolbar input{min-width:0;flex:1;width:100%;height:20px;accent-color:#9adfdf;cursor:pointer}.cover-film-toolbar #coverDemoTime{font:10px/1.5 monospace;white-space:nowrap}.demo-silent{font-size:10px;color:#a2b9c7;border:1px solid #ffffff25;padding:2px 5px;border-radius:4px}.cover-demo-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px}.cover-demo-switch>span{font-size:12px;color:#5f6a81}.cover-demo-switch>div{display:flex;padding:3px;background:#eae8f2;border-radius:99px;flex:none}.cover-demo-switch button{padding:7px 12px;background:transparent;color:#747589;border-radius:99px;font-size:12px;transition:background .2s,color .2s,box-shadow .2s}.cover-demo-switch button.selected{background:#fff;color:#6345ae;box-shadow:0 2px 6px #49385b12}.cover-demo-controls{justify-content:flex-start;gap:8px;margin-top:18px}.cover-demo-controls>span{flex-basis:auto;text-align:left;margin:0 5px 0 0;font-size:12px}.cover-demo-controls button{font-size:12px;padding:8px 11px}.cover-demo-note{font-size:10px;line-height:1.7;color:#8b8c9f;margin:14px 0 0;text-align:right}.cover-demo-controls button:active,.cover-demo-switch button:active,.demo-play-button:active{transform:scale(.96)}.cover-film-toolbar button:focus-visible,.cover-film-start:focus-visible,.cover-demo-switch button:focus-visible,.cover-demo-controls button:focus-visible{outline:3px solid #9d77de;outline-offset:3px}.cover-benefits{margin-top:8px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes demo-dot{50%{box-shadow:0 0 0 6px #e8dff740}}
@media(min-width:1200px){.cover-film-card{margin-right:-6px}.cover-hero{min-height:600px}.cover-demo-controls>span{flex-basis:100%;margin-bottom:2px}}
@media(max-width:1000px){.cover-view{padding:34px 28px 0}.cover-hero{grid-template-columns:1fr;gap:36px}.cover-copy{text-align:center}.cover-copy h1{font-size:58px}.cover-cta{justify-content:center}.cover-showcase{width:100%;max-width:760px;margin:auto}.cover-demo-controls{justify-content:center}.cover-demo-note{text-align:center}.cover-film-card{transform:none}.cover-hero .cover-support{margin-bottom:22px}}
@media(max-width:600px){.cover-view{padding:26px 18px 0}.cover-hero{padding-top:4px;gap:25px;padding-bottom:38px}.cover-copy h1{font-size:43px;letter-spacing:-1px}.cover-intro{font-size:16px}.cover-support{font-size:13px}.cover-hero .cover-eyebrow{font-size:10px;letter-spacing:.5px}.cover-film-card{border-radius:13px;box-shadow:0 14px 32px #304b7425,0 0 0 4px #fff9}.cover-film-toolbar{padding:7px 9px;gap:7px}.demo-silent{display:none}.cover-demo-switch{gap:6px;margin-top:19px;flex-wrap:wrap;justify-content:center}.cover-demo-switch>span{flex-basis:100%;text-align:center;margin-bottom:4px}.cover-demo-controls{gap:6px;margin-top:14px}.cover-demo-controls>span{flex-basis:100%;text-align:center;margin:0 0 3px}.cover-demo-controls button{font-size:11px;padding:8px 10px}.cover-demo-note{font-size:9px}.cover-demo-head>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cover-film-card,.cover-film-card:hover{transform:none}.cover-film-start,.cover-film-card,.cover-demo-switch button{transition:none}}
/* Clear cover hierarchy, unobstructed preview, and softer project cards. */
.cover-view{max-width:1280px;padding:36px 44px 0}.cover-view:before{height:1000px;background:radial-gradient(ellipse at 12% 30%,#dbf6ff 0,transparent 40%),radial-gradient(ellipse at 92% 28%,#ffe5ed 0,transparent 39%),radial-gradient(ellipse at 50% 62%,#e8e5ff 0,transparent 55%)}
.cover-hero{display:flex;flex-direction:column;gap:30px;min-height:0;padding:20px 0 64px}.cover-copy{text-align:center;width:100%}.cover-hero .cover-eyebrow{font-size:13px;margin:0 0 18px;padding:8px 15px;border-color:#dfd9f2;background:#ffffffb8}.cover-copy h1{font-size:clamp(42px,5.3vw,68px);line-height:1.25;letter-spacing:-2px;margin:0 0 20px}.cover-copy h1 br{display:none}.cover-intro{font-size:19px;line-height:1.7;margin:0 0 24px}.cover-cta{justify-content:center;gap:14px}.cover-enter{border-radius:99px;min-height:52px;padding:12px 30px;font-size:16px}.cover-learn{border:1px solid #deddeb;border-radius:99px;min-height:52px;padding:12px 24px;background:#ffffffa6;font-size:15px}.cover-learn:hover{background:#fff;border-color:#b9a6dc}.cover-local{font-size:13px;line-height:1.7;margin:14px 0 0}
.cover-showcase{width:100%;max-width:940px;margin:0 auto;padding:20px;background:#fff;border:1px solid #e5e2f0;border-radius:30px;box-shadow:0 18px 55px #45406e12;display:grid;grid-template-columns:1fr auto;gap:18px 24px;align-items:center}.cover-demo-head{grid-column:1/-1;margin:0;gap:14px}.cover-demo-head>span{font-size:15px;color:#37354e;gap:12px;flex-wrap:wrap}.cover-demo-head small{font-size:12px;font-weight:400;color:#7d7d91}.cover-demo-head button{font-size:13px;border-radius:99px;padding:6px 12px;min-height:34px;background:#f4f2f9}.cover-film-card{grid-column:1/-1;width:100%;margin:0;border-radius:20px;box-shadow:none;background:#142e3e;transform:none;transition:none}.cover-film-card:hover,.cover-film-card:focus-within{transform:none;box-shadow:none}.cover-film-toolbar{padding:9px 16px}.demo-play-button{min-height:38px;width:38px;border-radius:12px}.cover-film-toolbar #coverDemoTime{font-size:12px}.demo-silent{font-size:12px}.cover-demo-switch{margin:0;justify-content:flex-start;gap:12px}.cover-demo-switch>span{font-size:13px}.cover-demo-switch button{font-size:13px;padding:8px 13px}.cover-demo-controls{margin:0;gap:7px;justify-content:flex-end}.cover-demo-controls>span{flex-basis:auto;margin:0 4px 0 0;font-size:13px;text-align:left}.cover-demo-controls button{font-size:13px;padding:8px 12px}.cover-demo-note{grid-column:1/-1;text-align:center;margin:0;font-size:12px;color:#828295}
.cover-benefits{gap:18px;overflow:visible;background:transparent;border-radius:0;margin:0}.cover-benefits article{border:1px solid #e3dcf6;border-radius:26px;background:#f5f1ff;padding:30px 25px}.cover-benefits article:nth-child(2){border-color:#f4dfd4;background:#fff5ee}.cover-benefits article:nth-child(3){border-color:#cde8e7;background:#effafa}.cover-benefits h2{font-size:22px}.benefit-number{font-size:12px}.cover-workflow{padding:70px 12px}.cover-outro{border-radius:28px}.cover-faq{padding-left:12px;padding-right:12px}
.project-card{border-radius:28px;border-color:#e2e6f0;box-shadow:0 5px 18px #28395508;overflow:hidden;transition:border-color .2s,box-shadow .2s}.project-card:hover,.project-card:focus-within{border-color:#bdaee8;box-shadow:0 10px 28px #51477812;transform:none}.project-open{padding:14px 14px 0;border-radius:27px 27px 0 0}.project-preview{border-radius:19px;padding:20px;background:linear-gradient(140deg,#26374d,#343554)}.project-type{border-radius:99px;padding:5px 10px}.project-open h3{margin:17px 8px 7px;font-size:17px}.project-open p{margin:0 8px 17px;font-size:13px}.project-card-bottom{margin:0 22px;padding:12px 0 14px;border-color:#edf0f6;gap:7px;flex-wrap:wrap}.project-card-bottom>span{font-size:12px}.project-card-bottom button{border-radius:99px;font-size:13px;padding:6px 10px;min-height:34px}.project-card-bottom button:hover{background:#f1eefb;color:#6549af}.project-card-bottom button.danger-button:hover{background:#fff0ef;color:#ae4650}.project-open.is-pending:before{inset:14px 14px auto;border-radius:19px}.skeleton-card{border-radius:28px;padding:14px}.skeleton-card:before{border-radius:19px}.create-project-button{border-radius:26px}.create-project-button>span{border-radius:15px}.project-search{border-radius:99px}.projects-empty{border-radius:26px}
@media(max-width:1000px){.cover-view{padding:30px 28px 0}.cover-showcase{grid-template-columns:1fr}.cover-demo-head,.cover-film-card,.cover-demo-note{grid-column:1}.cover-demo-switch,.cover-demo-controls{justify-content:center}.cover-copy h1{font-size:clamp(40px,6vw,60px)}.cover-demo-controls>span{flex-basis:auto;margin:0 5px 0 0;text-align:left}.cover-demo-switch>span{flex-basis:auto;text-align:left;margin:0}}
@media(max-width:700px){.cover-view{padding:24px 16px 0}.cover-hero{padding-top:8px;gap:24px;padding-bottom:38px}.cover-copy h1{font-size:clamp(37px,8vw,49px);letter-spacing:-1px}.cover-copy h1 br{display:block}.cover-hero .cover-eyebrow{font-size:12px;letter-spacing:.5px}.cover-intro{font-size:16px;margin-bottom:20px}.cover-local{font-size:12px}.cover-enter,.cover-learn{min-height:48px;padding:11px 21px;font-size:14px}.cover-showcase{padding:12px;border-radius:24px;gap:14px}.cover-film-card{border-radius:15px}.cover-demo-head>span{font-size:14px;gap:3px}.cover-demo-head small{display:block;flex-basis:100%}.cover-demo-head button{font-size:12px;white-space:nowrap;padding:6px 9px}.cover-film-toolbar{padding:7px 9px}.cover-demo-controls{gap:6px;flex-wrap:wrap}.cover-demo-controls>span{flex-basis:100%;text-align:center;margin:0 0 2px}.cover-demo-controls button{font-size:12px;padding:8px 10px}.cover-demo-switch>span{font-size:12px}.cover-demo-note{font-size:12px;line-height:1.6}.cover-benefits{gap:14px}.cover-benefits article{border-radius:24px;padding:25px}.cover-workflow{padding:48px 4px}.cover-faq{padding-left:4px;padding-right:4px}.cover-outro{border-radius:24px}.project-card{border-radius:26px}.project-preview{border-radius:18px}.project-open.is-pending:before{border-radius:18px}.project-card-bottom{margin:0 21px}.create-project-button{border-radius:24px}}
/* A still-image showcase to the right, with deliberately stable backgrounds. */
.cover-view{max-width:1440px;padding:44px 48px 0}.cover-hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.2fr);gap:48px;align-items:center;padding:22px 0 64px;min-height:650px}.cover-copy{text-align:left}.cover-copy h1{font-size:clamp(44px,4.6vw,65px);letter-spacing:-1.5px}.cover-copy h1 br{display:block}.cover-cta{justify-content:flex-start}.cover-intro{font-size:19px;line-height:1.9;margin-bottom:12px}.cover-support{font-size:15px;color:#6d7489;line-height:1.8;margin:0 0 28px}.cover-showcase{display:flex;flex-direction:column;align-items:stretch;padding:20px;border-radius:28px;gap:16px;max-width:none;min-width:0}.cover-demo-head{margin:0}.cover-demo-head>span{font-size:16px}.cover-demo-head>small{font-size:12px;color:#777d90;white-space:nowrap}.cover-film-stage img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-film-card{flex:none;border-radius:18px}.cover-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px;background:#f1eff7;border-radius:15px}.cover-scenes button{min-width:0;padding:9px 5px;font-size:13px;border-radius:11px;color:#737187;transition:color .18s,background .18s,box-shadow .18s}.cover-scenes button.selected{background:#fff;color:#6343ac;box-shadow:0 2px 8px #4b367d12;font-weight:650}.cover-scenes button:hover{background:#fff9}.cover-demo-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cover-demo-controls button{font-size:13px;padding:8px 4px;min-height:39px;border-radius:11px}.cover-demo-controls button[data-cover-style=ink],.cover-demo-controls button[data-cover-style=lyric],.cover-demo-controls button[data-cover-style=cinema]{font-family:'Zimu Noto Serif',serif}.cover-demo-controls button[data-cover-style=pop],.cover-demo-controls button[data-cover-style=comic]{font-weight:800}.cover-demo-controls button[data-cover-style=rose]:not(.selected){color:#ac4e7d;background:#fff1f7}.cover-demo-controls button[data-cover-style=neon]:not(.selected){color:#278296;background:#effafd}.cover-demo-switch{justify-content:space-between;gap:10px}.cover-demo-switch>span{font-size:13px}.cover-demo-note{font-size:12px;margin:0;text-align:center}.cover-scenes button:focus-visible{outline:3px solid #9276d1;outline-offset:2px}
#projectList .project-card{transition:transform .22s cubic-bezier(.2,.8,.25,1.25),box-shadow .22s,border-color .22s!important;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){#projectList .project-card:hover{transform:translateY(-5px)!important;box-shadow:0 14px 30px #51477819}#projectList .project-card:active{transform:translateY(-2px)!important}}
#projectList .project-card:focus-within{transform:translateY(-3px)}
@media(max-width:1050px){.cover-view{padding:30px 28px 0}.cover-hero{gap:28px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.cover-copy h1{font-size:45px}.cover-intro{font-size:16px}.cover-showcase{padding:16px;gap:13px}.cover-demo-head{flex-wrap:wrap;gap:4px}.cover-demo-controls{gap:6px}.cover-demo-controls button{font-size:12px}.cover-cta{gap:10px}.cover-enter,.cover-learn{padding:12px 19px;font-size:14px}}
@media(max-width:800px){.cover-hero{grid-template-columns:1fr;min-height:0;gap:30px}.cover-copy{text-align:center}.cover-cta{justify-content:center}.cover-copy h1{font-size:48px}.cover-showcase{width:100%;max-width:630px;margin:auto}.cover-demo-head{flex-wrap:nowrap}.cover-support{margin-bottom:22px}.cover-demo-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.cover-view{padding:25px 16px 0}.cover-hero{padding-top:4px;padding-bottom:40px}.cover-copy h1{font-size:41px}.cover-showcase{padding:12px;border-radius:23px}.cover-demo-head>span{font-size:14px}.cover-demo-head>small{font-size:12px}.cover-scenes button{font-size:12px}.cover-demo-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-demo-controls button{font-size:12px}.cover-film-card{border-radius:14px}.cover-support{font-size:14px}.cover-demo-switch>span{flex-basis:auto}}
@media(prefers-reduced-motion:reduce){#projectList .project-card{transition:none!important}#projectList .project-card:hover,#projectList .project-card:focus-within,#projectList .project-card:active{transform:none!important}}

/* Playback-follow controls within the restored spacious editor. */
.caption-heading{flex-wrap:wrap}.follow-caption-control{display:flex;gap:6px;align-items:center;font-size:13px;color:#51627d;white-space:nowrap;margin-left:auto}.follow-caption-control input{width:16px;height:16px;margin:0}#locateCaption{font-size:13px;padding:5px 8px;min-height:32px}
/* Pin the existing preview at its original size; the subtitle list uses the remaining room. */
.preview-dock{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start;background:var(--bg);border-radius:12px}.preview-dock>.center{grid-column:2;grid-row:1}.preview-dock>.inspector{grid-column:1;grid-row:1;position:static}.preview-pinned .preview-dock{position:sticky;top:8px;z-index:7;box-shadow:0 8px 16px #2539590b}
#editorView .studio>#captionTabPanel{display:flex;flex-direction:column;padding:0;height:var(--caption-room,400px);min-height:160px;overflow:hidden;scroll-margin-top:16px}#editorView.preview-pinned #captionTabPanel{scroll-margin-top:calc(var(--preview-height) + 20px)}#editorView .caption-controls{flex:none;max-height:52%;overflow:auto;padding:8px 14px;border-bottom:1px solid #e6ebf3}#editorView .caption-heading{padding:0;gap:8px 14px;min-height:36px}#editorView .caption-heading h2{margin:0;font-size:18px}#editorView .caption-help{display:none}#editorView .caption-more{padding:0;margin:4px 0 0;border:0}#editorView .caption-more summary{font-size:13px;max-width:180px;padding:4px 0}#editorView .caption-more .caption-actions{padding:6px 0}#editorView .caption-controls .correction-toolbar{padding:4px 0;margin:0;font-size:12px}#editorView .caption-controls .correction-toolbar:has(#nextReview:disabled){display:none}#editorView .caption-controls .correction-toolbar button{min-height:28px;font-size:12px;padding:3px 8px}#editorView .caption-controls .partial-notice,#editorView .caption-controls .tap-hint{margin:4px 0;padding:7px 10px}#editorView .caption-panel>.captions{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 10px;scroll-behavior:auto}
@media(min-width:1500px){.preview-dock{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:1000px){.preview-dock{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:820px){.preview-dock{display:contents}.preview-pinned .preview-dock{position:static;box-shadow:none}.preview-dock>.center{grid-column:1;grid-row:1}.preview-pinned .preview-dock>.center{position:sticky;top:8px;z-index:7;background:var(--bg);border-radius:12px;box-shadow:0 8px 16px #25395912}.preview-dock>.inspector{grid-column:1;grid-row:4;position:static}#editorView .caption-controls{padding:7px 10px}#editorView .caption-heading{gap:6px 10px}#editorView .caption-heading h2{font-size:16px}.follow-caption-control{margin-left:0}#locateCaption{margin-left:auto}}

/* Expandable, spacious timeline. Only the empty lane/ruler pans. */
.timeline-heading-actions{display:flex;align-items:center;gap:12px}.timeline-heading-actions button{font-size:12px;white-space:nowrap}#timelineToggle{background:#f0f3fb;border-radius:9px;padding:7px 11px;color:#4662a3}.timeline-tools{flex-wrap:wrap;gap:10px 14px}.timeline-navigation{display:flex;gap:3px;align-items:center;margin-left:auto;background:#f1f4fa;border:1px solid #e3e9f3;border-radius:10px;padding:2px}.timeline-navigation button{font-size:12px;min-width:32px;min-height:30px;padding:4px 8px;border-radius:7px}.timeline-navigation button:hover{background:#fff}.timeline-navigation button:active{background:#dfe7fb;transform:scale(.96)}.timeline-viewport{cursor:grab;touch-action:pan-y;scrollbar-width:auto;scrollbar-gutter:stable;user-select:none}.timeline-viewport.panning,.timeline-viewport.panning *{cursor:grabbing!important}.timeline-viewport:focus-visible{outline:3px solid #7796e8;outline-offset:3px}.timeline-content .ruler span{padding-top:5px}.timeline-content .ruler span:before{content:'';position:absolute;top:0;left:50%;height:4px;border-left:1px solid #b3c2df}.timeline-content .ruler{height:32px}.timeline-content .timeline{height:91px}.timeline-footer{flex-wrap:wrap}.timeline-panel:has(#timelineBody[hidden])>.panel-heading{border-bottom:0;margin-bottom:0}.timeline-viewport::-webkit-scrollbar{height:12px}.timeline-viewport::-webkit-scrollbar-thumb{background:#b5c5e6;border:3px solid #f1f4fa;border-radius:99px}.timeline-viewport::-webkit-scrollbar-track{background:#f1f4fa;border-radius:99px}
/* A small, stationary companion leaves the media demonstration unobstructed. */
.cover-mascot{display:flex;align-items:center;gap:12px;margin:14px 0 0;max-width:380px}.cover-mascot img{width:132px;height:118px;object-fit:contain;flex:none;filter:drop-shadow(0 7px 12px #8870a919)}.cover-mascot>div{position:relative;background:#fff9;border:1px solid #e7e0f4;border-radius:18px 18px 18px 4px;padding:12px 16px;box-shadow:0 3px 12px #64408506}.cover-mascot span{display:block;font-size:11px;letter-spacing:1px;color:#8976a4;margin-bottom:5px}.cover-mascot strong{font-size:14px;line-height:1.8;font-weight:600;color:#5c4e79}.cover-benefits p{line-height:1.9}.benefit-detail{display:block;border-top:1px solid #8870a91c;margin-top:18px;padding-top:14px;font-size:12px;line-height:1.8;color:#76688e}.cover-benefits article:nth-child(2) .benefit-detail{color:#997660}.cover-benefits article:nth-child(3) .benefit-detail{color:#567f80}.cover-faq details summary{padding-right:24px;line-height:1.65}.cover-faq details p{line-height:1.9}
@media(max-width:1050px){.cover-mascot{gap:5px}.cover-mascot img{width:108px;height:102px}.cover-mascot>div{padding:9px 12px}.cover-mascot strong{font-size:13px}}
@media(max-width:800px){.cover-mascot{margin:16px auto 0;justify-content:center;text-align:left}.timeline-tools>span{order:3;width:100%}.timeline-navigation{margin-left:auto}}
@media(max-width:500px){.timeline-heading-actions{gap:4px}.timeline-heading-actions button{font-size:11px;padding:5px}.timeline-panel .panel-heading{gap:5px;padding-left:10px;padding-right:10px}.timeline-tools{padding-left:10px;padding-right:10px;gap:8px}.timeline-navigation{margin-left:0}.timeline-tools>span{font-size:10px}#timelineUndo{font-size:11px}.timeline-tools select{width:112px}}
/* Recognizable project artwork, with the existing text card as a fallback. */
.project-preview{position:relative;isolation:isolate}.project-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0}.project-preview.has-thumbnail .project-thumbnail{opacity:1}.project-preview.has-thumbnail:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08111e38,transparent 42%,#08111ebf)}.project-preview.has-thumbnail>strong{display:none}.project-preview.has-thumbnail .project-type{background:#152239b3;color:#fff;border-color:#ffffff20;backdrop-filter:blur(5px)}.project-preview.has-thumbnail .project-preview-detail{margin-top:auto;color:#fff;text-shadow:0 1px 3px #0008}.project-preview.has-thumbnail{background:#152239}
.google-login-section{text-align:center;padding:12px 0 20px}.google-login-section>p:first-child{font-size:16px;line-height:1.8;margin:0 0 18px;color:#344563}#googleSignInButton{display:flex;justify-content:center;min-height:0}#googleSignInStatus{margin:14px 0 0;line-height:1.8}#googleSignInRetry{margin-top:12px}.legacy-account{margin:20px 0 12px;border-top:1px solid #e4e9f2;padding-top:16px}.legacy-account>summary{font-size:14px;color:#63728a;cursor:pointer}.legacy-account[open]>summary{margin-bottom:14px}#continueGuest{border-radius:99px}#accountDialog{max-height:90dvh;overflow:auto}

.cue-row.has-translation>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.cue-row.has-translation .cue-times{grid-column:1/-1}.cue-row.has-translation .cue-translation{border-top:0;margin:0;padding:0}.cue-row.has-translation .cue-translation textarea{margin-top:4px;background:#f7f8ff;color:#34476e}.cue-original{font-size:12px;color:#5b6d95}.cue-original textarea{display:block;margin-top:4px}
@media(max-width:1000px){.cue-row.has-translation>div{grid-template-columns:1fr}.cue-row.has-translation>div>textarea{margin-top:0}}

.project-preview{overflow:hidden}.project-preview .project-thumbnail{z-index:0;pointer-events:none}.project-preview.has-thumbnail:after{z-index:1;pointer-events:none}.project-preview>span,.project-preview>strong{position:relative;z-index:2}