@font-face{font-family:Jakarta;src:url(./fonts/pjs-var.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Grotesk;src:url(./fonts/sg-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--void: #050505;--panel: #0c0c0c;--carbon: #141414;--raised: #1a1a1a;--bubble: #1f1f1f;--line: #1e1e1e;--line-2: #262626;--chrome: #c9c9c9;--white: #f5f5f5;--quiet: #8a8a8a;--red: #ff1a1a;--font: "Jakarta", system-ui, -apple-system, "Segoe UI", sans-serif;--r-panel: 28px;--r-tile: 18px;--w: 390px;--h: 780px}*{box-sizing:border-box}html,body,#root{margin:0;background:transparent}body{font-family:var(--font);color:var(--white);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}.wrap{padding:0;display:inline-block}.panel{width:var(--w);height:var(--h);background:var(--panel);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-panel);box-shadow:0 0 0 1px #ffffff0a inset;display:flex;flex-direction:column;overflow:hidden;-webkit-app-region:drag}.panel button,.panel input,.panel .thread,.panel .strip{-webkit-app-region:no-drag}.top{padding:16px 16px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px 34px;align-items:center;gap:8px}.round{width:34px;height:34px;border-radius:17px;background:var(--raised);display:flex;align-items:center;justify-content:center;flex:none;color:var(--white)}.round:hover{background:#222}.mid{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:9px;row-gap:5px;align-items:center;min-width:0}.wordmark{display:contents}.wordmark .o{width:18px;height:20px;object-fit:contain;display:block;justify-self:center}.wordmark .lock{display:flex;align-items:center;gap:8px}.wordmark .name{font-family:"Grotesk",var(--font);font-weight:500;font-size:14px;letter-spacing:.34em;color:var(--chrome);line-height:1}.wordmark .edit{font-family:"Grotesk",var(--font);font-weight:500;font-size:9px;letter-spacing:.42em;color:var(--red);line-height:1;margin-left:-6px}.beta{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--chrome);border:1px solid #2e2e2e;border-radius:999px;padding:3px 7px;line-height:1}.state{display:contents}.state .dot{width:7px;height:7px;border-radius:4px;background:var(--chrome);flex:none;justify-self:center}.state .text{font-size:11px;color:var(--chrome)}.state .dot.live{background:var(--red);animation:breathe 1.6s ease-in-out infinite}.state .dot.bad{background:var(--red)}.state .dot.off{background:#444}.sub{padding:0 20px 12px;display:flex;justify-content:space-between;font-size:11px;color:var(--quiet);border-bottom:1px solid rgba(255,255,255,.06)}.film{padding:14px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.film .row{position:relative;overflow:hidden}.film .tiles{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.film .tiles::-webkit-scrollbar{display:none}.film .fade{position:absolute;right:0;top:0;bottom:0;width:40px;pointer-events:none;background:linear-gradient(90deg,#0c0c0c00,#0c0c0c)}.tile{flex:none;height:44px;border-radius:8px;background:#262626;position:relative;overflow:hidden;color:var(--chrome);text-align:left;transition:transform .12s ease,opacity .12s ease}.tile:nth-child(odd){background:#2a2a2a}.tile:hover{transform:translateY(-1px)}.tile .thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85}.tile .len{position:absolute;left:6px;top:5px;font-size:9px;font-weight:600;text-shadow:0 1px 2px #000}.tile.gone{width:16px!important;background:#111;border:1px dashed #2a2a2a;color:#5a5a5a;display:flex;align-items:center;justify-content:center}.tile.lit{outline:1.5px solid var(--red)}.film .meta{display:flex;justify-content:space-between;font-size:11px;color:var(--quiet);margin-top:8px}.thread{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.you{align-self:flex-end;max-width:82%;background:var(--bubble);border-radius:20px 20px 6px;padding:11px 14px;white-space:pre-wrap}.otto{max-width:94%;line-height:1.5;white-space:pre-wrap}.otto.quiet{color:var(--quiet);font-size:13px}.otto.trouble{color:var(--chrome);font-size:13px}.label{font-size:11px;letter-spacing:.04em;color:var(--quiet);font-weight:600}.activity{display:flex;flex-direction:column;gap:5px;padding:2px 0 2px 2px;font-size:13px}.activity .did{display:flex;gap:8px;align-items:baseline;color:#6a6a6a}.activity .did .tick{font-size:11px}.activity .did .took{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#555}.activity .doing{display:flex;gap:9px;align-items:center;color:var(--quiet)}.activity .pulse{width:7px;height:7px;border-radius:50%;background:var(--chrome, #d7d7d7);animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.strip-tl{padding:6px 20px 0}.strip-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;width:100%}.strip-head>.link{margin:0}.strip-head .link{font-size:12px;color:var(--quiet);padding:0 4px}.strip-tools{display:flex;gap:6px}.strip-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#333 transparent;margin-top:4px}.strip-inner{position:relative;height:58px;overflow:hidden}.strip-shot{position:absolute;top:0;height:38px;border-radius:4px;border:1px solid #2a2a2a;background-size:cover;background-position:center;background-color:#1b1b1b;padding:0;cursor:pointer}.strip-shot span{position:absolute;left:3px;top:2px;font-size:10px;color:#fff;text-shadow:0 0 3px #000}.strip-shot.on{border:2px solid var(--red)}.strip-cut{position:absolute;top:0;width:8px;height:38px;background:transparent;border:0;cursor:pointer;z-index:2}.strip-cut:hover,.strip-cut.on{background:linear-gradient(90deg,transparent 2px,var(--red) 2px,var(--red) 6px,transparent 6px)}.strip-playhead{position:absolute;top:0;width:1px;height:40px;background:#e33;z-index:3;pointer-events:none}.strip-ruler{position:absolute;top:40px;left:0;right:0;height:18px;cursor:text}.strip-tick{position:absolute;font-size:9px;color:#666;border-left:1px solid #333;padding-left:2px}.strip-span{position:absolute;top:-40px;height:58px;background:#e632322e;pointer-events:none}.sel-chip{padding:4px 20px 0;font-size:12px;color:var(--quiet)}.strip-hint{font-size:11px;color:var(--quiet);margin-top:2px}.strip-mark{position:absolute;top:21px;height:15px;min-width:17px;padding:0 3px;z-index:4;font-size:9px;font-weight:800;line-height:15px;color:#111;background:#f2c14e;border:0;border-radius:3px;cursor:pointer;box-shadow:0 1px 3px #000000b3}.strip-mark.cut{top:1px;min-width:16px;background:#7fd3ff}.strip-mark:hover{outline:2px solid #fff}.mark-bar{display:flex;align-items:center;gap:8px;padding:6px 20px 0;font-size:12px;color:var(--quiet)}.mark-bar b{color:var(--white)}.combine-label{font-size:12px;color:var(--quiet);margin-right:2px}.sel-chip .link{margin-left:6px}.activity .spin{width:11px;height:11px;border-radius:50%;border:1.5px solid #3a3a3a;border-top-color:var(--chrome, #d7d7d7);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.activity .thinking{color:var(--chrome, #d7d7d7)}.activity .steps-toggle{align-self:flex-start;font-size:12px;color:var(--quiet);padding:0}.activity .steps{display:flex;flex-direction:column;gap:4px;padding-left:4px}.activity .did.now{color:var(--quiet)}.otto.thought{margin-bottom:-8px}.strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.strip::-webkit-scrollbar{display:none}.opt{flex:1 0 104px;min-width:104px;background:#161616;border:1px solid var(--line-2);border-radius:var(--r-tile);overflow:hidden;text-align:left;color:var(--white)}.opt:hover{border-color:#3a3a3a}.opt.on{border:2.5px solid var(--red);box-shadow:0 0 0 2px #e6323240}.opt .pre{position:relative;height:62px;background:#1e1e1e;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--quiet)}.opt .pre img{width:100%;height:100%;object-fit:cover}.strip.tall .opt .pre{height:auto;aspect-ratio:9 / 16}.opt .tag{position:absolute;top:6px;left:6px;z-index:1;font-size:10px;letter-spacing:.08em;color:#fff;background:var(--red);font-weight:800;padding:3px 7px;border-radius:4px;box-shadow:0 1px 4px #0009}.opt .name{padding:8px 11px 9px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ramp-smooth{display:flex;gap:6px;margin:8px 0 6px}.ramp-smooth{flex-wrap:wrap;align-items:center}.pill{border:1px solid #2e2e2e;border-radius:999px;padding:8px 14px;font-size:12px;color:var(--white)}.pill:hover{background:var(--raised)}.pill.solid{background:var(--white);color:var(--void);border-color:var(--white);font-weight:700}.pill.solid:hover{background:#e4e4e4}.pill:disabled{opacity:.4;cursor:default}.link{color:var(--quiet);font-size:12px;margin-left:auto}.link:hover{color:var(--white)}.composer{padding:10px 14px 14px;border-top:1px solid rgba(255,255,255,.06)}.composer .box{display:flex;align-items:center;gap:8px;background:#181818;border:1px solid var(--line-2);border-radius:24px;padding:7px}.composer .box:focus-within{border-color:#3a3a3a}.composer input{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:0 4px}.composer input::placeholder{color:var(--quiet)}.composer .add{width:34px;height:34px;border-radius:17px;background:#242424;display:flex;align-items:center;justify-content:center;flex:none}.composer .add:hover{background:#2e2e2e}.composer{position:relative}.addmenu{position:absolute;left:14px;bottom:calc(100% - 4px);z-index:5;min-width:200px;background:#161616;border:1px solid #2a2a2a;border-radius:18px;padding:6px;display:flex;flex-direction:column;gap:2px}.addmenu button{text-align:left;padding:11px 12px;border-radius:12px;font-size:13px;color:var(--white);display:flex;justify-content:space-between;gap:12px}.addmenu button:hover{background:var(--raised)}.addmenu button span{color:var(--quiet);font-size:11px}.attach{display:flex;flex-wrap:wrap;gap:6px;padding:0 6px 8px}.attach span{font-size:11px;color:var(--chrome);background:#1a1a1a;border-radius:999px;padding:4px 10px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer .send{width:34px;height:34px;border-radius:17px;background:var(--white);color:var(--void);display:flex;align-items:center;justify-content:center;flex:none}.composer .send:disabled{background:#333;color:#777;cursor:default}.composer .send.stop{background:var(--white);color:var(--void)}.menu{flex:1;padding:6px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--white);text-align:left;font-weight:500;width:100%}.item:hover{background:var(--raised)}.item.on{background:var(--bubble)}.item.soon{color:var(--quiet)}.item .hint{margin-left:auto;font-size:10px;letter-spacing:.1em;color:#5a5a5a}.rule{height:1px;background:var(--line);margin:8px 14px}.journal{flex:1;min-height:0;overflow:auto;padding:12px 20px;font-size:11px;color:var(--chrome)}.journal .quiet{color:var(--quiet);font-size:12px}.journal pre{margin:8px 0 0;white-space:pre-wrap;font-family:ui-monospace,Consolas,monospace}.island{height:50px;padding:0 8px 0 14px;background:var(--panel);border:1px solid rgba(255,26,26,.55);border-radius:25px;box-shadow:0 0 0 1px #ffffff0a inset;display:flex;align-items:center;gap:12px;color:var(--white);font-weight:500;font-size:13px;-webkit-app-region:drag}.island.live{border-color:var(--red)}.island .open{-webkit-app-region:no-drag;width:34px;height:34px;border-radius:17px;background:var(--raised);color:var(--white);display:flex;align-items:center;justify-content:center}.island .open:hover{background:#262626}.island .o{width:22px;height:22px;object-fit:contain}.island .o.live{filter:drop-shadow(0 0 4px rgba(255,26,26,.9)) drop-shadow(0 0 10px rgba(255,26,26,.5));animation:glow 1.8s ease-in-out infinite}.island .key{font-size:10px;color:#6a6a6a;border:1px solid var(--line-2);border-radius:6px;padding:2px 6px}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes glow{0%,to{filter:drop-shadow(0 0 6px rgba(255,26,26,.7)) drop-shadow(0 0 14px rgba(255,26,26,.3))}50%{filter:drop-shadow(0 0 12px rgba(255,26,26,1)) drop-shadow(0 0 26px rgba(255,26,26,.6))}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.you,.otto,.working,.strip,.pills{animation:rise .22s ease both}.state .clock{margin-left:auto;padding-left:10px;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.02em;opacity:.45}.state .clock.live{opacity:.8}.panel.gate-mini{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:13px}.gate-mini .gate-go{background:var(--white);color:var(--void);border-radius:999px;padding:7px 12px;font-weight:600;font-size:12px;white-space:nowrap}.ramp-panel{display:flex;flex-direction:column;gap:6px;margin-top:8px}.dpanel{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:10px;background:var(--carbon);border:1px solid var(--line-2);border-radius:12px}.drow{display:flex;gap:8px;align-items:center}.drow.wrap{flex-wrap:wrap}.dot{display:flex;align-items:center;gap:6px;background:var(--raised);border:1px solid var(--line-2);border-radius:999px;padding:4px 10px 4px 4px;color:var(--white);font-size:12px}.dot span{width:18px;height:18px;border-radius:50%;border:1px solid #ffffff40}.dot.on{border-color:var(--white)}.chip{background:var(--raised);border:1px solid var(--line-2);border-radius:999px;padding:4px 10px;color:var(--chrome);font-size:12px}.chip.on{border-color:var(--white);color:var(--white)}.tiny{font-size:11px;color:var(--quiet);display:flex;align-items:center;gap:6px}.tiny select{background:var(--raised);color:var(--white);border:1px solid var(--line-2);border-radius:6px;font-size:12px}.wheel{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.wheel canvas{cursor:crosshair;border-radius:50%}.swatches{display:flex;gap:6px;align-items:center}.sw{width:22px;height:22px;border-radius:50%;border:1px solid #ffffff40}.sw.on{outline:2px solid var(--white)}.anims{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.anim{background:#0b0b0d;border:1px solid var(--line-2);border-radius:8px;padding:10px 4px 6px;display:grid;gap:6px;justify-items:center;overflow:hidden;cursor:pointer}.anim.on{border-color:var(--white)}.aword{font:800 17px/1 system-ui,sans-serif;display:inline-block;height:20px}.aname{font-size:11px;color:var(--chrome);text-transform:capitalize}.a-cut{animation:a-cut 1.6s steps(1) infinite}.a-pop{animation:a-pop 1.6s linear infinite}.a-rise{animation:a-rise 1.6s cubic-bezier(.2,.8,.2,1) infinite}.a-slide_up{animation:a-slide 1.6s cubic-bezier(.16,1,.3,1) infinite}.a-fade{animation:a-fade 1.6s ease-out infinite}.a-blur{animation:a-blur 1.6s cubic-bezier(.16,1,.3,1) infinite}.a-scale{animation:a-scale 1.6s cubic-bezier(.16,1,.3,1) infinite}.a-bounce{animation:a-bounce 1.6s linear infinite}@keyframes a-cut{0%{opacity:0}15%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes a-pop{0%{opacity:0}15%{opacity:1}17%{opacity:0}19%{opacity:.9}21%{opacity:0}25%{opacity:1}27%{opacity:0}29%,92%{opacity:1}to{opacity:0}}@keyframes a-rise{0%,12%{opacity:0;transform:translateY(10px)}45%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes a-slide{0%,12%{opacity:0;transform:translateY(18px)}50%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes a-fade{0%,12%{opacity:0}50%,92%{opacity:1}to{opacity:0}}@keyframes a-blur{0%,12%{opacity:0;filter:blur(6px)}50%,92%{opacity:1;filter:blur(0)}to{opacity:0}}@keyframes a-scale{0%,12%{transform:scale(0)}50%,92%{transform:scale(1)}to{transform:scale(0)}}@keyframes a-bounce{0%,12%{transform:scale(0)}30%{transform:scale(1.25)}40%{transform:scale(.9)}48%{transform:scale(1.06)}55%,92%{transform:scale(1)}to{transform:scale(0)}}@media(prefers-reduced-motion:reduce){.aword{animation:none!important}}.stripwrap{position:relative;display:grid;gap:4px}.strip.more{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;padding-bottom:8px}.strip.more::-webkit-scrollbar{display:block;height:6px}.strip.more::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.sarrow{position:absolute;top:40%;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:#0c0c0ed9;color:var(--white);font-size:20px;line-height:26px;display:grid;place-items:center;cursor:pointer}.sarrow.l{left:4px}.sarrow.r{right:4px}.scount{font-size:11px;color:var(--chrome);text-align:right}.dpanel{gap:10px;padding:12px}.dpanel .tiny{color:var(--chrome);letter-spacing:.02em}.dfonts{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.dfield{display:grid;gap:4px;min-width:0}.dfield select{width:100%;min-width:0;background:var(--raised);color:var(--white);border:1px solid var(--line-2);border-radius:8px;padding:6px 8px;font-size:13px}.drow{flex-wrap:wrap;min-width:0}.drow input[type=range]{flex:1;min-width:80px}.dpick{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:8px}.linkish{background:none;border:0;color:var(--chrome);font-size:12px;text-decoration:underline;cursor:pointer;justify-self:start;padding:0}.ramp-what{font-size:12px;color:var(--quiet);margin:8px 0 2px;line-height:1.4}.ramp-what b{color:var(--white);font-weight:700}.curve{margin:6px 0 2px}.curve-svg{width:100%;height:auto;display:block;background:var(--carbon);border:1px solid var(--line-2);border-radius:var(--r-tile);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.curve-line{fill:none;stroke:var(--white);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.curve-normal{stroke:var(--line-2);stroke-width:1;stroke-dasharray:3 4}.curve-zero{stroke:#3a1a1a;stroke-width:1}.curve-label{fill:var(--quiet);font-size:9px;font-family:var(--font)}.curve-pct{fill:var(--chrome);font-size:9.5px;font-weight:600;font-family:var(--font);pointer-events:none}.curve-dot{fill:var(--white);stroke:var(--void);stroke-width:2;cursor:grab}.curve-dot:hover{r:8.5}.curve-bend{fill:var(--void);stroke:var(--chrome);stroke-width:1.5;cursor:grab}.curve-bend:hover{stroke:var(--white);r:6.5}.curve-help{font-size:11px;color:var(--quiet);margin-top:6px;line-height:1.4}.ramp-style{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--quiet);margin-top:8px}.ramp-style select.pill{background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:1}.ramp-style select.pill option{background:var(--void);color:var(--white)}.rich{white-space:normal;line-height:1.6;font-size:14.5px}.rich p{margin:0 0 12px}.rich-h{font-weight:700;color:var(--white);margin:14px 0 6px;font-size:14.5px}.rich-h:first-child{margin-top:0}.rich p:last-child,.rich ul:last-child,.rich ol:last-child{margin-bottom:0}.rich ul,.rich ol{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:6px}.rich li{padding-left:2px}.rich li::marker{color:var(--quiet)}.rich b{font-weight:700;color:var(--white)}.to-bottom{position:sticky;bottom:6px;align-self:center;margin-top:-40px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);background:var(--raised);color:var(--white);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #00000080;animation:rise .16s ease both}.to-bottom:hover{background:var(--bubble)}.lpk{height:100vh;background:var(--panel);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-panel);display:flex;flex-direction:column;overflow:hidden;color:var(--white);font-family:var(--font)}.lpk-bar{display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:auto auto;column-gap:8px;padding:16px 16px 8px;-webkit-app-region:drag}.lpk-title{font-size:16px;font-weight:700}.lpk-sub{grid-row:2;font-size:12px;color:var(--quiet)}.lpk-x{grid-row:1 / span 2;grid-column:2;align-self:center;width:34px;height:34px;border-radius:17px;background:var(--raised);color:var(--chrome);border:0;display:grid;place-items:center;cursor:pointer;-webkit-app-region:no-drag}.lpk-x:hover{color:var(--white)}.lpk-tools{display:flex;gap:8px;padding:6px 16px 12px}.lpk-search{flex:1;min-width:0;background:var(--carbon);border:1px solid var(--line-2);border-radius:14px;padding:10px 12px;color:var(--white);font:500 13px var(--font);outline:0}.lpk-search:focus{border-color:#3a3a3a}.lpk-search::placeholder{color:var(--quiet)}.lpk-off{flex:none;border:1px solid var(--line-2);background:transparent;color:var(--chrome);border-radius:14px;padding:0 14px;font:600 12px var(--font);cursor:pointer}.lpk-off.on{border-color:var(--red);color:var(--white)}.lpk-body{flex:1;min-height:0;overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.lpk-body::-webkit-scrollbar{width:6px}.lpk-body::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.lpk-lab{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;color:var(--quiet);font-weight:600;margin-bottom:8px}.lpk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lpk-card{position:relative;display:flex;flex-direction:column;text-align:left;padding:0;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-tile);overflow:hidden;color:var(--white);cursor:pointer;font-family:var(--font)}.lpk-card:hover:not(:disabled){border-color:#fff3}.lpk-card:disabled{cursor:default;opacity:.55}.lpk-card.on{border:1.5px solid var(--red)}.lpk-card.going{opacity:1;border-color:var(--chrome)}.lpk-img{display:block;aspect-ratio:16 / 9;background:linear-gradient(160deg,#262626,#141414)}.lpk-img img{width:100%;height:100%;object-fit:cover;display:block}.lpk-name{padding:8px 10px 10px;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lpk-tag{position:absolute;top:8px;left:10px;font-size:9px;letter-spacing:.1em;color:var(--red);font-weight:700}.lpk-empty{color:var(--quiet);font-size:13px;padding:24px 4px;text-align:center}.lpk button:focus-visible,.lpk-search:focus-visible{outline:2px solid var(--chrome);outline-offset:2px}html,body{overflow:hidden}:root{color-scheme:dark}html,body{background:transparent!important}.demo{display:flex;gap:20px;align-items:stretch;justify-content:center;padding:4px;max-width:1240px;margin:0 auto}.demo .panel{height:720px}.stage{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;height:720px}.said{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--quiet);min-height:17px;transition:color .3s}.said.on{color:var(--white)}.said .tag{margin-left:auto;letter-spacing:.1em;font-size:9px;font-weight:700;color:#6a6a6a;border:1px solid #2a2a2a;border-radius:999px;padding:3px 8px;white-space:nowrap}.tries{display:flex;flex-wrap:wrap;gap:6px}.tries button{border:1px solid #2a2a2a;border-radius:999px;padding:6px 11px;font-size:11.5px;color:var(--chrome)}.tries button:hover{background:var(--raised);color:var(--white)}.rv{--r-bg: #1f1f23;--r-panel: #28282e;--r-bar: #1a1a1d;--r-line: #121214;--r-text: #c9c9cc;--r-dim: #8b8b90;--r-vid: #4a6d9c;--r-vid-top: #3b5a86;--r-aud: #2f7a54;--r-wave: #62cf8e;--r-ttl: #8a57b3;--r-head: #e5433a;flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--r-bg);color:var(--r-text);border:1px solid #333;border-radius:8px;font:400 10px/1.2 Open Sans,Segoe UI,system-ui,sans-serif;box-shadow:0 20px 60px #00000080;-webkit-user-select:none;user-select:none}.rv .ico{width:13px;height:13px;flex:none;color:var(--r-dim)}.rv-title{flex:none;height:20px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#f3f3f3;color:#1b1b1b;font-size:10px}.rv-title img{width:12px;height:12px}.rv-win{margin-left:auto;font-style:normal;color:#333;font-size:10px}.rv-menu{flex:none;height:18px;display:flex;align-items:center;gap:11px;padding:0 8px;background:var(--r-bar);color:#b9b9bd;white-space:nowrap;overflow:hidden}.rv-tools{flex:none;height:26px;display:flex;align-items:center;gap:14px;padding:0 10px;background:var(--r-bg);border-bottom:1px solid var(--r-line);white-space:nowrap;overflow:hidden}.rv-tools span{display:flex;align-items:center;gap:5px;color:#a9a9ae}.rv-tools span.on,.rv-tools span.on .ico{color:#e6e6e8}.rv-proj{flex:1;text-align:center;font-weight:600;font-size:11.5px;color:#e6e6e8}.rv-top{flex:1 1 0;min-height:0;display:flex;border-bottom:1px solid var(--r-line)}.rv-pool{flex:none;width:34%;max-width:250px;display:flex;background:var(--r-panel);border-right:1px solid var(--r-line)}.rv-bins{flex:none;width:74px;white-space:nowrap;padding:6px 0;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--r-line);background:#232328}.rv-bins b{padding:3px 7px;background:#34343b;color:#eee;font-weight:600}.rv-bins span{padding:0 7px;color:#b9b9bd;margin-top:8px}.rv-bins span.sub{margin-top:0;padding-left:14px;color:var(--r-dim)}.rv-clips{flex:1;min-width:0;padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px 6px;align-content:start;overflow:hidden}.rv-clips figure{margin:0;min-width:0}.rv-clips figure div{aspect-ratio:16 / 9;border-radius:2px;background:#151518 center / cover;border:1px solid #36363d}.rv-clips figure.snd div{background:linear-gradient(transparent 40%,rgba(98,207,142,.35) 40% 60%,transparent 60%),#151518}.rv-clips figcaption{margin-top:3px;font-size:8.5px;color:#b1b1b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-viewer{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:var(--r-bg)}.rv-vhead{flex:none;height:20px;display:flex;align-items:center;gap:10px;padding:0 8px;color:#b9b9bd;font-variant-numeric:tabular-nums}.rv-vhead b{flex:1;text-align:center;font-weight:600;color:#e6e6e8}.rv-pic{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 10px}.rv-scrub{flex:none;position:relative;height:12px;margin:0 12px}.rv-scrub:before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:#444}.rv-scrub i{position:absolute;top:1px;width:2px;height:10px;background:#ddd;transition:left .1s linear}.rv-transport{flex:none;height:24px;display:flex;align-items:center;justify-content:center;gap:12px}.rv-transport .ico{color:#b9b9bd}.frame{position:relative;height:100%;aspect-ratio:16 / 9;max-width:100%;overflow:hidden;background:#000;transition:aspect-ratio .6s cubic-bezier(.2,.7,.2,1)}.frame.tall{aspect-ratio:9 / 16}.frame .pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease}.frame .pic.zoom{transform:scale(1.18)}.frame .pic.look-warm{filter:sepia(.22) saturate(1.2) contrast(1.05)}.frame .pic.look-clean{filter:contrast(1.12) saturate(1.05)}.frame.lit{outline:1.5px solid var(--red)}.frame .cap{position:absolute;left:0;right:0;bottom:14%;text-align:center;line-height:1.05;text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none}.frame .cap .small{display:block;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:13px;color:#eee}.frame .cap b{font-size:24px;font-weight:800;letter-spacing:-.01em;color:#fff;text-transform:uppercase}.frame .badges{position:absolute;top:8px;left:8px;display:flex;gap:5px;flex-wrap:wrap}.frame .badges span{font-size:9.5px;font-weight:700;letter-spacing:.04em;background:#28282ee6;color:var(--white);border-radius:999px;padding:3px 8px}.fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:fx .52s ease-out both}.fx.flash{background:#fff}.fx.fade{background:#000}.fx.whip{background:#222}@keyframes fx{0%{opacity:0}35%{opacity:1}to{opacity:0}}.rv-tlbar{flex:none;height:24px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--r-bg);border-bottom:1px solid var(--r-line)}.rv-tlbar .sep{width:1px;height:12px;background:#3a3a40}.rv-tlbar .ico:first-child{color:#e6e6e8}.rv-tl{flex:none;display:flex;background:var(--r-bg)}.rv-heads{flex:none;width:128px;border-right:1px solid var(--r-line);background:var(--r-panel)}.rv-bigtc{height:22px;display:flex;align-items:center;padding-left:8px;font-size:13px;font-weight:500;color:#eee;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--r-line);background:var(--r-bg)}.rv-th{position:relative;height:24px;display:flex;white-space:nowrap;align-items:center;gap:5px;padding:0 6px;border-bottom:1px solid var(--r-line);transition:background .3s}.rv-th.tall{height:34px}.rv-th b{font-size:9.5px;font-weight:700;color:#e6e6e8}.rv-th span{color:#b1b1b6;font-size:9px}.rv-th em{font-style:normal;font-size:8.5px;color:var(--r-dim)}.rv-th .icons{margin-left:auto;display:flex;gap:3px;font-style:normal}.rv-th .icons .ico{width:10px;height:10px}.rv-th .icons u{text-decoration:none;font-size:7.5px;font-weight:700;color:var(--r-dim);border:1px solid #45454c;border-radius:2px;padding:0 2px}.rv-th.lit{background:#3a2526}.rv-th.lit b{color:#ff6b5c}.rv-lanes{position:relative;flex:1;min-width:0;overflow:hidden}.rv-ruler{position:relative;height:22px;border-bottom:1px solid var(--r-line);font-size:8px;color:var(--r-dim);font-variant-numeric:tabular-nums;background:repeating-linear-gradient(90deg,#3a3a40 0 1px,transparent 1px 10px) bottom / 100% 4px no-repeat,var(--r-bg)}.rv-ruler span{position:absolute;top:3px;padding-left:3px;border-left:1px solid #55555c;line-height:11px;white-space:nowrap}.rv-lane{position:relative;height:24px;border-bottom:1px solid var(--r-line);background:#212126}.rv-lane.tall{height:34px}.clip{position:absolute;top:1px;bottom:1px;font-style:normal;font-size:8.5px;color:#fff;overflow:hidden;white-space:nowrap;display:flex;align-items:flex-start;gap:4px;padding:2px 4px;border-radius:1px;transition:left .6s cubic-bezier(.2,.7,.2,1),width .6s cubic-bezier(.2,.7,.2,1);animation:rise .3s ease both}.clip .nm{opacity:.92;overflow:hidden;text-overflow:ellipsis}.clip.vid{background:linear-gradient(var(--r-vid-top) 0 11px,var(--r-vid) 11px);border:1px solid #2a3f5e}.clip.aud{background:var(--r-aud);border:1px solid #1f5539}.clip.aud:after,.clip.wave:after{content:"";position:absolute;left:0;right:0;top:12px;bottom:2px;opacity:.8;background:repeating-linear-gradient(90deg,var(--r-wave) 0 1px,transparent 1px 3px);-webkit-mask:linear-gradient(transparent 20%,#000 45% 55%,transparent 80%);mask:linear-gradient(transparent 20%,#000 45% 55%,transparent 80%)}.clip.snd{background:var(--r-aud);border:1px solid #1f5539;min-width:30px}.clip.ttl{background:var(--r-ttl);border:1px solid #5c3a79}.clip.mine{outline:1.5px solid #ff5a3c;outline-offset:-1px;z-index:1}.clip em{font-style:normal;font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#00000059;border-radius:2px;padding:0 3px}.clip em.tr{background:#ffffff2e}.rv-head{position:absolute;top:0;bottom:0;width:1px;background:var(--r-head);pointer-events:none;transition:left .1s linear}.rv-head:before{content:"";position:absolute;top:6px;left:-5px;width:11px;height:11px;background:var(--r-head);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.rv-pages{flex:none;height:30px;margin-top:auto;display:flex;align-items:center;padding:0 10px;background:var(--r-bar);border-top:1px solid var(--r-line)}.rv-brand{display:flex;align-items:center;gap:6px;color:#b9b9bd;font-size:9.5px;white-space:nowrap}.rv-brand img{width:14px;height:14px}.rv-pgs{flex:1;display:flex;align-items:center;justify-content:center;gap:26px}.rv-pgs .ico{width:15px;height:15px}.rv-pgs b{display:flex;align-items:center;justify-content:center;width:44px;height:30px;background:#2c2c32}.rv-pgs b .ico{color:#f1f1f3}@media(max-width:900px){:root{--w: min(390px, calc(100vw - 16px) )}.demo{flex-direction:column;align-items:center;gap:12px;padding:0 8px}.demo .panel{height:380px}.stage{width:100%;height:auto}.rv{flex:none}.rv-top{flex:none;height:150px}.rv-pool,.rv-menu,.rv-brand{display:none}.rv-tools span:not(.on){display:none}}.frame .cap.warm-glow b{text-transform:lowercase;font-family:Poppins,system-ui,sans-serif;font-weight:900;text-shadow:0 0 18px rgba(255,138,60,.95),0 0 36px rgba(255,138,60,.6)}.frame .cap.warm-glow .small{font-family:Poppins,system-ui,sans-serif;font-style:normal;font-weight:700;font-size:12px}.frame .cap.clean-serif b{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;text-transform:lowercase;font-size:30px}.frame .cap.highlighter b{background:#ffd60a;color:#0c0c0e;padding:0 8px;border-radius:4px;text-shadow:none}.frame .cap.highlighter .small{font-family:Poppins,system-ui,sans-serif;font-style:normal;font-weight:800;text-transform:uppercase;font-size:11px}.tour .tries{display:none}.tour .opt.tour-hint{outline:2px solid var(--red);outline-offset:2px;transform:translateY(-3px);transition:transform .3s ease,outline-color .3s}