:root{color:#f6f7fb;font-synthesis:none;text-rendering:optimizelegibility;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);background:#07080b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 50% -10%,#5b70ff1f,#0000 32%),linear-gradient(#0b0d12 0%,#07080b 100%);place-items:center;min-height:100vh;padding:48px 28px;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient{filter:blur(100px);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.ambient-one{background:#7259ff1f;top:-240px;left:5%}.ambient-two{background:#2981ff1a;bottom:-220px;right:-250px}.workspace{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#101218eb;border:1px solid #ffffff17;border-radius:22px;width:min(1180px,100%);position:relative;overflow:hidden;box-shadow:0 30px 100px #0000008c,inset 0 1px #ffffff09}.topbar,.inspector-row,.timeline-head,.help-row,.feedback-bar{align-items:center;display:flex}.topbar{background:#ffffff03;border-bottom:1px solid #ffffff12;justify-content:space-between;min-height:84px;padding:0 28px}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#d8d3ff;background:linear-gradient(145deg,#7b68f447,#5748b414);border:1px solid #9e90ff59;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff1f}.eyebrow{color:#777d8e;letter-spacing:.2em;margin-bottom:3px;font-size:9px;font-weight:800}h1{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:680}.history-controls{align-items:center;gap:6px;display:flex}.icon-button,.split-button,.reset-button{color:#c2c6d2;height:34px;transition:transform .14s var(--ease-out), color .14s ease, border-color .14s ease, background-color .14s ease;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;justify-content:center;align-items:center;display:inline-flex}.icon-button{border-radius:9px;width:34px;padding:0}.reset-button,.split-button{border-radius:9px;gap:7px;padding:0 12px;font-size:12px;font-weight:650}.split-button.is-active{color:#eeebff;background:#745ef13d;border-color:#9684ff99;box-shadow:inset 0 1px #ffffff14,0 0 18px #755ef421}.icon-button:active:not(:disabled),.split-button:active,.reset-button:active{transform:scale(.97)}.icon-button:disabled{opacity:.3;cursor:default}.toolbar-divider{background:#ffffff14;width:1px;height:20px;margin:0 4px}.inspector-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:28px;padding:22px 28px}.selected-summary{align-items:center;gap:9px;min-width:0;display:flex}.clip-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px}.clip-dot.violet{color:#a99cff;background:currentColor}.clip-dot.blue{color:#66a5ff;background:currentColor}.clip-dot.amber{color:#f3b764;background:currentColor}.selected-label{color:#777d8d;font-size:11px}.selected-summary strong{color:#e9eaf0;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.clip-id{color:#757b8a;border:1px solid #ffffff14;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:800}.time-fields{flex-wrap:wrap;gap:8px;display:flex}.time-field{font-variant-numeric:tabular-nums;background:#ffffff06;border:1px solid #ffffff13;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:4px;min-width:94px;padding:9px 12px;display:grid}.time-field>span{color:#676d7c;letter-spacing:.13em;grid-column:1/-1;font-size:8px;font-weight:800}.time-field strong{color:#eff0f5;margin-top:3px;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:600}.time-field em{color:#676d7c;align-self:end;margin-bottom:1px;font-size:9px;font-style:normal}.duration-field{background:#745fec0f;border-color:#806fff2e}.timeline-panel{padding:0 28px 22px}.timeline-head{justify-content:space-between;height:54px}.track-title{color:#9095a3;letter-spacing:.11em;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.track-pill{color:#777d8d;letter-spacing:.04em;background:#ffffff0d;border-radius:4px;padding:3px 6px;font-size:8px}.snap-status{color:#9da2af;align-items:center;gap:7px;font-size:10px;display:flex}.status-light{background:#7f70ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #7f70ff}.snap-status.is-off .status-light{box-shadow:none;background:#777c87}.ruler{border-bottom:1px solid #ffffff14;height:42px;margin-left:42px;position:relative}.tick{background:#ffffff1f;width:1px;height:5px;position:absolute;bottom:0}.tick.whole{height:8px}.tick.major{background:#ffffff38;height:12px}.tick span{color:#6f7584;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;position:absolute;bottom:16px;left:0;transform:translate(-50%)}.tick:first-child span{transform:translate(0)}.tick:last-child span{transform:translate(-100%)}.lane-wrap{padding-left:42px;position:relative}.lane{-webkit-user-select:none;user-select:none;touch-action:none;background:#0c0e13;border:1px solid #ffffff12;border-top:0;height:138px;position:relative;overflow:visible}.lane:after{z-index:0;content:"";background:#ffffff05;border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09;position:absolute;inset:14px 0}.lane.is-split-mode .clip{cursor:crosshair}.lane.is-split-mode .trim-handle{pointer-events:none}.lane-grid{opacity:.58;pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 calc(2.5% - 1px),#ffffff09 calc(2.5% - 1px) 2.5%);position:absolute;inset:0}.track-label{color:#666c7a;letter-spacing:.08em;background:#0d0f14;border:1px solid #ffffff12;border-right:0;place-items:center;width:42px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-1px;bottom:-1px;right:100%}.clip{z-index:2;color:#fff;border:1px solid var(--clip-border);background:linear-gradient(180deg, #ffffff1c, transparent 45%), var(--clip-bg);cursor:grab;touch-action:none;border-radius:7px;min-width:24px;height:88px;transition:border-color .14s,box-shadow .14s,filter .14s,opacity .14s;position:absolute;top:25px;overflow:visible;box-shadow:0 8px 26px #0000004d,inset 0 1px #ffffff1f}.clip-violet{--clip-bg:#6653c2b8;--clip-border:#a795ff85;--clip-accent:#b7aaff}.clip-blue{--clip-bg:#2f68aebf;--clip-border:#65abff8c;--clip-accent:#7db8ff}.clip-amber{--clip-bg:#9f6526b8;--clip-border:#f2b25b8a;--clip-accent:#f2bd78}.clip.is-selected{border-color:var(--clip-accent);box-shadow:0 0 0 1px var(--clip-accent), 0 10px 28px #00000061, 0 0 22px color-mix(in srgb, var(--clip-accent) 18%, transparent)}.clip.is-active{z-index:6;cursor:grabbing;filter:brightness(1.08)}.clip.is-conflict{z-index:7;background:repeating-linear-gradient(-45deg,#ff27422e 0 7px,#0000 7px 14px),#7d1f2de6;border-color:#ff5e70;box-shadow:0 0 0 1px #ff5e70,0 0 24px #ff385045}.clip-content{min-width:0;height:100%;padding:10px 13px;overflow:hidden}.clip-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.clip-topline strong{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;overflow:hidden}.clip-topline>span{color:#ffffff9e;background:#00000029;border-radius:3px;flex:none;padding:2px 4px;font-size:7px;font-weight:800}.name-input{color:#fff;background:#05070c9e;border:1px solid #ffffff8c;border-radius:4px;outline:none;width:min(100%,120px);height:23px;padding:2px 6px;font-size:11px;font-weight:650}.name-input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff24}.clip-wave{opacity:.35;align-items:center;gap:2px;height:26px;margin:6px 0 3px;display:flex;overflow:hidden}.clip-wave i{height:calc(4px + var(--bar) * 1px);background:currentColor;border-radius:2px;flex:0 0 2px}.clip-time{color:#ffffff9c;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.trim-handle{z-index:3;color:#ffffff9e;cursor:ew-resize;touch-action:none;background:#00000021;border:0;place-items:center;width:14px;padding:0;display:grid;position:absolute;top:-1px;bottom:-1px}.trim-handle:after{content:"";width:22px;position:absolute;top:0;bottom:0}.trim-handle span,.trim-handle span:after{background:currentColor;border-radius:2px;width:1px;height:13px}.trim-handle span{position:relative}.trim-handle span:after{content:"";position:absolute;left:3px}.trim-left{border-right:1px solid #ffffff1c;border-radius:6px 0 0 6px;left:0}.trim-right{border-left:1px solid #ffffff1c;border-radius:0 6px 6px 0;right:0}.snap-guide{z-index:10;pointer-events:none;background:#c0b6ff;width:1px;position:absolute;top:-20px;bottom:-10px;box-shadow:0 0 10px #ab9dffcc}.snap-guide:before{content:"";background:#d1caff;border-radius:50%;width:7px;height:7px;position:absolute;top:18px;left:-3px;box-shadow:0 0 10px #9e8fff}.snap-guide span{color:#19152e;white-space:nowrap;background:#c8bfff;border-radius:5px;padding:4px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000004d}.split-guide{z-index:12;pointer-events:none;background:#ebe8ff;width:1px;position:absolute;top:14px;bottom:14px;box-shadow:0 0 0 1px #7862ff52,0 0 15px #9582ffd1}.split-guide:before,.split-guide:after{content:"";background:#d8d0ff;border-radius:2px;width:7px;height:7px;position:absolute;left:-3px;transform:rotate(45deg);box-shadow:0 0 8px #a493ffbf}.split-guide:before{top:-3px}.split-guide:after{bottom:-3px}.split-guide-badge{color:#211a43;white-space:nowrap;background:#d6ceff;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000061}.split-guide.is-invalid{background:#ff6678;box-shadow:0 0 13px #ff425aad}.split-guide.is-invalid:before,.split-guide.is-invalid:after,.split-guide.is-invalid .split-guide-badge{color:#fff;background:#d93f54}.feedback-bar{color:#888e9e;background:#ffffff05;border:1px solid #fff1;border-top:0;justify-content:flex-start;gap:8px;height:42px;padding:0 12px;font-size:10px}.feedback-icon{color:#9e92ff;border:1px solid #9e92ff59;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:900;display:grid}.feedback-bar.is-error{color:#ff8e9b;background:#ff2d450b}.feedback-bar.is-error .feedback-icon{color:#ff7081;border-color:#ff4a6080}.history-count{color:#616776;font-variant-numeric:tabular-nums;margin-left:auto}.help-row{color:#6d7381;background:#00000017;border-top:1px solid #ffffff0f;gap:22px;min-height:54px;padding:0 28px;font-size:10px}.help-row>div{align-items:center;gap:7px;display:flex}.keycap{color:#a2a7b2;background:#ffffff09;border:1px solid #ffffff1a;border-bottom-color:#ffffff2b;border-radius:5px;padding:3px 6px;font-size:9px;box-shadow:0 1px #00000080}@media (hover:hover) and (pointer:fine){.icon-button:hover:not(:disabled),.split-button:hover,.reset-button:hover{color:#f3f4f8;background:#ffffff13;border-color:#ffffff29}.clip:hover:not(.is-conflict){filter:brightness(1.08)}.trim-handle:hover{color:#fff;background:#ffffff1a}}@media (width<=760px){.app-shell{place-items:start center;padding:18px 12px}.workspace{border-radius:16px}.topbar{padding:0 16px}.inspector-row{flex-direction:column;align-items:flex-start;gap:14px;padding:17px 16px}.timeline-panel{padding-left:16px;padding-right:16px}.time-fields{width:100%}.time-field{flex:1;min-width:80px}.help-row{flex-wrap:wrap;gap:10px 16px;padding:12px 16px}.ruler,.lane-wrap{margin-left:0;padding-left:32px}.ruler{margin-left:32px}.track-label{width:32px}.tick:nth-child(4n+3) span{display:none}}@media (width<=470px){.eyebrow{display:none}.brand-mark{width:34px;height:34px}h1{font-size:15px}.reset-button,.split-button{gap:0;width:34px;padding:0;font-size:0}.selected-label,.clip-id{display:none}.time-field{min-width:72px;padding:8px}.time-field strong{font-size:12px}.clip{height:76px;top:31px}.clip-content{padding-left:10px;padding-right:10px}.clip-wave{display:none}.clip-time{margin-top:12px}.history-count{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}