@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:#000;--fg:#fff;--fg-60:hsla(0,0%,100%,.6);--fg-40:hsla(0,0%,100%,.4);--fg-24:hsla(0,0%,100%,.24);--fg-12:hsla(0,0%,100%,.12);--fg-08:hsla(0,0%,100%,.08);--fg-04:hsla(0,0%,100%,.04);--accent:oklch(0.78 0.18 25);--accent-soft:oklch(0.78 0.18 25/0.16);--warn:oklch(0.85 0.15 95);--good:oklch(0.78 0.16 155);--ui:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}#__next,#root,body,html{height:100%;height:100dvh;width:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--ui);font-size:12px;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;letter-spacing:-.01em}button{font-size:inherit;cursor:pointer;letter-spacing:inherit}button,input,textarea{font-family:inherit;color:inherit;background:none;border:none}input,textarea{outline:none}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.uppercase{text-transform:uppercase;letter-spacing:.08em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fg-12);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-24)}.app{position:fixed;inset:0;display:grid;grid-template-rows:44px 1fr;background:#000}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-bottom:1px solid var(--fg-08);grid-gap:12px;gap:12px;position:relative;z-index:50}.topbar,.topbar>div{min-width:0}.topbar .center,.topbar .left,.topbar .right{flex-wrap:nowrap;overflow:hidden}@media (max-width:1180px){.topbar .center{display:none}.topbar{grid-template-columns:1fr auto}}@media (max-width:880px){.topbar .hideable{display:none}}.topbar .left,.topbar .right{display:flex;align-items:center;gap:4px}.topbar .right{justify-content:flex-end}.topbar .center{gap:2px}.brand,.topbar .center{display:flex;align-items:center}.brand{gap:8px;padding:0 8px;height:28px;font-weight:600;letter-spacing:-.02em}.brand-mark{width:14px;height:14px;background:var(--fg);position:relative}.brand-mark:after{content:"";position:absolute;inset:3px;background:var(--bg)}.brand-mark:before{content:"";position:absolute;width:4px;height:4px;top:5px;left:5px;background:var(--accent);z-index:1}.tab{height:28px;padding:0 12px;display:flex;align-items:center;gap:6px;color:var(--fg-60);font-size:12px;font-weight:500;border-radius:4px}.tab.active{background:var(--fg-08)}.btn,.tab.active,.tab:hover:not(.active){color:var(--fg)}.btn{height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-radius:4px;border:1px solid transparent;white-space:nowrap}.btn:hover{background:var(--fg-08)}.btn.ghost{color:var(--fg-60)}.btn.ghost:hover{color:var(--fg)}.btn.outline{border-color:var(--fg-12)}.btn.outline:hover{border-color:var(--fg-24);background:transparent}.btn.primary{background:var(--fg);color:#000}.btn.primary:hover{background:var(--fg);opacity:.9}.btn.accent{background:var(--accent);color:#000}.btn.accent:hover{opacity:.92}.btn.icon{padding:0;width:28px;justify-content:center}.btn.sm{height:22px;padding:0 7px;font-size:11px}.kbd{font-family:var(--mono);font-size:10px;padding:1px 4px;border:1px solid var(--fg-12);border-radius:3px;color:var(--fg-60)}.divider{width:1px;height:16px;background:var(--fg-12);margin:0 4px}.stage{position:relative;display:grid;grid-template-columns:240px 1fr 280px;overflow:hidden;min-height:0}.stage.no-right{grid-template-columns:240px 1fr}.stage.no-left{grid-template-columns:1fr 280px}.stage.solo{grid-template-columns:1fr}.panel{border-right:1px solid var(--fg-08);display:flex;flex-direction:column;overflow:hidden;background:#000;min-width:0;min-height:0;height:100%}.panel.right{border-right:none;border-left:1px solid var(--fg-08)}.panel-head{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--fg-08);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-60);flex-shrink:0}.panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.panel-section{padding:12px;border-bottom:1px solid var(--fg-08)}.panel-section h4{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-40);margin-bottom:8px}.canvas-area{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#050505;background-image:radial-gradient(circle at 1px 1px,var(--fg-08) 1px,transparent 0);background-size:24px 24px}.canvas-toolbar{height:36px;flex-wrap:nowrap;padding:0 12px;gap:4px;border-bottom:1px solid var(--fg-08);background:#000;overflow-x:auto;overflow-y:hidden;min-width:0}.canvas-toolbar,.canvas-toolbar .group{display:flex;align-items:center;flex-shrink:0}.canvas-toolbar .group{background:var(--fg-04);border:1px solid var(--fg-08);border-radius:4px;height:24px;padding:0 2px}.canvas-toolbar .group .btn{height:20px;padding:0 8px;font-size:11px;border-radius:3px}.canvas-toolbar .group .btn.active{background:var(--fg);color:#000}.canvas-toolbar .meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--fg-60)}@media (max-width:1280px){.canvas-toolbar .meta{display:none}}.canvas-toolbar .meta b{color:var(--fg);font-weight:500}.canvas-toolbar .spacer{flex:1 1}.canvas-wrap{flex:1 1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.canvas,.canvas-wrap{position:relative;overflow:hidden}.canvas{background:#000;border:1px solid var(--fg-12);transform-origin:center}.canvas-grid-overlay{position:absolute;inset:0;z-index:6;background-image:linear-gradient(90deg,hsla(0,0%,100%,.32) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.32) 1px,transparent 0);background-size:10% 10%;pointer-events:none}.tile{position:absolute;background:#111;overflow:hidden;outline:1px solid var(--fg-12);cursor:move;transition:outline-color .12s,outline-width .12s}.tile:hover{outline-color:var(--fg-40)}.tile.selected{outline:2px solid var(--accent);z-index:5}.tile.dragging{z-index:10;cursor:-webkit-grabbing;cursor:grabbing}.tile-video{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.tile-placeholder{width:100%;height:100%;justify-content:center;background:repeating-linear-gradient(45deg,#1a1a1a 0 8px,#0e0e0e 8px 16px);color:var(--fg-40)}.tile-meta,.tile-placeholder{display:flex;align-items:center;font-family:var(--mono);font-size:10px}.tile-meta{bottom:6px;gap:6px;color:#fff}.tile-badge,.tile-meta{position:absolute;left:6px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2px 6px;pointer-events:none}.tile-badge{top:6px;display:flex;align-items:center;gap:4px;font-size:10px;color:var(--fg-60);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tile-badge.live,.tile.soloing .tile-badge{color:var(--accent)}.tile-badge.live:before{content:"";width:6px;height:6px;background:var(--accent);display:inline-block;border-radius:50%;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.4}}.tile-controls{position:absolute;top:32px;right:6px;bottom:auto;left:auto;display:flex;gap:6px;opacity:1;z-index:12;pointer-events:auto}.tile.selected .tile-controls,.tile:hover .tile-controls{opacity:1}.tile-controls .tile-ctl,.tile-controls button{width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);pointer-events:auto;flex:none;position:relative;z-index:12}.tile-controls .tile-remove{margin-left:6px}.tile-controls button:hover{background:rgba(0,0,0,.85)}.canvas-toolbar .group.zoom-nudge .btn{min-width:28px;position:relative;z-index:1}.handle{position:absolute;width:28px;height:28px;background:transparent;border:none;z-index:6;pointer-events:auto}.handle:after{content:"";position:absolute;width:12px;height:12px;background:var(--accent);border:1px solid #000;box-sizing:border-box;pointer-events:none}.handle.nw{cursor:nwse-resize}.handle.nw,.handle.nw:after{top:0;left:0}.handle.ne{cursor:nesw-resize}.handle.ne,.handle.ne:after{top:0;right:0}.handle.sw{cursor:nesw-resize}.handle.sw,.handle.sw:after{bottom:0;left:0}.handle.se{cursor:nwse-resize}.handle.se,.handle.se:after{bottom:0;right:0}.asset{display:grid;grid-template-columns:56px 1fr auto;grid-gap:8px;gap:8px;padding:8px 12px;align-items:center;cursor:-webkit-grab;cursor:grab;border-bottom:1px solid var(--fg-04)}.asset:hover{background:var(--fg-04)}.asset.in-use{background:var(--accent-soft)}.asset-thumb{width:56px;height:32px;background:#111;position:relative;overflow:hidden}.asset-thumb img,.asset-thumb video{width:100%;height:100%;object-fit:cover;display:block}.asset-thumb .duration{position:absolute;bottom:2px;right:2px;font-family:var(--mono);font-size:9px;background:rgba(0,0,0,.7);padding:1px 3px;color:#fff}.asset-info{min-width:0}.asset-title{font-size:12px;font-weight:500}.asset-sub,.asset-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-sub{font-size:10px;color:var(--fg-40);font-family:var(--mono)}.asset-action{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--fg-40)}.asset:hover .asset-action{color:var(--fg)}.input{width:100%;height:26px;padding:0 8px;background:var(--fg-04);border:1px solid var(--fg-08);border-radius:4px;font-size:11px;font-family:var(--ui)}.input:focus{border-color:var(--fg-24);background:var(--fg-08)}.input.mono{font-family:var(--mono)}.field{display:grid;grid-template-columns:64px 1fr;grid-gap:8px;gap:8px;align-items:center;margin-bottom:6px}.field label{font-size:11px;color:var(--fg-60)}.numfield{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:2px;background:var(--fg-12);border-radius:1px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--fg);margin-top:-5px;border-radius:50%}.slider.accent::-webkit-slider-thumb{background:var(--accent)}.timeline-wrap{flex-shrink:0;border-top:1px solid var(--fg-08);background:#000;display:flex;flex-direction:column}.timeline-head{height:32px;display:flex;align-items:center;padding:0 12px;gap:12px;border-bottom:1px solid var(--fg-08);font-size:11px;overflow-x:auto;min-width:0}.timeline-head .time{font-family:var(--mono);color:var(--fg)}.timeline-head .time .sep{color:var(--fg-40);margin:0 4px}.timeline-head .spacer{flex:1 1}.timeline-body{position:relative;overflow-x:auto;overflow-y:hidden;height:132px}.timeline-body.pro{height:220px}.timeline-body.simple{height:76px}.ruler{height:22px;position:-webkit-sticky;position:sticky;top:0;background:#000;border-bottom:1px solid var(--fg-08);z-index:2;display:flex;font-family:var(--mono);font-size:9px;color:var(--fg-40)}.ruler-tick{position:absolute;border-left:1px solid var(--fg-12);height:100%;display:flex;align-items:center;padding-left:4px}.ruler-tick.major{border-left-color:var(--fg-24)}.tracks{padding:4px 0}.track,.tracks{position:relative}.track{height:28px;display:flex;margin-bottom:2px}.track-label{width:80px;height:100%;flex-shrink:0;display:flex;align-items:center;padding:0 8px;gap:6px;font-size:10px;color:var(--fg-60);background:#000;border-right:1px solid var(--fg-08);position:-webkit-sticky;position:sticky;left:0;z-index:1}.track-label .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.track-lane{flex:1 1;position:relative;background:linear-gradient(to right,var(--fg-04) 1px,transparent 1px) repeat-x;background-size:40px 100%}.clip{position:absolute;top:2px;bottom:2px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:1px solid var(--fg-24);display:flex;align-items:center;padding:0 6px;gap:4px;font-size:10px;font-family:var(--mono);cursor:-webkit-grab;cursor:grab;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clip:hover{border-color:var(--fg-40)}.clip.selected{border-color:var(--accent);background:linear-gradient(180deg,oklch(.32 .1 25),oklch(.22 .08 25))}.clip-handle-l,.clip-handle-r{position:absolute;top:0;bottom:0;width:4px;background:var(--fg-24);cursor:ew-resize}.clip-handle-l{left:0}.clip-handle-r{right:0}.clip.selected .clip-handle-l,.clip.selected .clip-handle-r{background:var(--accent)}.clip .loop-mark{position:absolute;top:2px;right:8px;font-size:9px;color:var(--accent);letter-spacing:.1em}.playhead{bottom:0;width:1px;pointer-events:none;z-index:3}.playhead,.playhead:before{position:absolute;top:0;background:var(--accent)}.playhead:before{content:"";left:-4px;width:9px;height:9px;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.loop-band{position:absolute;top:22px;bottom:0;background:var(--accent-soft);border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none;z-index:4}.loop-band:after,.loop-band:before{content:"LOOP";position:absolute;top:2px;font-size:9px;font-family:var(--mono);color:var(--accent);letter-spacing:.1em}.loop-band:before{left:4px}.loop-band:after{right:4px;content:""}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadein .16s}@keyframes fadein{0%{opacity:0}}.modal{width:640px;max-height:80vh;background:#0a0a0a;border:1px solid var(--fg-12);display:flex;flex-direction:column;overflow:hidden}.modal-head{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--fg-08)}.modal-head h3{font-size:13px;font-weight:600}.modal-tabs{display:flex;padding:0 12px;gap:2px;border-bottom:1px solid var(--fg-08)}.modal-body{padding:20px;overflow-y:auto;flex:1 1}.modal-foot{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--fg-08);background:#050505}.url-row{display:flex;gap:8px}.url-row .input{flex:1 1;height:32px}.app>.discover,.app>.stage,.discover{min-height:0}.discover{position:relative;z-index:20;height:100%;overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:#000;pointer-events:auto;isolation:isolate}.discover-head{padding:16px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--fg-08)}.discover-head h2{font-size:18px;font-weight:600;letter-spacing:-.02em}.discover-pills{display:flex;gap:6px}.pill{height:24px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--fg-12);border-radius:12px;font-size:11px;color:var(--fg-60)}.pill.active{background:var(--fg);color:#000;border-color:var(--fg)}.pill:hover:not(.active){color:var(--fg);border-color:var(--fg-24)}.feed-slot{display:block;position:relative;z-index:0;width:100%;max-width:100%;min-width:0;min-height:0;aspect-ratio:9/16;overflow:hidden;-webkit-clip-path:inset(0);clip-path:inset(0);isolation:isolate;pointer-events:auto;color:inherit;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;font:inherit;text-align:left}.feed-slot:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:auto}.feed-grid{padding:16px 24px 24px;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:relative;z-index:2;isolation:isolate;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));grid-gap:12px;gap:12px;align-content:start;align-items:stretch;justify-items:stretch;grid-auto-rows:auto}.feed-card,.feed-grid{min-height:0;min-width:0;width:100%;height:100%;display:grid}.feed-card{position:absolute;inset:0;z-index:0;background:#111;overflow:hidden;max-width:100%;max-height:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:1px;gap:1px;pointer-events:none}.feed-card.layout-pip{grid-template-columns:1fr;grid-template-rows:1fr}.feed-card.layout-stack3{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.feed-card.layout-strip{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.feed-cell{background:#000;position:relative;overflow:hidden}.feed-cell img,.feed-cell video{width:100%;height:100%;object-fit:cover}.feed-cell.pip{position:absolute;bottom:60px;right:8px;width:35%;aspect-ratio:1;border:1px solid var(--fg-24);z-index:2}.feed-card>*,.feed-overlay{pointer-events:none}.feed-overlay{position:absolute;left:0;right:0;bottom:0;top:auto;max-height:50%;overflow:hidden;padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);z-index:3}.feed-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--fg-60);font-family:var(--mono);margin-bottom:4px}.feed-title{font-size:13px;font-weight:600;line-height:1.3;color:#fff;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;pointer-events:none}.feed-author{font-size:10px;color:var(--fg-60);margin-top:2px;display:flex;align-items:center;gap:4px}.feed-stats{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:3}.feed-stat{display:flex;align-items:center;gap:3px;font-size:10px}.feed-card .layout-tag,.feed-stat{font-family:var(--mono);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2px 5px}.feed-card .layout-tag{position:absolute;top:8px;left:8px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;z-index:3;color:var(--fg-60)}.fab-bar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);gap:4px;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--fg-12);padding:4px;z-index:8}.fab-bar,.row{display:flex;align-items:center}.row{gap:8px;margin-bottom:8px}.row.tight{margin-bottom:4px}.row.between{justify-content:space-between}.swatch-row{display:flex;gap:4px}.swatch{width:18px;height:18px;border:1px solid var(--fg-12);cursor:pointer}.swatch.active{outline:1px solid var(--accent);outline-offset:1px}.template-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.template{aspect-ratio:9/16;background:#0a0a0a;border:1px solid var(--fg-08);position:relative;cursor:pointer;display:grid;grid-gap:2px;gap:2px;padding:2px}.template:hover{border-color:var(--fg-24)}.template.active{border-color:var(--accent)}.template-cell{background:var(--fg-12)}.template-label{position:absolute;bottom:4px;left:4px;font-size:9px;color:var(--fg-60);text-transform:uppercase;letter-spacing:.06em}.kv,.template-label{font-family:var(--mono)}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;font-size:11px}.kv dt{color:var(--fg-40)}.kv dd{color:var(--fg);text-align:right}.toggle{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:11px;border-top:1px solid var(--fg-04)}.toggle:first-child{border-top:none}.switch{width:26px;height:14px;background:var(--fg-12);border-radius:7px;position:relative;cursor:pointer;transition:background .12s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:var(--fg);border-radius:50%;transition:transform .12s}.switch.on{background:var(--accent)}.switch.on:after{transform:translateX(12px);background:#000}.canvas-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--fg-40);pointer-events:none;text-align:center}.canvas-hint .big{font-size:14px;color:var(--fg-60);margin-bottom:6px;font-weight:500}.canvas-hint .small{font-family:var(--mono);font-size:10px}.dotbtn{position:relative}.dotbtn:after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;background:var(--accent);border-radius:50%}.tile-media{position:absolute;inset:0;overflow:hidden;background:#111}.tile-video-el{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block;transform-origin:center center}.tile-yt{border:0;object-fit:unset}.tile-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-family:var(--mono);font-size:10px;line-height:1.4;color:var(--warn);background:rgba(0,0,0,.72);pointer-events:none}.canvas-wrap.drop-over .canvas{outline:1px dashed var(--accent)}.tile-seam,.v-tile-seam{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);pointer-events:none}.ui-toast{left:50%;transform:translateX(-50%);z-index:9999;border:1px solid var(--fg-12);font-size:12px;color:var(--fg);pointer-events:none}.export-progress,.ui-toast{position:fixed;bottom:22px;background:rgba(0,0,0,.92);padding:8px 14px}.export-progress{right:22px;z-index:300;border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:11px}.app.density-compact .panel-section{padding:8px}.app.density-compact .timeline-body.simple{height:64px}.app.density-compact .asset{padding:6px 10px}.loop-handle{position:absolute;top:0;bottom:0;width:14px;cursor:ew-resize;pointer-events:auto;z-index:5;background:color-mix(in oklab,var(--accent) 40%,transparent)}.loop-handle.l{left:-4px}.loop-handle.r{right:-4px}.btn.active{background:var(--fg-08)}.tile-cue{position:absolute;left:8%;right:8%;bottom:10%;text-align:center;font-size:11px;font-weight:500;line-height:1.35;color:#fff;text-shadow:0 1px 2px #000;background:rgba(0,0,0,.55);padding:4px 8px;pointer-events:none;z-index:3}.speech-pill{display:inline-flex;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:#000;background:var(--accent);padding:1px 6px;margin-left:8px;font-weight:600;vertical-align:1px}.speech-pill.idle{background:var(--fg-12);color:var(--fg-40)}.source-strip{position:relative;height:28px;background:#111;border:1px solid var(--fg-08);border-radius:3px;margin:6px 0 4px;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.source-strip-dim{background:rgba(0,0,0,.55);z-index:1}.source-strip-dim,.source-strip-keep{position:absolute;top:0;bottom:0;pointer-events:none}.source-strip-keep{background:oklch(.32 .1 25/.5);z-index:0}.source-drop{position:absolute;top:0;bottom:0;z-index:2;background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--accent) 28%,transparent) 0 4px,transparent 4px 8px),rgba(0,0,0,.45);cursor:-webkit-grab;cursor:grab}.source-drop.preview{pointer-events:none;opacity:.7}.source-drop.selected{outline:1px solid var(--accent);outline-offset:-1px}.source-drop-handle{position:absolute;top:0;bottom:0;width:5px;cursor:ew-resize;background:color-mix(in oklab,var(--accent) 55%,transparent);z-index:2}.source-drop-handle.l{left:0}.source-drop-handle.r{right:0}.source-drop-x{position:absolute;top:2px;right:6px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--fg);background:rgba(0,0,0,.7);border:none;cursor:pointer;z-index:3;padding:0}.source-strip-tick{position:absolute;top:0;bottom:0;width:18px;margin-left:-9px;background:transparent;pointer-events:auto;z-index:5;cursor:ew-resize}.source-strip-tick:after{bottom:0;width:1px;margin-left:-.5px}.source-strip-tick:after,.source-strip-tick:before{content:"";position:absolute;top:0;left:50%;background:var(--accent);pointer-events:none}.source-strip-tick:before{transform:translateX(-50%);width:7px;height:5px;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.clip-skip-seam{top:0;bottom:0;width:2px;background:repeating-linear-gradient(180deg,color-mix(in oklab,var(--accent) 70%,transparent) 0 3px,transparent 3px 6px);z-index:1}.clip-drop-gap,.clip-skip-seam{position:absolute;pointer-events:none}.clip-drop-gap{top:2px;bottom:2px;background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--bg) 80%,#000) 0 4px,color-mix(in oklab,var(--accent) 35%,transparent) 4px 8px);border:1px dashed var(--accent);z-index:2}.app .twk-fab,.app .twk-panel{bottom:196px}.clip.solo-dim{opacity:.28}.clip.solo-clip{outline:1px solid var(--accent);outline-offset:-1px}