:root{--paper:#f3f3ec;--paper-2:#f9f9f4;--card:#fff;--well:#ecece3;--well-2:#dcdcd1;--ink:#14140f;--ink-2:#4a4a41;--ink-3:#7d7d72;--line:#e5e5dc;--line-2:#d3d3c8;--lime:#c9f24c;--lime-deep:#a9d92c;--lime-wash:#eef9d0;--lime-ink:#3d5208;--orange:#ff9b3d;--orange-ink:#a24e00;--red:#d33b3b;--green:#2e8a4e;--video:#101318;--radius:22px;--shadow:0 1px 2px #14140f0a, 0 12px 32px -20px #14140f47;--display:"Poppins-Black", system-ui, sans-serif;--semi:"Poppins-SemiBold", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--paper);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(60rem 36rem at 92% -12%,#c9f24c61,#0000 62%),linear-gradient(#14140f09 1px,#0000 1px),linear-gradient(90deg,#14140f09 1px,#0000 1px);background-size:100% 100%,26px 26px,26px 26px;background-attachment:fixed}::selection{background:var(--lime);color:var(--ink)}#root{min-height:100%}.app{flex-direction:column;min-height:100%;display:flex}.app.is-editing{height:100dvh;overflow:hidden}button{font:600 13.5px/1.2 var(--semi);color:var(--ink);background:var(--card);border:1px solid var(--line-2);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .12s,color .15s;display:inline-flex}button svg{flex:none}button:hover:not(:disabled){border-color:var(--ink-3)}button:disabled{opacity:.42;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button.primary{background:var(--lime);box-shadow:0 2px 0 var(--lime-deep);border-color:#0000}button.primary:hover:not(:disabled){box-shadow:0 3px 0 var(--lime-deep);border-color:#0000;transform:translateY(-1px)}button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--lime-deep);transform:none}button.big{width:100%;padding:14px 20px;font-size:16px}button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}button.dark:hover:not(:disabled){background:#2b2b24}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:#14140f0f;border-color:#0000}button.quiet{background:var(--paper-2);border-color:var(--line)}button.quiet:hover:not(:disabled){background:var(--card);border-color:var(--line-2)}button.icon{width:36px;padding:0}button.link{min-height:0;text-decoration:underline;-webkit-text-decoration-color:var(--lime-deep);text-decoration-color:var(--lime-deep);text-underline-offset:4px;background:0 0;border:0;border-radius:0;padding:2px 0;text-decoration-thickness:2px}button.danger{color:var(--red)}button.on,button.on:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}input[type=text],input:not([type]),input[type=search]{font:14px/1.3 var(--body);color:var(--ink);background:var(--card);border:1px solid var(--line-2);border-radius:12px;min-height:38px;padding:8px 12px}input[type=text]:focus-visible,input:not([type]):focus-visible,input[type=search]:focus-visible{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #c9f24cbf}input[type=checkbox]{accent-color:var(--ink);width:16px;height:16px;margin:0}select{font:600 13px/1.2 var(--semi);color:var(--ink);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314140f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 12px;border:1px solid var(--line-2);appearance:none;cursor:pointer;border-radius:12px;max-width:100%;min-height:36px;padding:7px 30px 7px 12px}input[type=color]{cursor:pointer;border:1px solid var(--line-2);background:var(--card);border-radius:10px;width:42px;height:32px;padding:3px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}input[type=color]::-moz-color-swatch{border:0;border-radius:6px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill,0%), var(--well-2) var(--fill,0%));border-radius:99px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:18px;height:18px;margin-top:-6.5px;box-shadow:0 1px 3px #14140f40}input[type=range]::-moz-range-track{background:var(--well-2);border-radius:99px;height:5px}input[type=range]::-moz-range-progress{background:var(--ink);border-radius:99px;height:5px}input[type=range]::-moz-range-thumb{background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #c9f24ccc}input[type=checkbox].switch,.ctl input[type=checkbox]{appearance:none;background:var(--well-2);cursor:pointer;border-radius:99px;flex:none;justify-self:start;width:38px;height:22px;margin:0;transition:background-color .15s;position:relative}input[type=checkbox].switch:after,.ctl input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}input[type=checkbox].switch:checked,.ctl input[type=checkbox]:checked{background:var(--ink)}input[type=checkbox].switch:checked:after,.ctl input[type=checkbox]:checked:after{background:var(--lime);transform:translate(16px)}input[type=checkbox].switch:focus-visible,.ctl input[type=checkbox]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.seg{background:var(--well);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:30px;color:var(--ink-2);background:0 0;border:0;padding:5px 13px}.seg button:hover:not(:disabled){color:var(--ink);background:#ffffff8c}.seg button.on,.seg button.on:hover:not(:disabled){background:var(--card);color:var(--ink);box-shadow:0 1px 2px #14140f24,0 0 0 1px #14140f0a}.seg.small button{min-height:26px;padding:3px 10px;font-size:12.5px}.muted{color:var(--ink-3)}.small{font-size:13px}.good{color:var(--green)}.warn{color:var(--orange-ink)}.error{color:var(--red)}.row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.row.wrap{flex-wrap:wrap;justify-content:flex-start}.eyebrow{font:600 11px/1.2 var(--semi);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}.mark{white-space:nowrap;z-index:0;display:inline-block;position:relative}.mark:before{content:"";z-index:-1;background:var(--lime);border-radius:4px;position:absolute;inset:.16em -.1em .04em;transform:rotate(-.8deg)}.tag{font:600 10px/1 var(--semi);letter-spacing:.02em;background:var(--lime-wash);color:var(--lime-ink);border-radius:99px;flex:none;align-items:center;gap:3px;padding:4px 7px 3px;display:inline-flex}.tag.paid{background:var(--ink);color:var(--lime)}.top{flex:none;align-items:center;gap:18px;min-height:66px;padding:12px 20px;display:flex}.brand{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);flex:none;font-size:21px;line-height:1;text-decoration:none}.brand span{color:var(--lime-deep)}.doc{border-left:1px solid var(--line-2);flex-direction:column;gap:1px;min-width:0;padding-left:18px;line-height:1.3;display:flex}.doc-name{font:600 15px/1.3 var(--semi);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.doc-meta{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.restored{color:var(--green);vertical-align:-2px;align-items:center;gap:3px;margin-left:10px;display:inline-flex}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.pair{gap:4px;display:inline-flex}.start{width:100%;max-width:780px;margin:0 auto;padding:36px 20px 56px}.start h1{font-family:var(--display);letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(30px,5.4vw,48px);font-weight:900;line-height:1.04}.lead{color:var(--ink-2);max-width:34em;margin:0 0 28px;font-size:17px}.drop{background:var(--card);box-shadow:var(--shadow);text-align:center;cursor:pointer;border:2px dashed #cdcdc1;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:40px 20px;transition:border-color .15s,background-color .15s;display:flex}.drop:hover{border-color:var(--ink)}.drop.over{border-color:var(--ink);background:var(--lime-wash)}.drop.busy{cursor:progress;border-style:solid;border-color:var(--line)}.drop p{margin:4px 0}.drop-ic{background:var(--lime);width:62px;height:62px;box-shadow:0 3px 0 var(--lime-deep);border-radius:50%;place-items:center;margin-bottom:14px;transition:transform .15s;display:grid}.drop:hover .drop-ic{transform:translateY(-2px)}.drop-title{font:600 19px/1.3 var(--semi)}.steps{flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.steps li{font:600 12px/1 var(--semi);background:var(--well);color:var(--ink-3);border-radius:99px;padding:7px 12px}.steps li.now{background:var(--ink);color:#fff}.steps li.done{background:var(--lime-wash);color:var(--lime-ink)}.steps li.done:before{content:"✓  "}.spinner{border:3px solid var(--well);border-top-color:var(--ink);border-radius:50%;width:34px;height:34px;margin-bottom:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.start-row{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.start-row .sample{margin-left:auto}.points{grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.points li{background:var(--card);border:1px solid var(--line);color:var(--ink-2);border-radius:18px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;line-height:1.45;display:flex}.points li svg{color:var(--lime-deep);flex:none;margin-top:1px}.points b{color:var(--ink);font-weight:650}.legal{border-top:1px solid var(--line-2);color:var(--ink-2);margin-top:32px;padding-top:18px}.legal nav{flex-wrap:wrap;gap:8px 18px;margin-bottom:12px;display:flex}.legal a{color:inherit;border-bottom:1px solid var(--line-2);text-decoration:none}.legal a:hover{color:var(--ink)}.legal p{margin:2px 0}.editor{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(280px,1fr) minmax(400px,640px);gap:16px 18px;min-height:0;padding:2px 20px 20px;display:grid}.editor.fmt-youtube{grid-template-columns:minmax(0,1fr) minmax(380px,540px)}.stage{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:12px;min-height:0;display:grid}.player-wrap{border-radius:18px;max-width:100%;min-height:0;position:relative;box-shadow:0 26px 50px -26px #14140f8c,0 0 0 1px #14140f14}.fmt-reel .player-wrap{height:100%}.fmt-youtube .player-wrap{align-self:center;width:100%;max-height:100%}.player{background:var(--video);cursor:pointer;border-radius:18px;position:absolute;inset:0;overflow:hidden}.player video{object-fit:contain;width:100%;height:100%;display:block}.player-wrap.is-audio .player{background:0 0}.caption-canvas,.wave-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}button.play{background:var(--ink);color:#fff;border:0;border-radius:50%;flex:none;width:40px;height:40px;min-height:0;padding:0}button.play:hover:not(:disabled){background:#2d2d25}button.play.big{width:70px;height:70px;color:var(--ink);background:#fffffff0;box-shadow:0 14px 34px #00000059}button.play.big:hover:not(:disabled){background:#fff;transform:scale(1.05)}.big-play{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.big-play .play{pointer-events:auto}.fs-btn{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);opacity:0;background:#14140f8c;border:0;border-radius:50%;width:36px;height:36px;min-height:0;padding:0;position:absolute;top:10px;right:10px}.fs-btn:hover:not(:disabled){background:#14140fbf}.player-wrap:hover .fs-btn,.fs-btn:focus-visible,.player-wrap.is-full .fs-btn{opacity:1}@media (hover:none){.fs-btn{opacity:.85}}.player-wrap.is-full{background:#000;border-radius:0}.player-wrap.is-full .player{border-radius:0}.player-wrap.is-full .mover{display:none}.player-wrap.is-full:not(:fullscreen){z-index:50;width:auto;max-width:none;height:auto;position:fixed;inset:0;aspect-ratio:auto!important}.fs-bar{z-index:4;color:#fff;-webkit-backdrop-filter:blur(12px);background:#14140fb8;border-radius:999px;align-items:center;gap:12px;width:min(560px,100% - 32px);padding:7px 18px 7px 7px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.fs-bar .play{background:var(--lime);color:var(--ink)}.fs-bar .play:hover:not(:disabled){background:#d6f770}.fs-time{font:600 13px var(--semi);font-variant-numeric:tabular-nums;white-space:nowrap}.fs-time span{opacity:.6}.fs-track{cursor:pointer;background:linear-gradient(#ffffff40,#ffffff40) 50%/100% 6px no-repeat;flex:1;height:18px;position:relative}.fs-track span{background:var(--lime);border-radius:99px;height:6px;transition:width .25s linear;position:absolute;top:6px;left:0}.shade-note{background:var(--card);max-width:100%;box-shadow:var(--shadow);border:1px solid #ffd4ab;border-radius:999px;align-items:center;gap:10px;padding:5px 5px 5px 14px;font-size:13px;line-height:1.3;display:flex}.shade-note .dot{background:var(--orange);border-radius:50%;flex:none;width:8px;height:8px}.shade-note b{font-weight:650}.shade-note button{flex:none;min-height:32px;padding:5px 14px;font-size:12.5px}.shade-note button.icon{width:32px;color:var(--ink-3);padding:0;font-size:18px}.shade-status{background:var(--paper-2);color:var(--ink-2);border-radius:12px;margin:2px 0 6px;padding:8px 12px;font-size:13px}.stage-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.pick{background:var(--card);border:1px solid var(--line);min-height:38px;box-shadow:var(--shadow);font:600 12.5px/1.2 var(--semi);border-radius:999px;align-items:center;gap:8px;padding:4px 4px 4px 13px;display:inline-flex}.pick>.muted{font-weight:600}.pick select{background-color:var(--well);border:0;border-radius:999px;min-height:28px;padding:3px 28px 3px 11px;font-size:12.5px}.pick:has(>.switch){cursor:pointer;padding:4px 14px 4px 6px}input[type=color].swatch{border-radius:50%;width:28px;height:28px;padding:2px}.swatch::-webkit-color-swatch{border-radius:50%}.swatch::-moz-color-swatch{border-radius:50%}.mover{pointer-events:none;position:absolute;inset:0}.cap-box{pointer-events:auto;cursor:move;touch-action:none;opacity:0;border:1.5px dashed #ffffffd9;border-radius:6px;transition:opacity .15s;position:absolute}.player-wrap:hover .cap-box,.cap-box:focus-visible,.mover.dragging .cap-box,.cap-box.warn{opacity:1}.cap-box.idle{border-color:#ffffff73}.cap-box.warn{border-color:var(--orange)}.cap-box.own{border-style:solid;border-color:#ff9b3de6}.cap-box:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.resize{background:var(--lime);border:2px solid var(--ink);cursor:nesw-resize;touch-action:none;border-radius:4px;width:14px;height:14px;position:absolute;top:-7px;right:-7px}.cap-warn{white-space:nowrap;background:var(--orange);color:var(--ink);font:600 11px/1 var(--semi);border-radius:99px;margin-bottom:6px;padding:5px 9px;position:absolute;bottom:100%;left:0}.zone{background:#ff5a5a29;border:1px dashed #ff8282b3;position:absolute}.zone span{color:#ffb3b3;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;top:2px;left:4px}.guide-v{background:var(--lime);width:1px;position:absolute;transform:translate(-.5px)}@media (hover:none){.cap-box{opacity:.75}}.timeline{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);grid-column:1/-1;padding:10px 12px 12px}.tl-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.tl-clock{font:600 13px/1 var(--semi);color:var(--ink-3);font-variant-numeric:tabular-nums;min-width:108px;margin:0 4px 0 2px}.tl-clock b{color:var(--ink);font-weight:600}.tl-bar>button.quiet{min-height:32px;padding:5px 12px;font-size:12.5px}.tl-sync{align-items:center;gap:8px;margin-left:auto;display:flex}.tl-scroll{background:var(--paper-2);border-radius:14px;position:relative;overflow:auto hidden}.tl-inner{touch-action:pan-x;height:114px;position:relative}.tl-ruler{border-bottom:1px solid var(--line);cursor:pointer;height:20px;position:relative}.tl-ruler span{border-left:1px solid var(--line-2);height:20px;font:500 10.5px/1 var(--body);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;padding:4px 0 0 5px;position:absolute;top:0}.tl-wave{pointer-events:none;height:40px;position:absolute;top:23px}.tl-track{height:42px;position:absolute;top:66px;left:0;right:0}.tl-cue{background:var(--lime-wash);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #d6ec95;border-radius:10px;align-items:stretch;height:42px;display:flex;position:absolute;top:0;overflow:hidden}.tl-cue:active{cursor:grabbing}.tl-cue.now{background:var(--lime);border-color:var(--lime-deep)}.tl-cue.sel{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.tl-cue.own{box-shadow:inset 0 3px 0 var(--orange)}.tl-cue.own.sel{box-shadow:inset 0 3px 0 var(--orange), 0 0 0 1px var(--ink)}.tl-cue.shaded:after,.tl-cue.hard:after{content:"";pointer-events:none;border-radius:2px;height:3px;position:absolute;bottom:3px;left:5px;right:5px}.tl-cue.shaded:after{background:#14140f8c}.tl-cue.hard:after{background:var(--orange)}.tl-text{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;align-self:center;padding:0 3px;font-size:12px;line-height:1.3;overflow:hidden}.edge{cursor:ew-resize;touch-action:none;flex:none;width:8px;position:relative}.edge:after{content:"";opacity:0;background:#14140f59;border-radius:2px;width:2px;transition:opacity .15s;position:absolute;top:13px;bottom:13px;left:3px}.tl-cue:hover .edge:after,.tl-cue.sel .edge:after{opacity:1}.edge:hover{background:#14140f14}.tl-edit{border-radius:7px;flex:1;min-width:60px;min-height:0;margin:6px 2px;padding:2px 6px;font-size:12px}.tl-playhead{z-index:2;background:var(--ink);pointer-events:none;will-change:transform;width:2px;position:absolute;top:0;bottom:0;left:-1px}.tl-knob{background:var(--ink);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);border-radius:2px;width:12px;height:15px;position:absolute;top:0;left:-5px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.tabs{background:var(--well);border-radius:999px;flex:none;gap:3px;margin:10px;padding:4px;display:flex}.tabs button{min-width:0;min-height:38px;color:var(--ink-2);background:0 0;border:0;flex:1;padding:6px 8px}.tabs button:hover:not(:disabled){color:var(--ink);background:#ffffff8c}.tabs button.on,.tabs button.on:hover:not(:disabled){background:var(--ink);color:#fff}.tabs button.on svg{color:var(--lime)}.tab-body{flex:1;padding:6px 18px 20px;overflow:auto}.tab-body h3{font:600 15px/1.3 var(--semi);margin:4px 0 2px}.tab-body h3+p{margin-top:0}.hint{margin:0 0 10px;font-size:13px}.tpl-note{background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2);border-radius:16px;margin:4px 0 18px;padding:12px 14px;font-size:13.5px}.tpl-note .eyebrow{margin-bottom:5px;display:block}.tpl-note b{color:var(--ink)}.tpl-family{margin-bottom:22px}.tpl-family h4{font:600 11.5px/1.3 var(--semi);letter-spacing:.12em;text-transform:uppercase;margin:0 2px 10px}.tpl-family h4 .muted{font:400 13px var(--body);text-transform:none;letter-spacing:0;margin-left:6px}.tpl-family.suggested{background:var(--lime-wash);border:1px solid #dcef9f;border-radius:20px;padding:14px 14px 16px}.tpl-family.suggested h4 .muted{color:var(--lime-ink);opacity:.8}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.tpl-card{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:5px;display:flex}.tpl-card:hover:not(:disabled){border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 12px 24px -16px #14140f73}.tpl-card.on,.tpl-card.on:hover:not(:disabled){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.tpl-thumb{background:radial-gradient(120% 90% at 30% 20%,#4a5260 0%,#262b33 55%,#16191e 100%);border-radius:11px;place-items:center;height:88px;padding:8px;line-height:1.25;display:grid;position:relative;overflow:hidden}.tpl-check{background:var(--lime);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.tpl-card.on .tag.paid{background:#ffffff24}.tpl-name{align-items:center;gap:6px;padding:9px 5px 4px;font-size:13px;display:flex}.tpl-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.find{margin-bottom:14px}.search{background:var(--paper-2);border:1px solid var(--line);min-height:42px;color:var(--ink-3);border-radius:999px;align-items:center;gap:9px;padding:0 14px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.search:focus-within{border-color:var(--ink);background:var(--card);box-shadow:0 0 0 3px #c9f24cbf}.search input,.search input:focus-visible{min-width:0;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:8px 0}.search .count{font:600 12px var(--semi);color:var(--ink-2);white-space:nowrap}.find-row{gap:8px;margin:10px 0 8px;display:flex}.find-row input{border-radius:999px;flex:1;min-width:0;padding-left:14px}.check{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.saved{color:var(--ink-2);margin-top:10px;font-size:13px}.saved summary{cursor:pointer}.vocab{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.vocab li{background:var(--paper-2);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 2px 10px;display:flex}.vocab button{width:28px;min-height:28px;padding:0}.cues{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cues li{border-radius:14px;grid-template-columns:56px 1fr auto;align-items:baseline;gap:8px;padding:7px 8px;transition:background-color .15s;display:grid}.cues li:hover{background:var(--paper-2)}.cues li.current{background:var(--lime-wash)}.cues li.own{box-shadow:inset 3px 0 0 var(--orange)}.cue-time{font:500 11.5px/1 var(--mono);color:var(--ink-3);background:var(--well);border:0;border-radius:99px;justify-self:start;min-height:0;padding:5px 8px}.cue-time:hover:not(:disabled){color:var(--ink);background:var(--well-2)}.cues li.current .cue-time{background:var(--lime);color:var(--ink)}.cue-words{font-size:15px;line-height:1.95}.w{font:inherit;color:var(--ink);background:0 0;border:0;border-radius:5px;min-height:0;padding:0 3px;line-height:1.6;transition:none;display:inline-block}.w:hover:not(:disabled){background:var(--well)}.w.key{background:linear-gradient(transparent 58%, var(--lime) 58%, var(--lime) 94%, transparent 94%);font-weight:700}.w.spot{background:linear-gradient(transparent 52%, var(--lime) 52%, var(--lime) 94%, transparent 94%);font-size:1.15em;font-weight:800}.w.now{background:var(--lime)}.w.sel{box-shadow:0 0 0 2px var(--ink)}.w.found{background:#ffdcb8}.w.brk:after{content:" ↵";color:var(--ink-3);font-size:12px}.line-btn{min-height:28px;color:var(--ink-2);opacity:.45;background:0 0;border-color:#0000;padding:0 9px;font-size:12px}.cues li:hover .line-btn,.line-btn.on,.cues li.own .line-btn,.line-btn:focus-visible{opacity:1}.word-tools{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;grid-column:1/-1;gap:6px;margin:6px 0 2px;padding:10px;display:flex;box-shadow:0 16px 32px -20px #14140f73}.word-tools input{flex:160px;min-width:0}.word-tools button{min-height:34px;padding:5px 12px;font-size:12.5px}.line-style{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-column:1/-1;margin:6px 0 2px;padding:10px 14px;box-shadow:0 16px 32px -20px #14140f73}.line-style .ctl{margin:8px 0}.adjust-head{justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 12px;display:flex}.adjust-head .hint{margin:3px 0 0}.fold{border:1px solid var(--line);background:var(--card);border-radius:16px;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}.fold.open{border-color:var(--line-2);box-shadow:var(--shadow)}.fold-head{background:0 0;border:0;border-radius:16px;justify-content:flex-start;gap:12px;width:100%;min-height:52px;padding:12px 14px}.fold-head:hover:not(:disabled){background:var(--paper-2)}.fold-title{font:600 14px/1.2 var(--semi);flex:none}.fold-sum{min-width:0;font:400 13px/1.2 var(--body);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.fold-head svg{color:var(--ink-3);transition:transform .2s}.fold.open .fold-head svg{transform:rotate(180deg)}.fold-body{padding:0 14px 10px}.chips{flex-wrap:wrap;gap:6px;padding:8px 0 4px;display:flex}.chips button{min-height:32px;padding:5px 12px;font-size:12.5px}.row-inline{align-items:center;gap:8px;display:inline-flex}.ctl{grid-template-columns:120px 1fr 54px;align-items:center;gap:10px;margin:11px 0;display:grid}.ctl>span{color:var(--ink-2);font-size:13.5px}.ctl output{text-align:right;font:600 12px/1 var(--semi);color:var(--ink-2);font-variant-numeric:tabular-nums}.ctl select{grid-column:2/-1}.ctl .seg{grid-column:2/-1;justify-self:start}.export h3{margin-top:24px}.ex-card{background:var(--ink);color:#f3f3ec;border-radius:20px;padding:18px;position:relative;overflow:hidden}.ex-card:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#c9f24c52,#0000);width:240px;height:240px;position:absolute;top:-90px;right:-70px}.ex-card .eyebrow{color:#f3f3ec99}.ex-card h3{font:900 26px/1.05 var(--display);letter-spacing:-.03em;color:#fff;margin:0 0 10px}.ex-facts{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex;position:relative}.ex-facts li{color:#f3f3ece0;background:#ffffff17;border-radius:99px;padding:4px 10px;font-size:12.5px}.ex-card button.ghost{color:#f3f3ec}.ex-card button.ghost:hover:not(:disabled){background:#ffffff1a}.ex-card .notice{color:#ffe2c4;background:#ff9b3d1f;border:1px solid #ff9b3d73;border-radius:14px;padding:12px 14px;position:relative}.ex-card .notice p{margin:0 0 4px}.ex-card .notice b{color:#fff}.progress .bar{background:#ffffff24;border-radius:99px;height:10px;overflow:hidden}.progress .bar span{background:var(--lime);border-radius:99px;height:100%;transition:width .25s;display:block}.progress p{opacity:.7;margin:6px 0 0}.ex-done{color:var(--lime);margin:12px 0 0}.ex-error{color:#ffa3a3;margin:12px 0 0}.files{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px;display:grid}.file{text-align:left;border-color:var(--line);border-radius:16px;grid-template-columns:1fr auto;justify-content:stretch;align-items:center;gap:3px 10px;min-height:66px;padding:12px 14px;display:grid}.file b{font:600 14px/1.2 var(--semi)}.file span{font:400 12.5px/1.3 var(--body);color:var(--ink-3);grid-row:2}.file svg{color:var(--ink-3);grid-area:1/2/3;transition:transform .15s,color .15s}.file:hover:not(:disabled) svg{color:var(--ink);transform:translateY(2px)}@media (width<=820px){.app.is-editing{height:auto;overflow:visible}.top{flex-wrap:wrap;gap:8px 12px;min-height:0;padding:10px 14px}.doc{border-left:0;flex:100%;order:3;padding-left:0}.top-actions{gap:6px}.editor,.editor.fmt-youtube{flex-direction:column;gap:12px;padding:0 12px 16px;display:flex}.stage{flex-direction:column;align-items:center;display:flex}.fmt-reel .player-wrap{height:62vh}.timeline{order:2}.panel{order:3;overflow:visible}.tab-body{padding:4px 14px 18px;overflow:visible}.tabs{z-index:5;position:sticky;top:8px;box-shadow:0 6px 16px -10px #14140f66}.tl-sync{margin-left:0}.shade-note{border-radius:18px;flex-wrap:wrap;padding:8px 8px 8px 14px}.shade-note>span:not(.dot){flex:200px}.ctl{grid-template-columns:104px 1fr 46px}.start{padding:22px 16px 40px}.points{grid-template-columns:1fr}}@media (width<=560px){.brand{font-size:18px}.is-editing .top .plan,.new-label{display:none}.top-actions button{min-height:34px;padding:7px 12px}.top-actions button.icon,.top-actions button.ghost{width:34px;padding:0}.tabs svg{display:none}.tabs button{padding:6px 4px;font-size:13px}.tl-clock{min-width:0}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.tpl-family.suggested{padding:12px 10px 14px}.tpl-thumb{height:78px}.tpl-thumb>span:first-child{transform:scale(.86)}.ctl{grid-template-columns:88px 1fr 44px;gap:8px}.ctl .seg button{white-space:nowrap;padding:5px 10px;font-size:12.5px}}
