.tl{grid-template-rows:42px 1fr;height:100%;min-height:0;display:grid}.tbar{background:var(--panel-2);border-bottom:1px solid var(--edge);align-items:center;gap:2px;padding:4px 10px;display:flex}.tbar__sep{background:var(--edge);width:1px;height:18px;margin:0 5px}.tbar__spacer{flex:1}.tbar__zoom{color:var(--ink-fade);align-items:center;gap:6px;display:inline-flex}.tl__body{background:var(--panel);min-width:0;min-height:0;display:flex;overflow:hidden}.tl__headers{border-right:1px solid var(--edge);background:var(--panel-2);flex-shrink:0;grid-template-rows:22px 40px 40px;width:92px;display:grid}.tl__headers:before{content:"";background:var(--panel-2);border-bottom:1px solid var(--edge)}.th{border-bottom:1px solid var(--edge);background:var(--panel);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.th__label{color:var(--ink);letter-spacing:.1em;font-size:11px}.th__ctrls{gap:2px;display:inline-flex}.tl__strip{flex:1;min-width:0;overflow:scroll hidden}.tl__scroll{cursor:col-resize;height:102px;position:relative}.rlr{border-bottom:1px solid var(--edge);background:var(--panel-2);height:22px;position:relative}.rlr__t{position:absolute;top:0;bottom:0}.rlr__lbl{color:var(--ink-fade);letter-spacing:.04em;white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;top:3px;left:4px}.rlr__mk{background:var(--edge-2);width:1px;height:4px;position:absolute;bottom:0;left:0}.rlr__mk--major{background:var(--ink-ghost);height:8px}.tl__clips{height:40px;position:relative}.cl{border:1px solid var(--edge-2);cursor:pointer;transition:border-color var(--dur-s), box-shadow var(--dur-s), filter var(--dur-s);background:var(--panel-3);border-radius:2px;position:absolute;top:4px;bottom:4px;overflow:hidden}.cl--source{background:linear-gradient(180deg, #ffffff0f 0%, transparent 28%), color-mix(in oklab, var(--panel-3) 88%, var(--background));color:var(--ink);border-color:var(--edge-2)}.cl--generated{background:var(--gradient-chrome,linear-gradient(180deg, #e8e8e8 0%, #c8c8c8 46%, #9a9a9a 52%, #bcbcbc 100%));color:#0a0a0a;border-color:#fff9;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000040}.cl:hover{filter:brightness(1.1)}.cl--sel{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset, 0 0 0 1px #00000080, 0 0 24px -6px #e8e8e859;z-index:2}.cl--generated.cl--sel{box-shadow:0 0 0 1px var(--ink) inset, inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #00000040}.cl__strip{pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 8px,#ffffff08 8px 9px);position:absolute;inset:0}.cl--generated .cl__strip{background-image:repeating-linear-gradient(90deg,#0000 0 8px,#00000012 8px 9px)}.cl__content{letter-spacing:.02em;height:100%;color:var(--ink);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:10px;display:flex;position:relative;overflow:hidden}.cl--generated .cl__content{color:#0a0a0a}.cl--source .cl__content{color:var(--ink)}.cl__icon{opacity:.75;flex-shrink:0}.cl__label{text-overflow:ellipsis;overflow:hidden}.cl__handle{cursor:ew-resize;background:var(--ink);opacity:0;width:4px;transition:opacity var(--dur-s), width var(--dur-s);position:absolute;top:0;bottom:0}.cl:hover .cl__handle,.cl--sel .cl__handle{opacity:.8}.cl__handle:hover{opacity:1;width:6px}.cl__handle--in{left:0}.cl__handle--out{right:0}.tl__audio{height:40px;position:relative}.aud{background:var(--panel-3);border:1px solid var(--edge);border-radius:2px;position:absolute;top:4px;bottom:4px;overflow:hidden}.aud--sel{border-color:var(--ink)}.aud__level{background:color-mix(in oklab, var(--foreground) 78%, var(--background));border-radius:999px;height:2px;position:absolute;inset:50% 5px auto;transform:translateY(-50%)}.phd{pointer-events:none;z-index:5;width:1px;position:absolute;top:0;bottom:0}.phd__line{background:var(--chrome);width:1px;height:100%;box-shadow:0 0 4px #fff6}.phd__head{background:var(--chrome);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 1px #0006);width:11px;height:7px;position:absolute;top:-1px;left:-5px}
.lib{grid-template-rows:auto 1fr;height:100%;min-height:0;display:grid}.lib__tabs{background:var(--panel-2);padding:8px 12px 6px}.lib__body{flex-direction:column;gap:16px;min-height:0;padding:14px 12px 16px;display:flex;overflow:auto}.lib__head{justify-content:space-between;align-items:center;display:flex}.lib__add{flex-shrink:0}.lib__empty{border:1px dashed var(--edge);text-align:center;color:var(--ink-fade);border-radius:2px;margin-top:14px;padding:20px 12px}.lib__empty-text{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:0;font-size:11px;line-height:1.6;display:inline-flex}.lib__empty-text svg{vertical-align:middle;border:1px solid var(--edge-2);border-radius:2px;padding:1px}.lib__empty-sub{color:var(--ink-fade);letter-spacing:.04em;opacity:.7;margin:8px 0 0;font-size:9px}.lib__grid{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.asset{flex-direction:column;gap:4px;display:flex}.asset__thumb{aspect-ratio:16/10;background:var(--recessed);border:1px solid var(--edge);transition:border-color var(--dur-s);position:relative;overflow:hidden}.asset:hover .asset__thumb{border-color:var(--chrome-mid)}.asset__video{object-fit:contain;pointer-events:none;background:#000;width:100%;height:100%}.asset__dur{color:var(--ink);letter-spacing:.04em;pointer-events:none;background:#000000b8;padding:1px 4px;font-size:9px;position:absolute;bottom:3px;right:3px}.asset__add{opacity:0;z-index:2;box-shadow:none;transition:opacity var(--dur-s), background var(--dur-s);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.asset:hover .asset__add,.asset__add:focus-visible{opacity:1}.asset__del{width:18px;height:18px;color:var(--ink-dim);opacity:0;transition:opacity var(--dur-s), color var(--dur-s);background:#000000a6;border-radius:2px;place-items:center;display:grid;position:absolute;top:3px;left:3px}.asset:hover .asset__del{opacity:.9}.asset__del:hover{color:#ff6b6b;background:#000000d1}.asset__name{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lib__busy{text-align:center;color:var(--chrome);border:1px solid var(--edge-2);margin-top:8px;padding:6px 10px;font-size:10px;animation:1.4s ease-in-out infinite lib-pulse}@keyframes lib-pulse{0%,to{opacity:.65}50%{opacity:1}}
.drop{border:1px solid var(--edge-2);background:var(--panel);cursor:pointer;transition:border-color var(--dur-m) var(--ease), background var(--dur-m) var(--ease);border-radius:24px;flex:1;place-items:center;margin:14px;display:grid;position:relative;overflow:hidden}.drop:hover,.drop--hot{border-color:var(--chrome-mid);background:var(--panel-2)}.drop--busy{cursor:wait;pointer-events:none}.drop__plate{flex-direction:column;align-items:center;gap:14px;padding:28px 40px;display:flex}.drop__text{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.drop__title{color:var(--ink);letter-spacing:-.005em;font-size:18px;font-weight:400}.drop__sub{color:var(--ink-fade);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.drop__button{min-width:144px}
.editor-guide__backdrop{z-index:10000;background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.editor-guide{border:1px solid var(--border);background:var(--background);width:min(620px,100%);max-height:min(760px,100vh - 48px);color:var(--foreground);border-radius:18px;padding:28px;overflow-y:auto;box-shadow:0 28px 90px #00000073}.editor-guide__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.editor-guide__eyebrow,.editor-guide__tips-title{color:var(--muted-foreground);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:600}.editor-guide__title{letter-spacing:-.03em;margin-top:8px;font-size:26px;font-weight:600}.editor-guide__intro{color:var(--muted-foreground);margin-top:6px;font-size:13px}.editor-guide__close{color:var(--muted-foreground);flex:none}.editor-guide__app-link{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));color:var(--foreground);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:11px 13px;font-size:13px;font-weight:500;transition:background .14s,border-color .14s;display:flex}.editor-guide__app-link:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.editor-guide__app-link svg{width:15px;height:15px}.editor-guide__steps{counter-reset:guide-step;gap:13px;margin:24px 0 0;padding:0;list-style:none;display:grid}.editor-guide__steps li{color:var(--foreground);counter-increment:guide-step;grid-template-columns:24px 1fr;align-items:start;gap:11px;font-size:13px;line-height:1.5;display:grid}.editor-guide__number{border:1px solid var(--border);width:24px;height:24px;color:var(--muted-foreground);border-radius:999px;place-items:center;font-size:11px;display:grid}.editor-guide__number:before{content:counter(guide-step)}.editor-guide__tips{background:color-mix(in srgb, var(--muted) 55%, transparent);border-radius:12px;margin-top:24px;padding:15px 16px}.editor-guide__tips ul{color:var(--muted-foreground);gap:7px;margin:10px 0 0;padding-left:17px;font-size:12px;line-height:1.45;display:grid}@media (max-width:560px){.editor-guide__backdrop{padding:12px}.editor-guide{max-height:calc(100vh - 24px);padding:22px 18px}}
.studio{--left-w:320px;--right-w:360px;--tl-h:240px;--split-x:1px;--split-y:0px;--bg:var(--background);--panel:var(--background);--panel-2:var(--background);--panel-3:color-mix(in oklab, var(--background) 92%, var(--foreground));--recessed:var(--background);--ink:var(--foreground);--ink-dim:color-mix(in oklab, var(--foreground) 78%, transparent);--ink-fade:color-mix(in oklab, var(--foreground) 58%, transparent);--ink-ghost:color-mix(in oklab, var(--foreground) 34%, transparent);--edge:var(--border);--edge-2:color-mix(in oklab, var(--border) 68%, var(--foreground));--edge-bright:color-mix(in oklab, var(--primary) 40%, var(--border));--chrome:var(--foreground);--chrome-mid:var(--primary);--chrome-lo:var(--muted-foreground);--err:var(--destructive);--f-ui:var(--font-instrument-sans), Arial, sans-serif;--f-mono:var(--font-instrument-sans), Arial, sans-serif;--gradient-chrome:linear-gradient(180deg, var(--primary), #b91c3c);--gradient-chrome-text:linear-gradient(135deg, var(--primary), #fb7185, var(--foreground));--dur-s:.12s;--dur-m:.18s;--ease:ease;grid-template-rows:40px minmax(0, 1fr) var(--tl-h);background:var(--bg);height:100vh;max-height:100vh;display:grid;position:relative;overflow:hidden}.topbar{background:var(--background);border-bottom:1px solid var(--edge);-webkit-user-select:none;user-select:none;isolation:isolate;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:0 10px;display:grid;position:relative}.topbar__left,.topbar__right{align-items:center;gap:2px;display:flex}.topbar__right{justify-content:flex-end;gap:8px}.topbar__center{justify-content:center;display:flex}.topbar__brand{transition:background var(--dur-s), box-shadow var(--dur-m) var(--ease);border-radius:2px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.topbar__brand:hover{background:var(--panel-2);box-shadow:0 0 32px -10px #bedcff38}.topbar__mark{width:24px;height:24px;box-shadow:none;background:url(/logo.png) 50%/contain no-repeat;border-radius:50%;position:relative}.topbar__mark:after{content:none}.topbar__word{font-family:var(--f-ui);letter-spacing:0;color:var(--foreground);font-size:18px;font-weight:700}.topbar__divider{background:linear-gradient(#0000 0%,#ffffff2e 50%,#0000 100%);width:1px;height:18px;margin:0 6px}.topbar__menu{color:var(--ink-dim);transition:background var(--dur-s), color var(--dur-s);border-radius:2px;padding:4px 10px;font-size:12px}.topbar__menu:hover{background:var(--panel-2);color:var(--ink)}.topbar__proj{color:var(--ink-dim);letter-spacing:.08em;isolation:isolate;background:linear-gradient(#181818e6,#0e0e0ee6);border-radius:9999px;align-items:center;gap:8px;padding:4px 14px;font-size:11px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 1px #00000059}.topbar__proj:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f4f4f46b 0%,#7878781f 30%,#e8e8e866 65%,#64646424 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.topbar__proj:after{content:"";background:radial-gradient(circle at 30% 30%,#f8f8f8 0%,#b8b8b8 55%,#5a5a5a 100%);border-radius:50%;order:-1;width:5px;height:5px;box-shadow:inset 0 -1px #00000080,0 0 6px #e8e8e859}.topbar__ghost{color:var(--ink-dim);border:1px solid var(--edge);transition:border-color var(--dur-s), color var(--dur-s);border-radius:2px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.topbar__ghost:hover{border-color:var(--edge-2);color:var(--ink)}.topbar__export{letter-spacing:.12em;background-blend-mode:overlay;background:linear-gradient(#f4f4f4 0%,#d0d0d0 46%,#9a9a9a 50%,#bcbcbc 54%,#e8e8e8 100%) 0 0/100% 100%,linear-gradient(135deg,#707070 0%,#b0b0b0 25%,#e0e0e0 50%,#b0b0b0 75%,#707070 100%) 0 0/220% 100%;padding:4px 16px;font-size:11px;animation:6s ease-in-out infinite shimmer}.topbar__export:hover:enabled{box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000059,0 0 0 1px #00000073,0 0 38px -8px #bedcff59}.studio__body{grid-template-columns:var(--left-w) var(--split-x) var(--right-w) var(--split-x) minmax(0, 1fr);background:var(--bg);min-height:0;display:grid;overflow:hidden}.studio__left,.studio__right{background:var(--background);border:0;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.studio__center{background:var(--background);flex-direction:column;min-width:0;min-height:0;padding-bottom:8px;display:flex;overflow:hidden}.studio__bottom{background:var(--panel);border-top:0;flex-direction:column;min-height:0;display:flex}.splitter{background:var(--edge);z-index:5;position:relative}.splitter:before{content:"";position:absolute;inset:-6px}.splitter:after{content:"";background:var(--edge);pointer-events:none;border-radius:999px;position:absolute}.splitter--vertical{cursor:col-resize;border-radius:999px;width:100%;height:calc(100% - 12px);margin-top:6px;margin-bottom:6px}.splitter--vertical:after{width:4px;height:24px;top:50%;left:50%;transform:translate(-50%,-50%)}.splitter--horizontal{cursor:row-resize;z-index:5;background:0 0;height:8px;position:absolute;left:0;right:0}.splitter--horizontal:before{content:"";background:var(--edge);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.splitter--horizontal:after{width:24px;height:4px;top:50%;left:50%;transform:translate(-50%,-50%)}.studio--focused .studio__left,.studio--focused .studio__bottom,.studio--focused .splitter--vertical:first-of-type,.studio--focused .studio__h-splitter-wrap{display:none!important}.studio--focused .studio__body{grid-template-columns:minmax(260px, var(--right-w)) 12px minmax(0, 1fr)}.studio--focused .splitter--vertical{background:0 0;border-radius:0;width:100%;height:100%;margin:0}.studio--focused .splitter--vertical:before{inset:0}.studio--focused .splitter--vertical:after{background:var(--edge);width:2px;height:100%}.studio--focused .studio__right{flex-direction:column;overflow:hidden;display:flex!important}.studio--focused .agent-chat{border-left:0;width:100%;min-width:0;height:100%;min-height:0}@media (max-width:900px){.studio--focused .studio__body{grid-template-rows:minmax(260px,1fr) minmax(300px,46vh);grid-template-columns:minmax(0,1fr)}.studio--focused .splitter--vertical{display:none!important}}.studio--focused{grid-template-rows:40px 1fr}.studio--focused .tbar{display:none!important}.studio--focused .pv{height:100%}@media (max-width:1200px){.studio{--left-w:260px;--right-w:220px}}@media (max-width:1024px){.studio{grid-template-rows:40px minmax(0,1fr) minmax(180px,28vh)}.studio__body{grid-template-rows:minmax(0,1fr) minmax(240px,38vh);grid-template-columns:minmax(0,1fr)}.studio__left,.splitter--vertical:first-of-type{display:none!important}.studio__right{order:2;min-height:240px}.studio__center{order:1;padding-bottom:0}.studio__body>.splitter--vertical{display:none!important}}@media (max-width:640px){.studio{grid-template-rows:40px minmax(0,1fr);height:100dvh;max-height:100dvh}.studio__body{grid-template-rows:minmax(0,1fr) minmax(220px,34vh);grid-template-columns:minmax(0,1fr)}.studio__bottom,.studio__h-splitter-wrap{display:none!important}.drop{margin:10px}.drop__plate{padding:20px 18px}.drop__sub{letter-spacing:.08em}}