.framediff-studio{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0d10}.framediff-studio button,.framediff-studio input,.dedicated-render-window button{font:inherit}.dedicated-render-window{--bg: #0b0d10;--panel: #12151a;--panel-raised: #1a1e25;--line: rgb(232 235 242 / 8%);--line-strong: rgb(232 235 242 / 16%);--text: #f4f2ec;--muted: #c6c8cd;--faint: #969ba7;--accent: #f0b45f;--green: #72d39c;--yellow: #f0c874;--red: #f07470;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;overflow:auto;padding:22px;color:var(--text);background:radial-gradient(circle at 85% 0,rgb(240 180 95 / 13%),transparent 44%),var(--bg);font-size:13px}.dedicated-render-window>header{display:flex;align-items:center;gap:8px;color:var(--text);font-size:11px;letter-spacing:.08em}.dedicated-render-window>header small{color:var(--faint);font:800 8px/1 var(--mono);letter-spacing:.12em}.dedicated-render-window>section{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel);box-shadow:0 18px 60px #00000047}.dedicated-render-window>section>div:first-child{min-width:0;display:flex;flex-direction:column;gap:5px}.dedicated-render-window>section>div:first-child>span{color:var(--accent);font:800 8px/1 var(--mono);letter-spacing:.12em}.dedicated-render-window>section>div:first-child>strong{overflow:hidden;color:var(--text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.dedicated-render-window p{max-width:350px;margin:2px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.dedicated-render-window .render-control{flex:0 0 auto}.dedicated-render-window .render{padding:6px 12px;border:1px solid transparent;border-radius:7px;background:var(--text);color:#171410;cursor:pointer;font-weight:700}:where(.dedicated-render-window) .render-window-close{align-self:flex-end;padding:7px 11px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.08em}.framediff-studio{--bg: #0b0d10;--panel: #12151a;--panel-raised: #1a1e25;--panel-hover: #222730;--line: rgb(232 235 242 / 8%);--line-strong: rgb(232 235 242 / 16%);--text: #f4f2ec;--muted: #c6c8cd;--faint: #969ba7;--accent: #f0b45f;--pink: #d5a9e8;--green: #72d39c;--yellow: #f0c874;--red: #f07470;--blue: #8fc9ec;--motion: #aa9cff;--path: #72d5f4;--focus: #8fd8ff;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px 1fr;overflow:hidden;color:var(--text);background:var(--bg);font-size:13px}.framediff-studio *{box-sizing:border-box}.framediff-studio button{color:inherit}.framediff-studio :where(button,a,input,select,textarea){transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease,opacity .12s ease}.framediff-studio :where(button,a,input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--focus) 88%,white);outline-offset:2px}:where(.framediff-studio) .topbar{min-width:0;position:relative;z-index:85;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel)}:where(.framediff-studio) .studio-brand{display:flex;align-items:center;gap:8px;letter-spacing:.12em;font-size:11px}:where(.framediff-studio) .mark{width:18px;height:18px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent) 0 25%,rgb(232 235 242 / 10%) 25% 100%);box-shadow:inset 0 0 0 1.5px #e8ebf238,0 0 18px #f0b45f14}:where(.framediff-studio) .edition{padding-left:8px;border-left:1px solid var(--line-strong);color:var(--faint);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .current{display:flex;align-items:center;gap:8px;min-width:0}:where(.framediff-studio) .up-button{width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .up-button svg{width:12px;height:12px;display:block}:where(.framediff-studio) .up-button:disabled{opacity:.3;cursor:default}:where(.framediff-studio) .breadcrumb{gap:3px}:where(.framediff-studio) .breadcrumb button{padding:3px 5px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}:where(.framediff-studio) .breadcrumb button:hover,:where(.framediff-studio) .breadcrumb button.active{background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .crumb-separator{color:var(--faint)}:where(.framediff-studio) .current .file{overflow:hidden;color:var(--faint);font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .kind{padding:2px 6px;border-radius:4px;color:var(--accent);background:#f0b45f24;font-size:9px;font-weight:800;text-transform:uppercase}:where(.framediff-studio) .type-three{color:var(--blue);background:#8fc9ec24}:where(.framediff-studio) .type-generative{color:var(--pink);background:#d5a9e824}:where(.framediff-studio) .top-status{margin-left:auto;color:var(--faint);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .top-status.preview{margin-left:0}:where(.framediff-studio) .top-status.error{color:var(--red)}:where(.framediff-studio) .preview-loading-progress{flex:none;min-width:152px;height:28px;display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 7px;margin-left:auto;padding:5px 9px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel-raised);color:var(--muted);font-family:var(--mono);white-space:nowrap}:where(.framediff-studio) .preview-loading-progress strong{font-size:8px;font-weight:700;line-height:1}:where(.framediff-studio) .preview-loading-dot{width:7px;height:7px;grid-row:1 / 3;border:1.5px solid rgb(240 200 116 / 28%);border-top-color:var(--yellow);border-radius:50%;animation:fd-preview-spin .8s linear infinite}:where(.framediff-studio) .preview-loading-meter{width:100%;height:2px;overflow:hidden;border-radius:999px;background:#e8ebf214}:where(.framediff-studio) .preview-loading-meter i{height:100%;display:block;border-radius:inherit;background:var(--yellow);transition:width .18s ease}:where(.framediff-studio) .preview-loading-progress.ready{border-color:#72d39c38;color:var(--green)}:where(.framediff-studio) .preview-loading-progress.ready .preview-loading-dot{border:0;background:var(--green);box-shadow:0 0 8px #72d39c52;animation:none}:where(.framediff-studio) .preview-loading-progress.ready .preview-loading-meter i{background:var(--green)}:where(.framediff-studio) .preview-loading-progress.error{border-color:#f0747057;color:var(--red)}:where(.framediff-studio) .preview-loading-progress.error .preview-loading-dot{border:0;border-radius:0;animation:none}:where(.framediff-studio) .preview-loading-progress.error .preview-loading-dot:before{content:"!";font:900 10px/1 var(--mono)}:where(.framediff-studio) .preview-loading-progress.error .preview-loading-meter i{background:var(--red)}:where(.framediff-studio) .refresh,:where(.framediff-studio) .render{border:1px solid var(--line-strong);border-radius:7px;background:var(--panel-raised);cursor:pointer}:where(.framediff-studio) .refresh{width:29px;height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--muted)}:where(.framediff-studio) .refresh svg{width:13px;height:13px;display:block}:where(.framediff-studio) .top-action{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:9px;white-space:nowrap}:where(.framediff-studio) .top-action svg{width:12px;height:12px;display:block}:where(.framediff-studio) .top-group{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid var(--line)}:where(.framediff-studio) .top-action:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .refresh:hover{border-color:var(--accent);color:var(--text)}.framediff-studio .render{padding:6px 12px;background:var(--text);border-color:transparent;color:#171410;font-weight:700}:where(.framediff-studio) .render:disabled{cursor:default;filter:saturate(.35);opacity:.55}:where(.framediff-studio) .render-control{position:relative;display:flex;align-items:center;gap:8px}:where(.framediff-studio) .render-split{position:relative;display:flex;align-items:stretch}.framediff-studio .render-split .render-primary{max-width:190px;overflow:hidden;border-radius:7px 0 0 7px;text-overflow:ellipsis;white-space:nowrap}.framediff-studio .render-split .render-menu-toggle{width:28px;display:inline-grid;place-items:center;padding:0;border-left:1px solid rgb(23 20 16 / 22%);border-radius:0 7px 7px 0}:where(.framediff-studio) .render-menu-toggle svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:transform .14s ease}:where(.framediff-studio) .render-menu-toggle.active svg{transform:rotate(180deg)}:where(.framediff-studio) .render-menu{position:absolute;z-index:110;top:calc(100% + 7px);right:0;width:252px;display:flex;flex-direction:column;padding:7px;border:1px solid var(--line-strong);border-radius:9px;background:#131110fc;box-shadow:0 20px 64px #0000009e;color:var(--text)}:where(.framediff-studio) .render-menu-label{padding:5px 7px 7px;color:var(--faint);font:800 8px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .render-menu button{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}:where(.framediff-studio) .render-menu button:hover,:where(.framediff-studio) .render-menu button:focus-visible{outline:none;background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .render-menu button.selected{color:var(--text)}:where(.framediff-studio) .render-menu button span{overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .render-menu button b{flex:none;color:var(--faint);font:800 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .render-menu button.selected b,:where(.framediff-studio) .render-menu button.render-all{color:var(--accent)}:where(.framediff-studio) .render-menu-divider{height:1px;margin:5px 4px;background:var(--line)}:where(.framediff-studio) .render-progress,:where(.framediff-studio) .render-done,:where(.framediff-studio) .render-error{max-width:170px;overflow:hidden;font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .render-progress{color:var(--yellow)}:where(.framediff-studio) .render-done{color:var(--green)}:where(.framediff-studio) .render-error{color:var(--red)}:where(.framediff-studio) .render-library-toggle{position:relative;width:29px;height:29px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .render-library-toggle:hover,:where(.framediff-studio) .render-library-toggle.active{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .render-library-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}:where(.framediff-studio) .render-library-toggle span{position:absolute;top:-6px;right:-7px;min-width:15px;height:15px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--bg);border-radius:999px;background:var(--accent);color:#171410;font:900 7px/1 var(--mono)}:where(.framediff-studio) .render-library{position:absolute;z-index:115;top:calc(100% + 9px);right:0;width:min(420px,calc(100vw - 24px));max-height:min(640px,calc(100dvh - 82px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background:#131110fc;box-shadow:0 24px 86px #000000ad;color:var(--text);text-align:left}:where(.framediff-studio) .render-library>header{flex:none;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgb(216 255 82 / 5%),transparent 48%)}:where(.framediff-studio) .render-library>header>div:first-child{min-width:0;display:flex;flex-direction:column;gap:5px}:where(.framediff-studio) .render-library>header strong{font:900 10px/1 var(--mono);letter-spacing:.11em}:where(.framediff-studio) .render-library>header span{overflow:hidden;color:var(--faint);font:8px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .render-library-header-actions{flex:none;display:flex;gap:5px}:where(.framediff-studio) .render-library-header-actions button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:17px}:where(.framediff-studio) .render-library-header-actions button:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .render-library-header-actions button:disabled{cursor:default;opacity:.55}:where(.framediff-studio) .render-library-header-actions svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}:where(.framediff-studio) .render-library-header-actions .spinning svg{animation:fd-render-spin .8s linear infinite}@keyframes fd-render-spin{to{transform:rotate(360deg)}}:where(.framediff-studio) .render-library-list{min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}:where(.framediff-studio) .render-library-list article{flex:none;display:flex;flex-direction:column;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#ffffff05}:where(.framediff-studio) .render-library-list article.active{border-color:#e6b9554f;background:#e6b9550a}:where(.framediff-studio) .render-library-list article.failed{border-color:#ff696640}:where(.framediff-studio) .render-library-row,:where(.framediff-studio) .render-library-identity,:where(.framediff-studio) .render-library-artifact>div,:where(.framediff-studio) .render-library-progress>div,:where(.framediff-studio) .render-library-list footer{display:flex;align-items:center}:where(.framediff-studio) .render-library-row{justify-content:space-between;gap:10px}:where(.framediff-studio) .render-library-identity{min-width:0;gap:9px}:where(.framediff-studio) .render-library-identity>div{min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .render-library-identity>div strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .render-library-identity>div span{color:var(--faint);font:8px/1.2 var(--mono)}:where(.framediff-studio) .render-library-state{flex:none;min-width:64px;display:inline-flex;justify-content:center;padding:5px 6px;border:1px solid var(--line);border-radius:999px;background:var(--panel-raised);color:var(--muted);font:900 7px/1 var(--mono);letter-spacing:.07em}:where(.framediff-studio) .render-library-state.state-succeeded{border-color:#72dd9742;color:var(--green)}:where(.framediff-studio) .render-library-state.state-failed{border-color:#ff696642;color:var(--red)}:where(.framediff-studio) .render-library-state.state-queued,:where(.framediff-studio) .render-library-state.state-starting,:where(.framediff-studio) .render-library-state.state-rendering,:where(.framediff-studio) .render-library-state.state-uploading{border-color:#e6b95547;color:var(--yellow)}:where(.framediff-studio) .render-library-retry-badge{flex:none;color:var(--faint);font:800 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .render-library-artifact{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:8px 9px;border-radius:7px;background:#0003}:where(.framediff-studio) .render-library-artifact>div{min-width:0;gap:7px}:where(.framediff-studio) .render-library-file-icon{flex:none;color:var(--accent);font-size:8px}:where(.framediff-studio) .render-library-artifact strong{overflow:hidden;font:800 9px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .render-library-artifact>span{flex:none;color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .render-library-progress{display:flex;flex-direction:column;gap:6px}:where(.framediff-studio) .render-library-progress>div{justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}:where(.framediff-studio) .render-library-progress>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .render-library-progress>div b{color:var(--yellow);font:8px/1 var(--mono)}:where(.framediff-studio) .render-library-progress>span{height:3px;overflow:hidden;border-radius:999px;background:#ffffff12}:where(.framediff-studio) .render-library-progress>span i{height:100%;display:block;border-radius:inherit;background:var(--yellow)}:where(.framediff-studio) .render-library-progress>span.indeterminate i{animation:fd-render-indeterminate 1.2s ease-in-out infinite alternate}@keyframes fd-render-indeterminate{0%{transform:translate(-70%)}to{transform:translate(260%)}}:where(.framediff-studio) .render-library-failure{display:flex;flex-direction:column;gap:4px;padding:8px 9px;border-radius:7px;background:#ff69660f}:where(.framediff-studio) .render-library-failure strong{color:var(--red);font:800 8px/1 var(--mono);text-transform:uppercase}:where(.framediff-studio) .render-library-failure span{color:var(--muted);font-size:9px;line-height:1.35}:where(.framediff-studio) .render-library-list footer{gap:6px}:where(.framediff-studio) .render-library-list footer>span{flex:1}:where(.framediff-studio) .render-library-list footer button,:where(.framediff-studio) .render-library-error button{min-height:29px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font:900 7px/1 var(--mono);letter-spacing:.06em}:where(.framediff-studio) .render-library-list footer button:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .render-library-list footer button:disabled{cursor:default;opacity:.5}:where(.framediff-studio) .render-library-list footer button.primary{border-color:transparent;background:var(--text);color:#171410}:where(.framediff-studio) .render-library-list footer button.manifest{color:var(--faint)}:where(.framediff-studio) .render-library-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px;color:var(--muted);text-align:center}:where(.framediff-studio) .render-library-empty>span{color:var(--accent);font-size:24px}:where(.framediff-studio) .render-library-empty strong{font-size:11px}:where(.framediff-studio) .render-library-empty small{max-width:270px;color:var(--faint);font-size:9px;line-height:1.45}:where(.framediff-studio) .render-library-loader{width:19px;height:19px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:fd-render-spin .8s linear infinite}:where(.framediff-studio) .render-library-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid rgb(255 105 102 / 18%);background:#ff69660f;color:var(--red);font-size:9px}:where(.framediff-studio) .render-library-error span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .render-library-error button{flex:none;color:var(--red)}:where(.framediff-studio) .git-status{position:relative}:where(.framediff-studio) .git-chip{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:9px}:where(.framediff-studio) .git-chip span{width:6px;height:6px;border-radius:50%;background:var(--yellow)}:where(.framediff-studio) .git-chip.clean span{background:var(--green)}:where(.framediff-studio) .git-popover{position:absolute;top:34px;right:0;z-index:50;width:280px;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);box-shadow:0 18px 60px #0000008c}:where(.framediff-studio) .git-popover strong{font-size:9px;letter-spacing:.1em}:where(.framediff-studio) .git-popover small{color:var(--faint)}:where(.framediff-studio) .git-popover input{width:100%;padding:7px 8px;border:1px solid var(--line-strong);border-radius:6px;outline:none;background:var(--panel-raised);color:var(--text);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .git-popover input:focus{border-color:var(--accent)}:where(.framediff-studio) .git-popover>div{display:flex;justify-content:flex-end;gap:6px}:where(.framediff-studio) .git-popover>div button{padding:5px 9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);cursor:pointer;font-size:9px}:where(.framediff-studio) .git-popover>div button.primary{border-color:transparent;background:var(--accent);color:#171410}:where(.framediff-studio) .git-popover p{margin:0;color:var(--red);font-size:9px}:where(.framediff-studio) .compact-left-button,:where(.framediff-studio) .compact-panel-button,:where(.framediff-studio) .mobile-actions-button,:where(.framediff-studio) .panel-close,:where(.framediff-studio) .mobile-actions-menu,:where(.framediff-studio) .panel-scrim{display:none}:where(.framediff-studio) .compact-left-button,:where(.framediff-studio) .compact-panel-button{align-items:center;justify-content:center;padding:5px 7px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.07em}:where(.framediff-studio) .left-panel-expand{position:absolute;z-index:80;top:57px;left:0;width:28px;height:38px;display:none;place-items:center;padding:0;border:1px solid var(--line-strong);border-left:0;border-radius:0 7px 7px 0;background:var(--panel-raised);box-shadow:5px 0 18px #00000057;color:var(--muted);cursor:pointer;font:900 18px/1 var(--mono)}:where(.framediff-studio) .left-panel-expand:hover{border-color:var(--accent);background:var(--panel-hover);color:var(--text)}:where(.framediff-studio) .mobile-actions-menu{position:fixed;z-index:95}:where(.framediff-studio) .mobile-actions-heading{display:flex;align-items:center;justify-content:space-between}:where(.framediff-studio) .mobile-actions-heading strong{font:800 9px/1 var(--mono);letter-spacing:.11em}:where(.framediff-studio) .mobile-actions-heading button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:20px}:where(.framediff-studio) .mobile-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}:where(.framediff-studio) .mobile-menu-action{min-width:0;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 9px/1 var(--mono);text-align:left}:where(.framediff-studio) .mobile-menu-action:disabled{cursor:default;opacity:.42}:where(.framediff-studio) .mobile-menu-action small{color:var(--faint);font-size:7px}:where(.framediff-studio) .mobile-menu-action.warning{border-color:#f0747073;color:var(--red)}:where(.framediff-studio) .studio-guide-button{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgb(240 180 95 / 36%);border-radius:999px;background:#f0b45f14;color:var(--accent);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.09em;white-space:nowrap}:where(.framediff-studio) .studio-guide-button small{color:var(--faint);font-size:7px;letter-spacing:0;text-transform:none}:where(.framediff-studio) .studio-guide-button:hover,:where(.framediff-studio) .studio-guide-button.active{border-color:var(--accent);background:#f0b45f24;color:var(--text)}:where(.framediff-studio) .agent-check-panel{position:absolute;z-index:90;top:56px;right:14px;width:min(440px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 70px));overflow:auto;padding:13px;border:1px solid var(--line-strong);border-radius:10px;background:#131110fa;box-shadow:0 24px 80px #000000a6}:where(.framediff-studio) .agent-check-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}:where(.framediff-studio) .agent-check-panel>header div{display:flex;flex-direction:column;gap:4px}:where(.framediff-studio) .agent-check-panel>header strong{color:var(--green);font:800 9px/1 var(--mono);letter-spacing:.11em}:where(.framediff-studio) .agent-check-panel>header span{color:var(--faint);font:8px/1.3 var(--mono)}:where(.framediff-studio) .agent-check-panel>header button{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .agent-check-panel>p{margin:10px 0 2px;color:var(--muted);font:9px/1.55 var(--mono)}:where(.framediff-studio) .agent-check-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel-raised)}:where(.framediff-studio) .agent-check-summary strong{color:var(--red);font:800 9px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .agent-check-summary.pass strong{color:var(--green)}:where(.framediff-studio) .agent-check-summary.warn strong{color:var(--yellow)}:where(.framediff-studio) .agent-check-summary span{overflow:hidden;color:var(--faint);font:8px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .agent-check-panel ul{display:flex;flex-direction:column;gap:5px;margin:9px 0 0;padding:0;list-style:none}:where(.framediff-studio) .agent-check-panel li{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:7px 8px;border:1px solid rgb(143 201 236 / 16%);border-radius:5px;background:#8fc9ec0f}:where(.framediff-studio) .agent-check-panel li.warning{border-color:#f0c87433;background:#f0c8740f}:where(.framediff-studio) .agent-check-panel li.error{border-color:#f0747038;background:#f0747012}:where(.framediff-studio) .agent-check-panel li.warning>span{color:var(--yellow)}:where(.framediff-studio) .agent-check-panel li.error>span{color:var(--red)}:where(.framediff-studio) .agent-check-panel li>span{color:var(--faint);font:7px/1.4 var(--mono);text-transform:uppercase}:where(.framediff-studio) .agent-check-panel li p{margin:0;color:var(--muted);font:8px/1.45 var(--mono)}:where(.framediff-studio) .agent-check-panel>small{display:block;margin-top:9px;color:var(--faint);font:8px/1.4 var(--mono)}:where(.framediff-studio) .agent-check-panel code{color:var(--green)}:where(.framediff-studio) .agent-check-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:11px}:where(.framediff-studio) .agent-check-actions button{padding:6px 8px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 8px/1 var(--mono)}:where(.framediff-studio) .agent-check-actions button.primary{border-color:#72d39c6b;background:#72d39c1f;color:var(--green)}:where(.framediff-studio) .agent-check-actions button:disabled{cursor:wait;opacity:.55}:where(.framediff-studio) .agent-check-error{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;margin-top:10px;padding:9px 10px;border:1px solid rgb(240 116 112 / 35%);border-radius:7px;background:#f0747012}:where(.framediff-studio) .agent-check-error strong{color:var(--red);font:800 8px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .agent-check-error span{grid-column:1 / -1;color:var(--muted);font:8px/1.45 var(--mono);overflow-wrap:anywhere}:where(.framediff-studio) .agent-check-error button{grid-column:2;grid-row:1;padding:4px 6px;border:1px solid var(--line-strong);border-radius:4px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 7px/1 var(--mono)}:where(.framediff-studio) .agent-frame-result{display:grid;grid-template-columns:128px 1fr;gap:10px;margin:10px 0 0;padding:8px;border:1px solid var(--line);border-radius:7px;background:#090807}:where(.framediff-studio) .agent-frame-result img{width:128px;aspect-ratio:16 / 9;display:block;object-fit:contain;background:#000}:where(.framediff-studio) .agent-frame-result figcaption{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}:where(.framediff-studio) .agent-frame-result figcaption strong{color:var(--text);font:800 9px/1 var(--mono)}:where(.framediff-studio) .agent-frame-result figcaption span{overflow:hidden;color:var(--faint);font:8px/1.4 var(--mono);text-overflow:ellipsis;white-space:nowrap}.framediff-studio>main{min-width:0;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr) 320px;overflow:hidden}.framediff-studio.rich-timeline-edit>main{grid-template-columns:260px minmax(0,1fr) 292px}.framediff-studio.rich-timeline-edit .left-panel{grid-template-rows:34px auto minmax(0,1fr)}.framediff-studio.rich-timeline-edit .left-panel>.composition-frame-bar{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px}.framediff-studio.rich-timeline-edit .left-panel>.composition-frame-bar .composition-frame-identity{display:grid;gap:3px}.framediff-studio.rich-timeline-edit .left-panel>.composition-frame-bar .composition-frame-inputs{grid-column:1 / -1;max-width:100%;margin:0;overflow-x:auto}.framediff-studio.rich-timeline-edit .panel-scrim.left{pointer-events:none;background:transparent}:where(.framediff-studio) .left-panel,:where(.framediff-studio) .right-panel{min-height:0;display:grid;grid-template-rows:34px 1fr;background:var(--panel);overflow:hidden}:where(.framediff-studio) .left-panel{border-right:1px solid var(--line)}:where(.framediff-studio) .right-panel{border-left:1px solid var(--line)}:where(.framediff-studio) .agent-chat{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 100% 0,rgb(143 201 236 / 5%),transparent 34%),var(--panel)}:where(.framediff-studio) .agent-chat-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 11px 9px}:where(.framediff-studio) .agent-chat-identity{min-width:0;display:flex;align-items:center;gap:8px}:where(.framediff-studio) .agent-chat-identity>div{min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .agent-chat-identity strong{color:var(--text);font:900 10px/1 var(--mono);letter-spacing:.13em}:where(.framediff-studio) .agent-chat-identity small{color:var(--faint);font:700 6px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .agent-chat-orb{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgb(143 201 236 / 34%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#e1f5ffe5 0,#e1f5ffe5 5%,#8fc9ecc7 8%,#4171994d 38%,#080e13bf 70%);box-shadow:0 0 18px #8fc9ec24}:where(.framediff-studio) .agent-chat-orb.working{animation:fd-agent-orb 1s ease-in-out infinite alternate}@keyframes fd-agent-orb{to{box-shadow:0 0 24px #8fc9ec66;filter:brightness(1.25)}}:where(.framediff-studio) .agent-chat-header-actions{display:flex;gap:4px}:where(.framediff-studio) .agent-chat-header-actions button{width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised);color:var(--faint);cursor:pointer;font:800 11px/1 var(--mono)}:where(.framediff-studio) .agent-chat-header-actions button:hover,:where(.framediff-studio) .agent-chat-header-actions button.active{border-color:var(--line-strong);color:var(--text)}:where(.framediff-studio) .agent-chat-header-actions button:disabled{opacity:.35;cursor:default}:where(.framediff-studio) .agent-chat-provider{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;padding:0 10px 9px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .agent-chat-provider label,:where(.framediff-studio) .agent-chat-settings label{min-width:0;display:flex;flex-direction:column;gap:4px;color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .agent-chat-provider select,:where(.framediff-studio) .agent-chat-settings input{min-width:0;width:100%;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;outline:none;background:#0d1014;color:var(--text);font:8px/1 var(--mono)}:where(.framediff-studio) .agent-chat-provider select:focus,:where(.framediff-studio) .agent-chat-settings input:focus{border-color:#8fc9ec85}:where(.framediff-studio) .agent-chat-provider>button{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:#0d1014;color:var(--faint);cursor:pointer;font:800 6px/1 var(--mono);letter-spacing:.06em;white-space:nowrap}:where(.framediff-studio) .agent-chat-provider>button span{width:6px;height:6px;border-radius:50%;background:var(--faint)}:where(.framediff-studio) .agent-chat-provider>button.connected{color:var(--green)}:where(.framediff-studio) .agent-chat-provider>button.connected span{background:var(--green);box-shadow:0 0 8px #7edaa766}:where(.framediff-studio) .agent-chat-settings{flex:none;display:flex;flex-direction:column;gap:8px;margin:9px 9px 0;padding:10px;border:1px solid rgb(143 201 236 / 20%);border-radius:8px;background:#0b0f14d1}:where(.framediff-studio) .agent-chat-settings-title{display:flex;align-items:start;justify-content:space-between;gap:8px}:where(.framediff-studio) .agent-chat-settings-title>div{display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .agent-chat-settings-title strong{color:var(--text);font-size:9px}:where(.framediff-studio) .agent-chat-settings-title span{color:var(--faint);font:7px var(--mono)}:where(.framediff-studio) .agent-chat-settings-title button{width:20px;height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--faint);cursor:pointer}:where(.framediff-studio) .agent-chat-settings-actions{display:flex;justify-content:space-between;gap:7px}:where(.framediff-studio) .agent-chat-settings-actions button{min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 7px/1 var(--mono)}:where(.framediff-studio) .agent-chat-settings-actions .agent-chat-save{margin-left:auto;border-color:#8fc9ec61;background:#8fc9ec1a;color:var(--blue)}:where(.framediff-studio) .agent-chat-settings-actions button:disabled{opacity:.4;cursor:default}:where(.framediff-studio) .agent-chat-settings>p{margin:0;color:var(--faint);font:7px/1.45 var(--mono)}:where(.framediff-studio) .agent-chat-messages{min-height:0;flex:1;display:flex;flex-direction:column;gap:11px;padding:13px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}:where(.framediff-studio) .agent-chat-welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 8px;text-align:center}:where(.framediff-studio) .agent-chat-welcome-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgb(143 201 236 / 34%);border-radius:50%;background:#8fc9ec14;color:var(--blue);font:900 12px/1 var(--mono)}:where(.framediff-studio) .agent-chat-welcome strong{color:var(--text);font-size:11px}:where(.framediff-studio) .agent-chat-welcome p{max-width:240px;margin:0;color:var(--muted);font-size:8px;line-height:1.55}:where(.framediff-studio) .agent-chat-welcome>div{width:100%;display:flex;flex-direction:column;gap:5px;margin-top:4px}:where(.framediff-studio) .agent-chat-welcome button{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;background:#ffffff05;color:var(--muted);cursor:pointer;font-size:8px;text-align:left}:where(.framediff-studio) .agent-chat-welcome button:hover{border-color:var(--line-strong);background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .agent-chat-message{align-self:flex-start;max-width:92%;display:flex;flex-direction:column;gap:5px;padding:8px 9px;border:1px solid var(--line);border-radius:8px 8px 8px 3px;background:#0d1014}:where(.framediff-studio) .agent-chat-message.user{align-self:flex-end;border-color:#8fc9ec33;border-radius:8px 8px 3px;background:#8fc9ec14}:where(.framediff-studio) .agent-chat-message>span{color:var(--faint);font:900 6px/1 var(--mono);letter-spacing:.11em}:where(.framediff-studio) .agent-chat-message.user>span{color:var(--blue)}:where(.framediff-studio) .agent-chat-message>p{margin:0;color:var(--text);font-size:9px;line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}:where(.framediff-studio) .agent-chat-message ul{display:flex;flex-direction:column;gap:4px;margin:2px 0 0;padding:0;list-style:none}:where(.framediff-studio) .agent-chat-message li{min-width:0;display:flex;align-items:center;gap:5px;padding:5px 6px;border:1px solid rgb(126 218 167 / 16%);border-radius:5px;background:#7edaa70d;color:var(--green)}:where(.framediff-studio) .agent-chat-message li.failed{border-color:#f074702e;background:#f074700d;color:var(--red)}:where(.framediff-studio) .agent-chat-message li i{flex:none;font:900 7px/1 var(--mono)}:where(.framediff-studio) .agent-chat-message li code{min-width:0;overflow:hidden;color:var(--muted);font:7px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .agent-chat-thinking{align-self:flex-start;display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#0d1014}:where(.framediff-studio) .agent-chat-thinking>span{width:4px;height:4px;border-radius:50%;background:var(--blue);animation:fd-agent-dot .8s ease-in-out infinite alternate}:where(.framediff-studio) .agent-chat-thinking>span:nth-child(2){animation-delay:.14s}:where(.framediff-studio) .agent-chat-thinking>span:nth-child(3){animation-delay:.28s}:where(.framediff-studio) .agent-chat-thinking small{margin-left:3px;color:var(--faint);font:7px var(--mono)}@keyframes fd-agent-dot{to{transform:translateY(-3px);opacity:.4}}:where(.framediff-studio) .agent-chat-composer{flex:none;display:flex;flex-direction:column;gap:6px;padding:9px 10px 10px;border-top:1px solid var(--line);background:#0e1115f5}:where(.framediff-studio) .agent-chat-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px;border:1px solid var(--line-strong);border-radius:8px;background:#090c0f}:where(.framediff-studio) .agent-chat-input:focus-within{border-color:#8fc9ec7a;box-shadow:0 0 0 2px #8fc9ec0d}:where(.framediff-studio) .agent-chat-input.recording{border-color:#f074847a;box-shadow:0 0 18px #f0748414}:where(.framediff-studio) .agent-chat-input textarea{min-width:0;max-height:110px;resize:none;padding:3px;border:0;outline:none;background:transparent;color:var(--text);font:9px/1.45 var(--sans)}:where(.framediff-studio) .agent-chat-input textarea::placeholder{color:var(--faint)}:where(.framediff-studio) .agent-chat-input>div{display:flex;flex-direction:column;gap:4px}:where(.framediff-studio) .agent-chat-input button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .agent-chat-input button svg{width:14px;height:14px}:where(.framediff-studio) .agent-chat-input .agent-chat-send{border-color:#8fc9ec57;background:#8fc9ec1c;color:var(--blue)}:where(.framediff-studio) .agent-chat-input .agent-chat-mic.recording{border-color:#f074847a;background:#f074841a;color:#f08ea0}:where(.framediff-studio) .agent-chat-input button:disabled{opacity:.32;cursor:default}:where(.framediff-studio) .agent-chat-composer>small{color:var(--faint);font:6px/1 var(--mono);letter-spacing:.05em}:where(.framediff-studio) .agent-chat-composer kbd{padding:1px 3px;border:1px solid var(--line);border-radius:3px;background:var(--panel-raised);color:var(--muted);font:inherit}:where(.framediff-studio) .agent-chat-error{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px;border:1px solid rgb(240 116 112 / 24%);border-radius:6px;background:#f074700f;color:var(--red);font-size:7px;line-height:1.4}:where(.framediff-studio) .agent-chat-error.voice{border-color:#f0c87438;background:#f0c8740d;color:var(--yellow)}:where(.framediff-studio) .agent-chat-error button{flex:none;padding:3px 5px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font:700 6px var(--mono)}:where(.framediff-studio) .panel-tabs{display:flex;gap:3px;padding:5px 7px;border-bottom:1px solid var(--line);background:var(--panel)}:where(.framediff-studio) .panel-tabs button{flex:1;border:0;border-radius:5px;background:transparent;color:var(--faint);cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.07em}:where(.framediff-studio) .panel-tabs button:hover{color:var(--muted)}:where(.framediff-studio) .panel-tabs button.active{background:var(--panel-raised);color:var(--text);box-shadow:inset 0 -1px color-mix(in srgb,var(--accent) 58%,transparent)}:where(.framediff-studio) .panel-tabs .panel-collapse{flex:none;width:24px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);color:var(--muted);font:800 14px/1 var(--mono)}:where(.framediff-studio) .panel-tabs .panel-collapse:hover{border-color:var(--line-strong);background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .rail,:where(.framediff-studio) .inspector,:where(.framediff-studio) .media-panel,:where(.framediff-studio) .code-panel{min-height:0;height:100%;background:var(--panel)}:where(.framediff-studio) .rail{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}:where(.framediff-studio) .section-title{display:flex;align-items:center;padding:14px 13px 6px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.12em}:where(.framediff-studio) .section-title span{margin-left:auto;font-family:var(--mono);font-weight:400}:where(.framediff-studio) .rail-new{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--panel-raised);color:var(--muted);font-size:10px;line-height:1;cursor:pointer}:where(.framediff-studio) .rail-new:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .composition-search{position:relative;display:flex;align-items:center;gap:6px;margin:2px 9px 7px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#0d1014;color:var(--faint)}:where(.framediff-studio) .composition-search:focus-within{border-color:#f0b45f8c}:where(.framediff-studio) .composition-search>span{font-size:13px}:where(.framediff-studio) .composition-search input{min-width:0;flex:1;padding:7px 0;border:0;outline:none;background:transparent;color:var(--text);font-size:9px}:where(.framediff-studio) .composition-search input::placeholder{color:var(--faint)}:where(.framediff-studio) .composition-search button{width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--faint);cursor:pointer}:where(.framediff-studio) .library-zone{margin-top:8px}:where(.framediff-studio) .library-title{border-top:1px solid var(--line)}:where(.framediff-studio) .library-zone.drop-target{background:var(--panel-hover);box-shadow:inset 0 0 0 1px var(--accent)}:where(.framediff-studio) .library-zone.drop-target .library-title{border-top-color:transparent}:where(.framediff-studio) .library-hint{margin:4px 9px 8px;padding:10px 8px;border:1px dashed var(--line);border-radius:5px;color:var(--faint);font-family:var(--mono);font-size:9px;text-align:center;pointer-events:none}:where(.framediff-studio) .composition-list{display:flex;flex-direction:column;padding:0 7px}:where(.framediff-studio) .composition-item{position:relative;border-radius:5px}:where(.framediff-studio) .composition-item .composition-row{width:100%}:where(.framediff-studio) .composition-item.nest-target{box-shadow:inset 0 0 0 1px var(--accent)}:where(.framediff-studio) .composition-item.nest-target .composition-row{background:var(--panel-hover);color:var(--text)}:where(.framediff-studio) .row-actions{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:flex;gap:3px;opacity:0}:where(.framediff-studio) .composition-item:hover .row-actions,:where(.framediff-studio) .row-actions:focus-within{opacity:1}:where(.framediff-studio) .row-action{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--panel-raised);color:var(--muted);font-size:10px;line-height:1;cursor:pointer}:where(.framediff-studio) .row-action:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .row-delete:hover{border-color:var(--red);color:var(--red)}:where(.framediff-studio) .row-delete.armed{border-color:var(--red);background:var(--red);color:var(--bg)}:where(.framediff-studio) .composition-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:4px;width:100%;padding:7px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}:where(.framediff-studio) .composition-row.via-ref{grid-template-columns:10px 20px minmax(0,1fr) auto auto;padding-block:4px}:where(.framediff-studio) .composition-row.via-ref .name{color:var(--faint);font-size:11px}:where(.framediff-studio) .composition-row.via-ref:hover .name{color:var(--text)}:where(.framediff-studio) .composition-row .ref-arrow{color:var(--faint);font-size:10px;text-align:center}:where(.framediff-studio) .composition-row .ref-role{color:var(--accent);font:700 8px/1.2 var(--mono);letter-spacing:.04em;opacity:.75;white-space:nowrap}:where(.framediff-studio) .composition-row.via-ref .glyph{font-size:10px}:where(.framediff-studio) .composition-row.via-ref .out-badge{opacity:.6}:where(.framediff-studio) .composition-row:hover{background:var(--panel-hover);color:var(--text)}:where(.framediff-studio) .composition-row.active{background:color-mix(in srgb,var(--accent) 8%,var(--panel-raised));color:var(--text)}:where(.framediff-studio) .composition-row.active .glyph{filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 65%,transparent))}:where(.framediff-studio) .composition-row .glyph{color:var(--accent);text-align:center}:where(.framediff-studio) .composition-row.type-three .glyph{color:var(--blue)}:where(.framediff-studio) .composition-row.type-generative .glyph{color:var(--pink)}:where(.framediff-studio) .composition-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .composition-row .kind{color:var(--faint);background:none;font-family:var(--mono);font-size:8px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .composition-row .out-badge{padding:2px 4px;border-radius:4px;font:800 8px/1.2 var(--mono);letter-spacing:.02em;text-transform:uppercase}:where(.framediff-studio) .out-badge.out-video{color:var(--blue);background:#8fc9ec24}:where(.framediff-studio) .out-badge.out-image{color:var(--yellow);background:#f0c87424}:where(.framediff-studio) .out-badge.out-audio{color:var(--green);background:#72d39c24}:where(.framediff-studio) .tour-badge{padding:2px 4px;border:1px solid rgb(240 180 95 / 35%);border-radius:4px;color:var(--accent);font:800 6px/1 var(--mono);letter-spacing:.06em}:where(.framediff-studio) .composition-empty{padding:18px 10px;color:var(--faint);font:9px/1.5 var(--mono);text-align:center}:where(.framediff-studio) .rail-footer{margin-top:auto;padding:10px 13px;border-top:1px solid var(--line);color:var(--faint);font-family:var(--mono);font-size:9px;line-height:1.6}:where(.framediff-studio) .media-panel{display:flex;flex-direction:column;overflow:hidden}:where(.framediff-studio) .media-actions{display:flex;gap:6px;padding:9px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .media-actions button{flex:1;padding:6px;border:1px dashed var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:9px;font-weight:700}:where(.framediff-studio) .media-actions button:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .media-actions button.icon-button{flex:none;width:29px;border-style:solid}:where(.framediff-studio) .media-tools{display:grid;grid-template-columns:minmax(0,1fr) 64px auto;align-items:center;gap:5px;padding:7px 8px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .media-search{min-width:0;display:flex;align-items:center;gap:5px;padding:0 6px;border:1px solid var(--line);border-radius:5px;background:#0d1014;color:var(--faint)}:where(.framediff-studio) .media-search:focus-within{border-color:#f0b45f8c}:where(.framediff-studio) .media-search input{min-width:0;width:100%;padding:5px 0;border:0;outline:0;background:transparent;color:var(--text);font-size:8px}:where(.framediff-studio) .media-search button{width:16px;height:16px;padding:0;border:0;background:transparent;color:var(--faint);cursor:pointer}:where(.framediff-studio) .media-tools select{min-width:0;padding:5px 3px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--muted);font:800 7px/1 var(--mono)}:where(.framediff-studio) .media-tools output{color:var(--faint);font:7px/1 var(--mono);white-space:nowrap}:where(.framediff-studio) .asset-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:6px}:where(.framediff-studio) .asset-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 6px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;text-align:left}:where(.framediff-studio) .asset-row:hover{background:var(--panel-hover)}:where(.framediff-studio) .asset-row:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}:where(.framediff-studio) .asset-row.selected{background:color-mix(in srgb,var(--accent) 8%,var(--panel-raised))}:where(.framediff-studio) .asset-row.selected .asset-thumbnail{border-color:var(--accent)}:where(.framediff-studio) .asset-thumbnail{width:32px;height:22px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#080909}:where(.framediff-studio) .asset-thumbnail img,:where(.framediff-studio) .asset-thumbnail video{width:100%;height:100%;display:block;object-fit:cover}:where(.framediff-studio) .asset-icon{color:var(--blue);text-align:center}:where(.framediff-studio) .asset-name{min-width:0;overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .asset-name small{display:block;overflow:hidden;margin-top:2px;color:var(--faint);font-family:var(--mono);font-size:8px;text-overflow:ellipsis}:where(.framediff-studio) .asset-row code{color:var(--faint);font-size:8px}:where(.framediff-studio) .panel-empty{padding:34px 18px;color:var(--faint);font-family:var(--mono);font-size:9px;line-height:1.6;text-align:center}:where(.framediff-studio) .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(.framediff-studio) .studio-guide{min-height:0;height:100%;overflow-y:auto;background:var(--panel)}:where(.framediff-studio) .guide-hero{padding:18px 16px 15px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 92% 0,rgb(240 180 95 / 14%),transparent 42%),linear-gradient(160deg,#1a1713,#12100f 72%)}:where(.framediff-studio) .guide-kicker{margin-bottom:9px;color:var(--accent);font:800 8px/1 var(--mono);letter-spacing:.14em}:where(.framediff-studio) .guide-hero h2{margin:0;color:var(--text);font-size:21px;line-height:1.05;letter-spacing:-.035em}:where(.framediff-studio) .guide-hero>p{margin:10px 0 12px;color:var(--muted);font-size:10px;line-height:1.55}:where(.framediff-studio) .guide-meta{display:flex;gap:9px;color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .guide-meta span+span{padding-left:9px;border-left:1px solid var(--line-strong)}:where(.framediff-studio) .guide-progress{height:4px;margin-top:14px;overflow:hidden;border-radius:999px;background:#e8ebf214}:where(.framediff-studio) .guide-progress i{display:block;width:100%;height:100%;transform-origin:left;transition:transform .18s ease;background:linear-gradient(90deg,var(--accent),var(--green))}:where(.framediff-studio) .guide-progress-copy{display:flex;align-items:center;justify-content:space-between;margin-top:6px;color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .guide-progress-copy button{padding:0;border:0;background:transparent;color:var(--faint);cursor:pointer;font-size:8px}:where(.framediff-studio) .guide-progress-copy button:hover{color:var(--text)}:where(.framediff-studio) .guide-progress-copy button:disabled{opacity:.35;cursor:default}:where(.framediff-studio) .guide-start{width:100%;margin-top:13px;padding:9px;border:1px solid rgb(240 180 95 / 42%);border-radius:7px;background:#f0b45f1f;color:var(--accent);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .guide-start:hover{border-color:var(--accent);background:#f0b45f2e;color:var(--text)}:where(.framediff-studio) .guide-phases{padding:9px 9px 18px}:where(.framediff-studio) .guide-phase h3{margin:13px 7px 6px;color:var(--faint);font:800 7px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}:where(.framediff-studio) .guide-step{margin-bottom:5px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#0f1216}:where(.framediff-studio) .guide-step.here{border-color:#8fc9ec4d}:where(.framediff-studio) .guide-step.complete{opacity:.72}:where(.framediff-studio) .guide-step.expanded{opacity:1;border-color:var(--line-strong);background:var(--panel-raised)}:where(.framediff-studio) .guide-step-row{display:grid;grid-template-columns:27px 1fr;align-items:stretch}:where(.framediff-studio) .guide-check{align-self:center;width:17px;height:17px;margin-left:7px;display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:5px;background:transparent;color:var(--green);cursor:pointer;font:900 9px/1 var(--mono)}:where(.framediff-studio) .guide-check.checked{border-color:#72d39c70;background:#72d39c1a}:where(.framediff-studio) .guide-step-summary{min-width:0;display:grid;grid-template-columns:23px minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:10px 8px 10px 4px;border:0;background:transparent;cursor:pointer;text-align:left}:where(.framediff-studio) .guide-step-summary>span{color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .guide-step-summary strong{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .guide-step.expanded .guide-step-summary strong{color:var(--text)}:where(.framediff-studio) .guide-step-summary em{padding:2px 4px;border-radius:3px;background:#8fc9ec1c;color:var(--blue);font:800 6px/1 var(--mono);letter-spacing:.06em}:where(.framediff-studio) .guide-step-summary b{color:var(--faint);font:400 12px/1 var(--mono)}:where(.framediff-studio) .guide-step-detail{padding:0 12px 12px 31px;border-top:1px solid var(--line)}:where(.framediff-studio) .guide-step-detail>p{margin:10px 0;color:var(--muted);font-size:9px;line-height:1.55}:where(.framediff-studio) .guide-step-detail>div{margin-top:8px;padding:8px 9px;border:1px solid rgb(240 180 95 / 16%);border-radius:5px;background:#f0b45f0d}:where(.framediff-studio) .guide-step-detail>div.success{border-color:#72d39c2e;background:#72d39c0d}:where(.framediff-studio) .guide-step-detail>div span{color:var(--accent);font:800 6px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .guide-step-detail>div.success span{color:var(--green)}:where(.framediff-studio) .guide-step-detail>div p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.5}:where(.framediff-studio) .guide-open{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:7px 8px;border:1px solid var(--line-strong);border-radius:5px;background:#0d0c0a;color:var(--text);cursor:pointer;font:800 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .guide-open span{color:var(--accent);font-size:12px}:where(.framediff-studio) .guide-open:hover{border-color:var(--accent)}:where(.framediff-studio) .workspace{min-width:0;min-height:0;display:grid;grid-template-rows:34px minmax(210px,1fr) 42px minmax(190px,37%);background:var(--bg)}.framediff-studio.rich-timeline-edit .workspace.rich-timeline-workspace{grid-template-rows:minmax(330px,1fr) 42px minmax(260px,36%)}.framediff-studio.rich-timeline-edit .workspace.rich-timeline-workspace.guided{grid-template-rows:54px minmax(330px,1fr) 42px minmax(260px,36%)}.framediff-studio.rich-timeline-edit .rich-timeline-workspace .timeline{grid-template-rows:36px minmax(0,1fr)}.framediff-studio.rich-timeline-edit .rich-timeline-workspace .timeline-header{padding-inline:14px}.framediff-studio.rich-timeline-edit .rich-timeline-workspace .lane{min-height:54px}:where(.framediff-studio) .workspace.guided{grid-template-rows:54px 34px minmax(210px,1fr) 42px minmax(190px,37%)}:where(.framediff-studio) .workspace.timeline-hidden{grid-template-rows:34px minmax(210px,1fr) 42px}:where(.framediff-studio) .workspace.timeline-hidden.guided{grid-template-rows:54px 34px minmax(210px,1fr) 42px}:where(.framediff-studio) .workspace.transport-hidden{grid-template-rows:34px minmax(0,1fr)}:where(.framediff-studio) .workspace.transport-hidden.guided{grid-template-rows:54px 34px minmax(0,1fr)}:where(.framediff-studio) .workspace.generate-workspace{grid-template-rows:34px minmax(0,1fr)}:where(.framediff-studio) .workspace.generate-workspace.guided{grid-template-rows:54px 34px minmax(0,1fr)}:where(.framediff-studio) .workspace.script-workspace{grid-template-rows:34px minmax(0,1fr)}:where(.framediff-studio) .workspace.script-workspace.guided{grid-template-rows:54px 34px minmax(0,1fr)}:where(.framediff-studio) .composition-frame-bar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 13px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgb(143 201 236 / 6%),var(--panel) 38%)}:where(.framediff-studio) .composition-frame-identity{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}:where(.framediff-studio) .composition-frame-identity>span{flex:none;color:var(--blue);font:800 6px/1 var(--mono);letter-spacing:.13em}:where(.framediff-studio) .composition-frame-identity>strong{overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .composition-frame-identity>small{overflow:hidden;color:var(--faint);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .composition-frame-inputs{min-width:0;display:flex;align-items:center;gap:5px;margin-left:auto}:where(.framediff-studio) .composition-frame-inputs button{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;height:24px;padding:0 7px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));border-radius:6px;color:var(--text);background:color-mix(in srgb,var(--blue) 7%,var(--panel-raised))}:where(.framediff-studio) .composition-frame-inputs button:hover{border-color:color-mix(in srgb,var(--blue) 70%,var(--line));background:color-mix(in srgb,var(--blue) 13%,var(--panel-raised))}:where(.framediff-studio) .composition-frame-inputs span{color:var(--blue);font:800 6px/1 var(--mono);letter-spacing:.09em;white-space:nowrap}:where(.framediff-studio) .composition-frame-inputs strong{overflow:hidden;max-width:120px;font-size:8px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .composition-frame-inputs b{color:var(--blue);font-size:9px}:where(.framediff-studio) .composition-bake-control{flex:none;display:flex;align-items:center;gap:7px}:where(.framediff-studio) .composition-bake-state{color:var(--faint);font:700 6px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}:where(.framediff-studio) .composition-bake-state.current{color:var(--green)}:where(.framediff-studio) .composition-bake-state.stale{color:var(--yellow)}:where(.framediff-studio) .composition-bake-state.missing,:where(.framediff-studio) .composition-bake-state.untracked{color:var(--blue)}:where(.framediff-studio) .composition-cache-link{padding:5px 7px;border:1px solid rgb(114 211 156 / 42%);border-radius:5px;color:var(--green);font:800 7px/1 var(--mono);text-decoration:none;white-space:nowrap}:where(.framediff-studio) .composition-cache-link:hover,:where(.framediff-studio) .composition-cache-link:focus-visible{border-color:var(--green);background:#72d39c17;color:var(--text);outline:none}:where(.framediff-studio) .composition-bake-button{min-width:70px;padding:5px 8px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 7px/1 var(--mono);white-space:nowrap}:where(.framediff-studio) .composition-bake-button:hover:not(:disabled){border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .composition-bake-button:disabled{cursor:default;opacity:.52}:where(.framediff-studio) .composition-bake-button.current{border-color:#72d39c6b;color:var(--green)}:where(.framediff-studio) .composition-bake-button.stale{border-color:#f0c87494;background:#f0c8741a;color:var(--yellow)}:where(.framediff-studio) .composition-bake-button.missing,:where(.framediff-studio) .composition-bake-button.untracked{border-color:#8fc9ec6b;color:var(--blue)}:where(.framediff-studio) .guide-task-bar{min-width:0;display:grid;grid-template-columns:minmax(150px,.65fr) minmax(220px,1.35fr) auto auto 22px;align-items:center;gap:10px;padding:7px 10px 7px 14px;border-bottom:1px solid rgb(240 180 95 / 26%);background:linear-gradient(90deg,#f0b45f1a,#131110fa 42%)}:where(.framediff-studio) .guide-task-bar>div{min-width:0;display:flex;flex-direction:column;gap:4px}:where(.framediff-studio) .guide-task-bar>div span{color:var(--accent);font:800 6px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}:where(.framediff-studio) .guide-task-bar>div strong{overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .guide-task-bar>p{min-width:0;margin:0;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .guide-task-bar>button{padding:6px 8px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 7px/1 var(--mono);white-space:nowrap}:where(.framediff-studio) .guide-task-bar>button:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .guide-task-bar>button.task-done{border-color:#72d39c61;background:#72d39c17;color:var(--green)}:where(.framediff-studio) .guide-task-bar>button.task-close{width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--faint);font-size:13px}:where(.framediff-studio) .preview-panel{position:relative;min-width:0;min-height:0;overflow:hidden;padding:18px 24px 12px;background:radial-gradient(circle at 50% 38%,#191d24,var(--bg) 64%)}:where(.framediff-studio) .preview-panel.workspace-hidden{display:none}:where(.framediff-studio) .script-workbench{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:35px minmax(0,1fr);overflow:hidden;background:#0b0d10}:where(.framediff-studio) .script-tabs{display:flex;align-items:stretch;gap:2px;padding:0 12px;border-bottom:1px solid var(--line);background:#101318}:where(.framediff-studio) .script-tabs button{min-width:72px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--faint);cursor:pointer;font:800 7px/1 var(--mono);letter-spacing:.13em}:where(.framediff-studio) .script-tabs button:hover{color:var(--muted)}:where(.framediff-studio) .script-tabs button.active{border-bottom-color:var(--accent);color:var(--text)}:where(.framediff-studio) .script-tabs>span{margin-left:auto;align-self:center;color:var(--faint);font:700 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .script-scroll{min-height:0;overflow:auto}:where(.framediff-studio) .script-sheet{min-width:980px;max-width:1440px;min-height:100%;margin:0 auto;padding:28px 30px 70px}:where(.framediff-studio) .script-sheet-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start;padding:4px 8px 26px}:where(.framediff-studio) .script-kicker{color:var(--accent);font:800 7px/1 var(--mono);letter-spacing:.15em}:where(.framediff-studio) .script-sheet-header h1{margin:8px 0 6px;color:var(--text);font-size:25px;letter-spacing:-.025em}:where(.framediff-studio) .script-summary{width:min(760px,100%);resize:vertical;padding:0;border:0;background:transparent;color:var(--muted);font:11px/1.55 var(--sans)}:where(.framediff-studio) .script-summary:focus{outline:0;color:var(--text)}:where(.framediff-studio) .script-running-time{display:flex;flex-direction:column;align-items:flex-end;padding-top:5px}:where(.framediff-studio) .script-running-time strong{color:var(--text);font:500 25px/1 var(--mono)}:where(.framediff-studio) .script-running-time span{margin-top:7px;color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .script-running-time small{margin-top:5px;color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .script-columns,:where(.framediff-studio) .script-row{display:grid;grid-template-columns:54px 86px 94px minmax(220px,1.15fr) minmax(220px,1fr) minmax(190px,.78fr)}:where(.framediff-studio) .script-columns{position:sticky;z-index:4;top:0;min-height:32px;align-items:center;border-block:1px solid var(--line);background:#101318f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:where(.framediff-studio) .script-columns span{padding:0 10px;color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .script-row{position:relative;min-height:150px;border-bottom:1px solid var(--line);background:#0d1014;transition:background .14s ease,opacity .14s ease}:where(.framediff-studio) .script-row:first-child{border-top:0}:where(.framediff-studio) .script-row.active{background:#f0b45f0a;box-shadow:inset 0 0 0 1px #f0b45f29}:where(.framediff-studio) .script-row:active{opacity:.82}:where(.framediff-studio) .script-row>div,:where(.framediff-studio) .script-row>button,:where(.framediff-studio) .script-row>label{min-width:0;padding:15px 10px;border-right:1px solid var(--line)}:where(.framediff-studio) .script-row-actions{display:flex;flex-direction:column;align-items:center;gap:4px}:where(.framediff-studio) .script-row-actions button{width:25px;height:22px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--faint);cursor:pointer;font:10px/1 var(--mono)}:where(.framediff-studio) .script-row-actions button:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .script-row-actions button:disabled{opacity:.25;cursor:default}:where(.framediff-studio) .script-row-actions button.danger:hover{border-color:#f074705c;color:var(--red)}:where(.framediff-studio) .script-row-actions .script-grip{cursor:grab;color:var(--muted)}:where(.framediff-studio) .script-time{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}:where(.framediff-studio) .script-time strong{font:600 13px/1 var(--mono)}:where(.framediff-studio) .script-time span{color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .script-duration{display:flex;flex-direction:column;gap:7px}:where(.framediff-studio) .script-duration input{width:100%;padding:7px 6px;border:1px solid var(--line-strong);border-radius:6px;background:#090b0e;color:var(--accent);font:700 12px/1 var(--mono)}:where(.framediff-studio) .script-duration span{color:var(--faint);font:6px/1 var(--mono);letter-spacing:.06em}:where(.framediff-studio) .script-prose{display:flex;flex-direction:column;gap:8px}:where(.framediff-studio) .script-prose input,:where(.framediff-studio) .script-prose textarea{width:100%;resize:vertical;padding:6px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font:10px/1.55 var(--sans)}:where(.framediff-studio) .script-prose input:hover,:where(.framediff-studio) .script-prose textarea:hover{border-color:var(--line)}:where(.framediff-studio) .script-prose input:focus,:where(.framediff-studio) .script-prose textarea:focus{outline:0;border-color:#f0b45f57;background:#090b0e;color:var(--text)}:where(.framediff-studio) .script-prose .script-scene-title{color:var(--text);font-size:11px;font-weight:700}:where(.framediff-studio) .script-visual label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px}:where(.framediff-studio) .script-visual label span{color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .script-source{display:flex;flex-direction:column;gap:9px;border-right:0!important}:where(.framediff-studio) .script-source>span{overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .script-source select{width:100%;padding:7px;border:1px solid var(--line-strong);border-radius:6px;background:#090b0e;color:var(--muted);font:7px/1 var(--mono)}:where(.framediff-studio) .script-source small{color:var(--faint);font:7px/1.45 var(--sans)}:where(.framediff-studio) .script-add{margin:18px 0 0 54px;padding:8px 12px;border:1px dashed var(--line-strong);border-radius:6px;background:transparent;color:var(--faint);cursor:pointer;font:800 7px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .script-add:hover{border-color:var(--accent);color:var(--accent)}:where(.framediff-studio) .script-status{position:absolute;right:12px;bottom:12px;z-index:8;padding:7px 9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--faint);font:800 7px/1 var(--mono)}:where(.framediff-studio) .script-status.error{border-color:#f0747059;color:var(--red)}:where(.framediff-studio) .script-preview{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 48px;padding:18px;background:radial-gradient(circle at 50% 32%,#1d222a,#090b0e 68%)}:where(.framediff-studio) .script-monitor{position:relative;width:min(100%,1200px);aspect-ratio:16/9;place-self:center;overflow:hidden;border-radius:10px;background:#050607;box-shadow:0 20px 72px #00000094,0 0 0 1px var(--line-strong)}:where(.framediff-studio) .script-source-preview,:where(.framediff-studio) .script-source-runtime{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:where(.framediff-studio) .script-source-runtime.hidden{display:none}:where(.framediff-studio) .script-source-preview img,:where(.framediff-studio) .script-source-preview video{width:100%;height:100%;object-fit:cover}:where(.framediff-studio) .script-empty-source,:where(.framediff-studio) .script-audio-source{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--faint);font:800 8px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .script-audio-source{align-content:center;gap:12px}:where(.framediff-studio) .script-audio-source span{color:var(--teal);font-size:30px}:where(.framediff-studio) .script-audio-source b{font-size:9px}:where(.framediff-studio) .script-preview-slate{position:absolute;top:18px;left:18px;max-width:42%;padding:11px 13px;border-radius:7px;background:#06080abd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(.framediff-studio) .script-preview-slate span{color:var(--accent);font:800 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .script-preview-slate p{margin:7px 0 0;color:var(--text);font-size:10px;line-height:1.45}:where(.framediff-studio) .script-preview-slate small{display:block;margin-top:7px;color:var(--muted);font:7px/1.3 var(--mono)}:where(.framediff-studio) .script-preview-caption{position:absolute;right:14%;bottom:8%;left:14%;padding:8px 12px;border-radius:6px;background:#000000b8;color:#fff;font-size:clamp(11px,1.5vw,22px);line-height:1.35;text-align:center;text-shadow:0 1px 2px #000}:where(.framediff-studio) .script-preview-transport{width:min(100%,1200px);place-self:end center;display:grid;grid-template-columns:34px 34px 34px auto minmax(120px,1fr) auto;align-items:center;gap:7px}:where(.framediff-studio) .script-preview-transport button{height:30px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .script-preview-transport span{color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .script-empty{place-self:center;color:var(--faint);font-size:11px}:where(.framediff-studio) .preview-surface,:where(.framediff-studio) .preview-host,:where(.framediff-studio) .preview-runtime-host{width:100%;height:100%;min-height:0}:where(.framediff-studio) .preview-surface{position:relative}:where(.framediff-studio) .preview-host{position:relative}:where(.framediff-studio) .preview-runtime-host.cached{display:none}:where(.framediff-studio) .cached-composition-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}:where(.framediff-studio) .cached-composition-preview{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:10px;background:#000;box-shadow:0 18px 54px #00000085,0 0 0 1px #ffffff1f}:where(.framediff-studio) .cached-preview-warmup-rack{position:absolute;right:0;bottom:0;width:1px;height:1px;overflow:hidden;opacity:.001;pointer-events:none}:where(.framediff-studio) .cached-preview-warmup-rack video{width:1px;height:1px}:where(.framediff-studio) .composition-lossless-state{padding:4px 6px;border:1px solid rgb(114 211 156 / 34%);border-radius:5px;background:#72d39c17;color:var(--green);font:800 7px/1 var(--mono);letter-spacing:.07em;white-space:nowrap}:where(.framediff-studio) .preview-readiness{position:absolute;z-index:12;top:14px;left:50%;display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100% - 28px));padding:9px 11px;border:1px solid rgb(114 213 244 / 28%);border-radius:8px;background:#070b0fe0;box-shadow:0 10px 32px #0000006b;color:var(--text);pointer-events:none;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:where(.framediff-studio) .preview-readiness.error{border-color:#f074706b}:where(.framediff-studio) .preview-readiness>div{min-width:0;display:grid;gap:4px}:where(.framediff-studio) .preview-readiness strong{color:var(--path);font:800 7px/1 var(--mono);letter-spacing:.11em}:where(.framediff-studio) .preview-readiness.error strong{color:var(--red)}:where(.framediff-studio) .preview-readiness small{overflow:hidden;color:var(--muted);font:8px/1.35 var(--sans);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .preview-readiness-spinner{width:10px;height:10px;flex:none;border:2px solid rgb(114 213 244 / 25%);border-top-color:var(--path);border-radius:50%;animation:fd-preview-spin .8s linear infinite}:where(.framediff-studio) .preview-readiness.error .preview-readiness-spinner{border:0;border-radius:0;animation:none}:where(.framediff-studio) .preview-readiness.error .preview-readiness-spinner:before{content:"!";color:var(--red);font:900 12px/1 var(--mono)}:where(.framediff-studio) .preview-readiness button{flex:none;padding:6px 8px;border:1px solid rgb(240 116 112 / 38%);border-radius:5px;background:#f074701a;color:#ffc3c0;cursor:pointer;font:800 7px/1 var(--mono);pointer-events:auto}@keyframes fd-preview-spin{to{transform:rotate(360deg)}}:where(.framediff-studio) .canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;outline:none;touch-action:none}:where(.framediff-studio) .canvas-overlay.dragging{cursor:grabbing}:where(.framediff-studio) .canvas-overlay.gesture-active{cursor:grab;box-shadow:inset 0 0 0 1px #72d5f485,inset 0 0 56px #72d5f40f}:where(.framediff-studio) .canvas-overlay.gesture-active:active{cursor:grabbing}:where(.framediff-studio) .canvas-overlay.gesture-preview{box-shadow:inset 0 0 0 1px #72d39c59,inset 0 0 50px #72d39c0a}:where(.framediff-studio) .canvas-selection{position:absolute;box-sizing:border-box;border:1.5px solid var(--accent);border-radius:2px;box-shadow:0 0 0 1px #0000008c,0 0 22px #f0b45f2b;pointer-events:none;transform-origin:center;animation:fd-selection-in .15s cubic-bezier(.2,.85,.25,1) both}:where(.framediff-studio) .canvas-selection.editable{cursor:move}:where(.framediff-studio) .canvas-overlay.animation-selection .canvas-selection{border-color:var(--motion);box-shadow:0 0 0 1px #0000008c,0 0 26px #aa9cff33}:where(.framediff-studio) .canvas-overlay.gesture-active .canvas-selection{border-color:#f08aa2;border-width:2px;box-shadow:0 0 0 1px #0000008c,0 0 0 5px #f0748414,0 0 34px #f074843b;animation:fd-record-target 1.25s ease-in-out infinite}:where(.framediff-studio) .canvas-overlay.gesture-preview .canvas-selection{border-color:var(--green);box-shadow:0 0 0 1px #0000008c,0 0 0 4px #72d39c12,0 0 30px #72d39c2e}:where(.framediff-studio) .motion-path-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:where(.framediff-studio) .motion-path-line{fill:none;stroke:var(--motion);stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgb(132 112 255 / 62%));animation:fd-path-in .19s ease-out both}:where(.framediff-studio) .motion-gesture-trace{fill:none;stroke:#f07484b8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgb(240 116 132 / 48%))}:where(.framediff-studio) .motion-take-point{vector-effect:non-scaling-stroke;stroke-width:3}:where(.framediff-studio) .motion-take-point.start{fill:#72d5f44d;stroke:var(--path)}:where(.framediff-studio) .motion-take-point.end{fill:#f074844d;stroke:#f08aa2}:where(.framediff-studio) .motion-tangent{fill:none;stroke:#dad2ff85;stroke-width:1;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}:where(.framediff-studio) .motion-handle{pointer-events:all;cursor:grab;vector-effect:non-scaling-stroke;transition:filter .12s ease,transform .12s ease;transform-box:fill-box;transform-origin:center}:where(.framediff-studio) .motion-handle:hover,:where(.framediff-studio) .motion-handle:focus-visible{filter:drop-shadow(0 0 5px rgb(170 156 255 / 90%));transform:scale(1.16);outline:none}:where(.framediff-studio) .motion-handle.anchor{fill:#715de8;stroke:#f0ecff;stroke-width:2}:where(.framediff-studio) .motion-handle.tangent{fill:#121522;stroke:#c2b7ff;stroke-width:2}:where(.framediff-studio) .selection-label{position:absolute;left:-1px;bottom:calc(100% + 5px);max-width:180px;overflow:hidden;padding:3px 5px;border-radius:3px;background:var(--accent);color:#18130a;font-family:var(--mono);font-size:8px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap;transform:rotate(calc(-1 * var(--fd-selection-rotation, 0deg)))}:where(.framediff-studio) .selection-label.motion{background:var(--motion);color:#151126}:where(.framediff-studio) .resize-handle{position:absolute;width:9px;height:9px;padding:0;border:1px solid #5b421b;border-radius:2px;background:#fff3cf;box-shadow:0 1px 4px #0009;pointer-events:auto}:where(.framediff-studio) .resize-handle.nw{left:-5px;top:-5px;cursor:nwse-resize}:where(.framediff-studio) .resize-handle.n{left:calc(50% - 4px);top:-5px;cursor:ns-resize}:where(.framediff-studio) .resize-handle.ne{right:-5px;top:-5px;cursor:nesw-resize}:where(.framediff-studio) .resize-handle.e{right:-5px;top:calc(50% - 4px);cursor:ew-resize}:where(.framediff-studio) .resize-handle.se{right:-5px;bottom:-5px;cursor:nwse-resize}:where(.framediff-studio) .resize-handle.s{left:calc(50% - 4px);bottom:-5px;cursor:ns-resize}:where(.framediff-studio) .resize-handle.sw{left:-5px;bottom:-5px;cursor:nesw-resize}:where(.framediff-studio) .resize-handle.w{left:-5px;top:calc(50% - 4px);cursor:ew-resize}:where(.framediff-studio) .canvas-text-editor{position:absolute;z-index:3;box-sizing:border-box;min-width:120px;min-height:42px;padding:8px;border:1.5px solid var(--accent);border-radius:5px;outline:none;resize:both;background:#0a0c11f0;color:#fff;font:12px/1.35 var(--mono);box-shadow:0 12px 35px #0000008c;transform-origin:center}:where(.framediff-studio) .gesture-mode-hud{position:absolute;z-index:12;top:11px;left:50%;width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;transform:translate(-50%);border:1px solid rgb(114 213 244 / 42%);border-radius:9px;background:#0b0f14ed;box-shadow:0 14px 42px #0000006b,0 0 28px #72d5f414;color:var(--text);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fd-hud-in .17s cubic-bezier(.2,.85,.25,1) both}:where(.framediff-studio) .gesture-mode-hud>div:not(.gesture-mode-actions){min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .gesture-mode-hud strong{font-size:10px;line-height:1}:where(.framediff-studio) .gesture-mode-hud small{overflow:hidden;color:var(--muted);font:8px/1.25 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .gesture-mode-hud kbd{padding:3px 5px;border:1px solid var(--line-strong);border-radius:4px;background:var(--panel-raised);color:var(--faint);font:700 7px/1 var(--mono)}:where(.framediff-studio) .gesture-status-dot{width:8px;height:8px;border-radius:50%;background:var(--path);box-shadow:0 0 0 4px #72d5f41a}:where(.framediff-studio) .gesture-mode-hud.recording{border-color:#f074847f;box-shadow:0 14px 42px #0000006b,0 0 32px #f074841c}:where(.framediff-studio) .gesture-mode-hud.recording .gesture-status-dot{background:#f07484;box-shadow:0 0 0 4px #f074841f;animation:fd-record-pulse 1s ease-in-out infinite}:where(.framediff-studio) .gesture-mode-hud.preview{border-color:#72d39c6b}:where(.framediff-studio) .gesture-mode-hud.preview .gesture-status-dot{background:var(--green);box-shadow:0 0 0 4px #72d39c1c}:where(.framediff-studio) .gesture-mode-hud.target-miss{border-color:#f0c8749e;animation:fd-hud-nudge .22s ease-out both}:where(.framediff-studio) .gesture-mode-actions{display:flex;flex-direction:row;gap:4px}:where(.framediff-studio) .gesture-mode-actions button{padding:6px 7px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 7px/1 var(--mono);white-space:nowrap}:where(.framediff-studio) .gesture-mode-actions button:hover{border-color:var(--motion);color:var(--text)}:where(.framediff-studio) .gesture-mode-actions button.save{border-color:#72d39c61;background:#72d39c1c;color:var(--green)}:where(.framediff-studio) .gesture-mode-actions button:disabled{cursor:default;filter:saturate(.35);opacity:.42}:where(.framediff-studio) .canvas-context-hud{position:absolute;z-index:10;top:10px;left:10px;max-width:calc(100% - 20px);display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#0b0d10c2;color:var(--faint);pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fd-chip-in .15s ease-out both}:where(.framediff-studio) .canvas-context-hud strong{color:var(--accent);font:800 7px/1 var(--mono);letter-spacing:.11em}:where(.framediff-studio) .canvas-context-hud span{overflow:hidden;font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .canvas-context-hud.motion{border-color:#aa9cff3d}:where(.framediff-studio) .canvas-context-hud.motion strong{color:var(--motion)}:where(.framediff-studio) .snap-guide{position:absolute;z-index:-1;display:block;background:#ff4f9a;box-shadow:0 0 8px #ff4f9ab3;pointer-events:none}:where(.framediff-studio) .snap-guide.x{top:0;bottom:0;width:1px}:where(.framediff-studio) .snap-guide.y{left:0;right:0;height:1px}:where(.framediff-studio) .transport{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;padding:0 13px;border-block:1px solid var(--line);background:var(--panel)}:where(.framediff-studio) .transport .t-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--panel-raised);color:var(--text);cursor:pointer}:where(.framediff-studio) .transport .t-btn:hover{border-color:var(--accent)}:where(.framediff-studio) .transport .t-play{width:28px;height:28px}:where(.framediff-studio) .transport .t-step{width:23px;height:23px;color:var(--muted);border-radius:8px}:where(.framediff-studio) .transport .t-btn svg{width:12px;height:12px;display:block}:where(.framediff-studio) .transport .t-step svg{width:10px;height:10px}:where(.framediff-studio) .transport .t-hint{margin-left:8px;color:var(--faint);font-family:var(--mono);font-size:9px;letter-spacing:.06em}:where(.framediff-studio) .transport .time-scrubber{min-width:120px;max-width:520px;flex:1;display:flex;align-items:center;gap:9px;margin-left:8px;color:var(--faint);font:800 8px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .transport .time-scrubber input{min-width:70px;width:100%;height:18px;margin:0;accent-color:var(--accent);cursor:ew-resize}:where(.framediff-studio) .transport .spacer{flex:1}:where(.framediff-studio) .timecode,:where(.framediff-studio) .duration{font-family:var(--mono);font-size:10px}:where(.framediff-studio) .duration{color:var(--faint)}:where(.framediff-studio) .timeline{min-height:0;display:grid;grid-template-rows:31px 1fr;background:#0a0c0f;overflow:hidden}:where(.framediff-studio) .timeline-header{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em}:where(.framediff-studio) .timeline-header .summary{margin-left:auto;color:var(--faint);font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:0}:where(.framediff-studio) .add-camera{height:20px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:4px;background:color-mix(in srgb,var(--accent) 10%,var(--panel-raised));color:var(--accent);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.06em}:where(.framediff-studio) .add-camera:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--panel-raised));color:var(--text)}:where(.framediff-studio) .tl-zoom{display:flex;align-items:center;gap:3px}:where(.framediff-studio) .tl-zoom button{min-width:22px;height:18px;padding:0 5px;border:1px solid var(--line);border-radius:4px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:9px}:where(.framediff-studio) .tl-zoom button:hover{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .tl-zoom button.fit.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel-raised));color:var(--accent)}:where(.framediff-studio) .tl-zoom input[type=range]{width:76px;height:18px;margin:0 2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ew-resize}:where(.framediff-studio) .tl-zoom input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--timeline-zoom),color-mix(in srgb,var(--accent) 22%,var(--line-strong)) var(--timeline-zoom) 100%)}:where(.framediff-studio) .tl-zoom input[type=range]::-webkit-slider-thumb{width:11px;height:11px;margin-top:-4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f8d7a2;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #0a0c0f}:where(.framediff-studio) .tl-zoom input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,var(--line-strong))}:where(.framediff-studio) .tl-zoom input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:var(--accent)}:where(.framediff-studio) .tl-zoom input[type=range]::-moz-range-thumb{width:11px;height:11px;border:1px solid #f8d7a2;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #0a0c0f}:where(.framediff-studio) .tl-zoom input[type=range]:focus-visible{outline:1px solid var(--accent);outline-offset:1px;border-radius:3px}:where(.framediff-studio) .tl-zoom .zoom-readout{min-width:45px;color:var(--faint);font:600 8px/1 var(--mono);letter-spacing:0;text-align:right}:where(.framediff-studio) .tl-scroll{position:relative;min-height:0;overflow:auto}:where(.framediff-studio) .tl-canvas{position:relative;min-width:100%;min-height:100%}:where(.framediff-studio) .render-row{position:sticky;top:0;z-index:6;height:18px;display:grid;grid-template-columns:var(--timeline-label-width, 54px) 1fr;border-bottom:1px solid var(--line);background:#0a0c0f}:where(.framediff-studio) .render-row-label{position:sticky;left:0;z-index:1;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);background:#0a0c0f;color:var(--accent);font-family:var(--mono);font-size:8px;font-weight:600;letter-spacing:.14em}:where(.framediff-studio) .render-row-track{position:relative;min-width:0}:where(.framediff-studio) .ruler{position:sticky;top:18px;z-index:5;height:25px;border-bottom:1px solid var(--line);background:#0a0c0f;cursor:col-resize;outline:none}:where(.framediff-studio) .ruler:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}:where(.framediff-studio) .tick{position:absolute;top:4px;bottom:0;padding-left:4px;border-left:1px solid rgb(232 235 242 / 14%);color:var(--faint);font-family:var(--mono);font-size:8px;pointer-events:none}:where(.framediff-studio) .tick.origin{border-left-color:var(--accent);color:var(--accent);font-weight:600}:where(.framediff-studio) .tick.outside{border-left-color:#e8ebf212}:where(.framediff-studio) .program-row{position:relative;z-index:4;height:23px;display:grid;grid-template-columns:var(--timeline-label-width, 54px) 1fr;border-bottom:1px solid var(--line);background:#0a0c0f}:where(.framediff-studio) .program-row-label{position:sticky;left:0;z-index:2;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);background:#0a0c0f;color:var(--green);font:700 8px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .program-row-track{position:relative;min-width:0}:where(.framediff-studio) .program-segment{position:absolute;inset-block:3px;min-width:2px;overflow:hidden;padding:0 5px;border:1px solid rgb(114 211 156 / 34%);border-radius:3px;background:#72d39c21;color:#aadcbd;cursor:pointer;font:700 7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .program-segment:hover{border-color:var(--green);background:#72d39c38;color:var(--text)}:where(.framediff-studio) .lane{min-height:38px;display:grid;grid-template-columns:var(--timeline-label-width, 54px) 1fr;border-bottom:1px solid var(--line)}:where(.framediff-studio) .lane.drop-target{background:#f0b45f12;box-shadow:inset 0 1px #f0b45f4d,inset 0 -1px #f0b45f4d}:where(.framediff-studio) .tl-scroll.composition-drop-target{box-shadow:inset 0 0 0 1px #f0b45f8c}:where(.framediff-studio) .composition-drop-guide{position:absolute;top:0;bottom:0;z-index:9;width:1px;pointer-events:none;background:var(--accent);box-shadow:0 0 14px #f0b45fa6}:where(.framediff-studio) .composition-drop-guide span{position:absolute;top:5px;left:6px;padding:3px 5px;white-space:nowrap;color:#17130d;background:var(--accent);font:800 8px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .lane-label{position:sticky;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:2px;padding-left:6px;border-right:1px solid var(--line);background:#0a0c0f;color:var(--faint);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .lane-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .lane-name{display:flex;align-items:center;gap:4px}:where(.framediff-studio) .rich-timeline-workspace .lane-name:before{content:"";width:7px;height:7px;flex:none;border-radius:2px;background:var(--lane-accent)}:where(.framediff-studio) .lane-name small{min-width:13px;height:13px;display:inline-grid;place-items:center;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font:700 7px/1 var(--mono)}:where(.framediff-studio) .delete-lane{width:18px;height:22px;flex:none;padding:0;border:0;border-left:1px solid transparent;background:transparent;color:var(--faint);cursor:pointer;font:11px/1 var(--mono)}:where(.framediff-studio) .delete-lane:hover{color:var(--red);background:#f0747014}:where(.framediff-studio) .delete-lane.armed{border-left-color:#f0747059;background:#f0747026;color:var(--red)}:where(.framediff-studio) .lane-track{position:relative;min-width:0;cursor:col-resize}:where(.framediff-studio) .animation-lane .lane-label{color:#b9adff;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .animation-lane .lane-label .motion-lane-target{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .animation-lane .lane-label>small{width:14px;height:14px;flex:none;display:inline-grid;place-items:center;border:1px solid rgb(170 156 255 / 25%);border-radius:999px;color:var(--motion);font:700 7px/1 var(--mono)}:where(.framediff-studio) .animation-lane .lane-track{background:color-mix(in srgb,#7568ff 3%,transparent)}:where(.framediff-studio) .animation-span{position:absolute;top:8px;height:18px;min-width:2px;border:1px solid rgba(137,122,255,.42);border-radius:4px;background:linear-gradient(90deg,#6453e633,#846fff52);color:#d5ceff;font-size:8px;line-height:16px;padding:0 6px;overflow:hidden;white-space:nowrap}:where(.framediff-studio) .animation-span.editable{border-color:#9382ffd1;box-shadow:inset 0 0 10px #715bff29}:where(.framediff-studio) .animation-span.selected{border-color:#d0c8ff;background:linear-gradient(90deg,#6f5bff61,#9780ff6b)}:where(.framediff-studio) .animation-key{position:absolute;top:13px;width:8px;height:8px;margin-left:-4px;padding:0;transform:rotate(45deg);border:1px solid #b4a7ff;background:#6351dc;box-shadow:0 0 5px #8470ff80;cursor:ew-resize}:where(.framediff-studio) .animation-key.dragging{background:#e2dcff;box-shadow:0 0 10px #ab9affe6}:where(.framediff-studio) .unroll-lane .lane-label{color:#efafcc}:where(.framediff-studio) .unroll-span{border-color:#e977ac6b;background:repeating-linear-gradient(135deg,#a8417833 0,#a8417833 8px,#6f3d9740 8px,#6f3d9740 16px);color:#f1bad3}:where(.framediff-studio) .unroll-span.unsafe{border-style:dashed;color:#b88b9f;filter:saturate(.55)}:where(.framediff-studio) .clip{position:absolute;min-width:3px;height:27px;overflow:hidden;padding:0 7px;border:1px solid rgb(143 201 236 / 34%);border-radius:5px;background:#8fc9ec29;color:#b8d2e8;cursor:pointer;text-align:left}:where(.framediff-studio) .clip span{display:block;overflow:hidden;font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .production-badge{position:relative;z-index:2;float:right;margin-left:4px;color:var(--faint);font:700 7px/1 var(--mono)}:where(.framediff-studio) .production-badge.local{color:var(--green)}:where(.framediff-studio) .production-badge.remote{color:var(--blue)}:where(.framediff-studio) .production-badge.missing{color:var(--red)}:where(.framediff-studio) .production-badge.effects{color:var(--pink)}:where(.framediff-studio) .production-badge.proxy{color:var(--yellow)}:where(.framediff-studio) .production-badge.pinned{color:var(--pink)}:where(.framediff-studio) .production-badge.nested{color:var(--blue)}:where(.framediff-studio) .production-badge.silent{color:var(--red)}:where(.framediff-studio) .production-badge.artifact.current{color:var(--green)}:where(.framediff-studio) .production-badge.artifact.stale{color:var(--yellow)}:where(.framediff-studio) .production-badge.artifact.missing{color:var(--red)}:where(.framediff-studio) .production-badge.artifact.remote{color:var(--blue)}:where(.framediff-studio) .trim-handle{position:absolute;top:0;bottom:0;z-index:2;width:7px;opacity:0;background:var(--accent);cursor:ew-resize}:where(.framediff-studio) .trim-handle.left{left:0;border-radius:4px 0 0 4px}:where(.framediff-studio) .trim-handle.right{right:0;border-radius:0 4px 4px 0}:where(.framediff-studio) .clip:hover .trim-handle{opacity:.55}:where(.framediff-studio) .clip.selected .trim-handle{opacity:.9}:where(.framediff-studio) .clip.dragging{z-index:3;box-shadow:0 6px 20px #0000008c}:where(.framediff-studio) .clip-overrun{position:absolute;inset-block:0;z-index:1;border-left:1px dashed rgb(232 235 242 / 45%);background:repeating-linear-gradient(-45deg,#00000073 0,#00000073 5px,#00000040 5px,#00000040 10px);cursor:help}:where(.framediff-studio) .clip:hover,:where(.framediff-studio) .clip.selected{border-color:var(--accent);background:#f0b45f3d;color:var(--text)}:where(.framediff-studio) .clip.active{border-color:var(--clip-accent);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--clip-accent) 28%,transparent),0 0 18px color-mix(in srgb,var(--clip-accent) 24%,transparent)}:where(.framediff-studio) .clip-filmstrip{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#070a0e26,#070a0e9e),var(--clip-poster);background-repeat:repeat-x;background-position:center;background-size:auto 100%;opacity:.78;pointer-events:none}:where(.framediff-studio) .timeline.rich-previews .clip{height:46px;padding-inline:6px;background:#090d12eb}:where(.framediff-studio) .rich-timeline-workspace .timeline.rich-previews .clip{border:1.5px solid color-mix(in srgb,var(--clip-accent) 58%,transparent);background:#0d1016;color:var(--clip-accent)}:where(.framediff-studio) .timeline.rich-previews .clip-filmstrip{background-image:linear-gradient(180deg,#05080c0a 30%,#05080cdb),var(--clip-poster);background-size:auto 100%;opacity:.94}:where(.framediff-studio) .timeline.rich-previews .clip-label{position:absolute;right:5px;bottom:4px;left:5px;padding:2px 4px;border-radius:3px;background:#05080cad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}:where(.framediff-studio) .rich-timeline-workspace .timeline.rich-previews .clip-label{top:4px;right:auto;bottom:auto;max-width:calc(100% - 10px);padding:2px 6px 3px;border-radius:999px;background:#05080cd1}:where(.framediff-studio) .timeline.rich-previews .production-badge{margin-top:4px}:where(.framediff-studio) .timeline.rich-previews .clip-ghost{height:46px}:where(.framediff-studio) .clip-label,:where(.framediff-studio) .clip>.production-badge,:where(.framediff-studio) .clip>.trim-handle,:where(.framediff-studio) .clip>.clip-overrun{position:relative;z-index:2}:where(.framediff-studio) .clip>.trim-handle{position:absolute}:where(.framediff-studio) .clip-label{text-shadow:0 1px 5px #05070a,0 0 3px #05070a}:where(.framediff-studio) .clip-audio{border-color:#72d39c59;background:#72d39c26;color:#aadcbd}:where(.framediff-studio) .clip-grade{border-color:#d5a9e859;background:#d5a9e826;color:#d4bfe8}:where(.framediff-studio) .clip-camera{border-color:#6fbedf85;background:linear-gradient(180deg,#3f91b847,#32699133);color:#c4e7f6}:where(.framediff-studio) .camera-key{position:absolute;top:17px;z-index:4;width:7px;height:7px;margin-left:-3px;transform:rotate(45deg);border:1px solid #d7f2ff;background:#5eb6dc;box-shadow:0 0 5px #5eb6dca6;cursor:ew-resize}:where(.framediff-studio) .camera-key.inherited{border-style:dashed;background:#244c65;box-shadow:none;cursor:pointer}:where(.framediff-studio) .camera-key.dragging{background:#effaff;box-shadow:0 0 9px #bfeaffe5}:where(.framediff-studio) .camera-key:focus-visible{outline:1px solid #fff;outline-offset:2px}:where(.framediff-studio) .playhead{position:absolute;inset-block:0;z-index:2;width:1.5px;background:var(--accent);pointer-events:none}:where(.framediff-studio) .playhead:before{content:"";position:absolute;top:43px;left:-3px;border:4px solid transparent;border-top-color:var(--accent)}:where(.framediff-studio) .snap-guide{position:absolute;inset-block:0;z-index:2;width:1px;background:var(--accent);box-shadow:0 0 6px #f0b45f99;pointer-events:none}:where(.framediff-studio) .tl-offzone{position:absolute;inset-block:0;background:repeating-linear-gradient(-45deg,#0000004d 0,#0000004d 6px,#00000024 6px,#00000024 12px);pointer-events:none}:where(.framediff-studio) .render-zone{position:absolute;inset-block:0;border-inline:1.5px solid rgb(240 180 95 / 40%);pointer-events:none}:where(.framediff-studio) .rz-bar{position:absolute;inset-block:3px;border:1px solid rgb(240 180 95 / 55%);border-radius:3px;background:#f0b45f29;cursor:grab}:where(.framediff-studio) .rz-bar:hover,:where(.framediff-studio) .rz-bar.engaged{background:#f0b45f47;border-color:var(--accent)}:where(.framediff-studio) .rz-bar.engaged{cursor:grabbing}:where(.framediff-studio) .rz-handle{position:absolute;top:-1px;bottom:-1px;width:8px;background:var(--accent);cursor:ew-resize;opacity:.8}:where(.framediff-studio) .rz-handle:hover{opacity:1}:where(.framediff-studio) .rz-handle.left{left:-1px;border-radius:3px 0 0 3px}:where(.framediff-studio) .rz-handle.right{right:-1px;border-radius:0 3px 3px 0}:where(.framediff-studio) .clip-ghost{position:absolute;top:5px;height:27px;border:1px dashed rgb(240 180 95 / 45%);border-radius:5px;background:#f0b45f0f;pointer-events:none}:where(.framediff-studio) .drag-hud{position:fixed;z-index:200;padding:4px 8px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--text);font-family:var(--mono);font-size:9px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #0000007f}:where(.framediff-studio) .timeline-empty{padding:28px;color:var(--faint);font-family:var(--mono);font-size:9px;text-align:center}:where(.framediff-studio) .inspector{overflow-y:auto}:where(.framediff-studio) .inspector header{display:flex;align-items:flex-start;gap:8px;min-height:68px;padding:13px 14px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .inspector header div{min-width:0;display:flex;flex-direction:column;gap:5px}:where(.framediff-studio) .inspector header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .eyebrow{color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.14em}:where(.framediff-studio) .close{margin-left:auto;border:0;background:none;color:var(--faint);cursor:pointer;font-size:17px}:where(.framediff-studio) .close:hover{color:var(--text)}:where(.framediff-studio) .empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:52px 28px;color:var(--faint);line-height:1.6;text-align:center}:where(.framediff-studio) .empty-icon{font-size:30px;color:var(--accent);opacity:.55}:where(.framediff-studio) .inspector-onboarding{align-items:stretch;gap:9px;padding:24px 14px;text-align:left}:where(.framediff-studio) .inspector-onboarding .empty-icon{text-align:center}:where(.framediff-studio) .inspector-onboarding>strong{color:var(--text);font-size:12px;text-align:center}:where(.framediff-studio) .inspector-onboarding>p{margin:0 8px 6px;color:var(--muted);font-size:9px;line-height:1.55;text-align:center}:where(.framediff-studio) .inspector-onboarding ul{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}:where(.framediff-studio) .inspector-onboarding li{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#0f1216}:where(.framediff-studio) .inspector-onboarding li b{color:var(--accent);font:800 7px/1.4 var(--mono)}:where(.framediff-studio) .inspector-onboarding li span{color:var(--muted);font-size:8px;line-height:1.45}:where(.framediff-studio) .inspector-onboarding>small{margin-top:4px;color:var(--faint);font:8px/1.5 var(--mono);text-align:center}:where(.framediff-studio) .inspector-section{padding:13px 14px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .inspector-section h3{margin:0 0 12px;color:var(--faint);font-size:9px;letter-spacing:.13em}:where(.framediff-studio) .inspector-section label{display:grid;grid-template-columns:70px 1fr 38px;align-items:center;gap:7px;margin-bottom:8px;color:var(--muted);font-size:10px}:where(.framediff-studio) .inspector-section input,:where(.framediff-studio) .inspector-section select,:where(.framediff-studio) .inspector-section textarea{min-width:0;width:100%;padding:6px 7px;border:1px solid var(--line-strong);border-radius:6px;outline:none;background:var(--panel-raised);color:var(--text);font-family:var(--mono)}:where(.framediff-studio) .inspector-section textarea{resize:vertical;line-height:1.45}:where(.framediff-studio) .inspector-section input:focus,:where(.framediff-studio) .inspector-section select:focus,:where(.framediff-studio) .inspector-section textarea:focus{border-color:var(--accent)}:where(.framediff-studio) .inspector-section input:disabled,:where(.framediff-studio) .inspector-section select:disabled,:where(.framediff-studio) .inspector-section textarea:disabled{border-style:dashed;color:var(--faint)}:where(.framediff-studio) .inspector-section label.rich{grid-template-columns:70px minmax(0,1fr) 38px;align-items:start}:where(.framediff-studio) .number-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center}:where(.framediff-studio) .number-control.with-slider{grid-template-columns:minmax(0,1fr) 58px auto}:where(.framediff-studio) .number-control input[type=range]{height:24px;padding:0;border:0;accent-color:var(--accent)}:where(.framediff-studio) .number-control i{color:var(--faint);font-family:var(--mono);font-size:8px;font-style:normal}:where(.framediff-studio) .color-control{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr);gap:4px}:where(.framediff-studio) .color-control input[type=color]{height:29px;padding:3px;cursor:pointer}:where(.framediff-studio) .gradient-control{min-width:0;display:grid;gap:4px}:where(.framediff-studio) .gradient-preview{height:22px;border:1px solid var(--line-strong);border-radius:5px}:where(.framediff-studio) .alignment-control{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}:where(.framediff-studio) .alignment-control button{height:29px;padding:0;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-family:var(--mono)}:where(.framediff-studio) .alignment-control button.active{border-color:var(--accent);background:#f0b45f26;color:var(--accent)}:where(.framediff-studio) .vector-control{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}:where(.framediff-studio) .vector-control>div{min-width:0;position:relative}:where(.framediff-studio) .vector-control>div>span{position:absolute;left:4px;top:7px;z-index:1;color:var(--faint);font-family:var(--mono);font-size:7px;pointer-events:none}:where(.framediff-studio) .vector-control input{padding-left:12px}:where(.framediff-studio) .inspector-section output{min-width:0;overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .inspector-section small{color:var(--faint);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .authority{display:flex;flex-wrap:wrap;gap:5px;padding-top:4px}:where(.framediff-studio) .authority span{padding:3px 6px;border-radius:4px;background:#ffffff0d;color:var(--faint);font-family:var(--mono);font-size:8px}:where(.framediff-studio) .authority span.literal{background:#72d39c24;color:var(--green)}:where(.framediff-studio) .open-nested{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:7px 8px;border:1px solid rgb(143 201 236 / 35%);border-radius:6px;background:#8fc9ec14;color:var(--blue);cursor:pointer;font:800 7px/1 var(--mono);letter-spacing:.07em}:where(.framediff-studio) .open-nested:hover{border-color:var(--blue);color:var(--text)}:where(.framediff-studio) .open-nested span{font-size:12px}:where(.framediff-studio) .delete-timeline-item{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:7px 8px;border:1px solid rgb(240 116 112 / 26%);border-radius:6px;background:#f074700f;color:#d9908b;cursor:pointer;font:800 7px/1 var(--mono);letter-spacing:.07em}:where(.framediff-studio) .delete-timeline-item:hover,:where(.framediff-studio) .delete-timeline-item.armed{border-color:var(--red);background:#f0747024;color:#f1aaa4}:where(.framediff-studio) .delete-timeline-item:disabled{cursor:default;opacity:.45}:where(.framediff-studio) .delete-timeline-item span{font-size:12px}:where(.framediff-studio) .delete-hint{margin:5px 0 0;color:var(--faint);font:8px/1.45 var(--mono)}:where(.framediff-studio) .production-details{background:linear-gradient(180deg,rgb(143 201 236 / 5%),transparent)}:where(.framediff-studio) .production-details h3{color:var(--blue)}:where(.framediff-studio) .production-details dd{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .production-details>p{margin:10px 0 0;color:var(--faint);font:8px/1.5 var(--mono)}:where(.framediff-studio) .state-pill{padding:2px 5px;border-radius:4px;background:#ffffff0d;color:var(--faint);font:800 7px/1 var(--mono);text-transform:uppercase}:where(.framediff-studio) .state-pill.local,:where(.framediff-studio) .state-pill.current{background:#72d39c1f;color:var(--green)}:where(.framediff-studio) .state-pill.proxy,:where(.framediff-studio) .state-pill.stale{background:#f0c8741f;color:var(--yellow)}:where(.framediff-studio) .state-pill.remote{background:#8fc9ec1f;color:var(--blue)}:where(.framediff-studio) .state-pill.missing{background:#f074701f;color:var(--red)}:where(.framediff-studio) .motion-editor{background:radial-gradient(circle at 100% 0,rgb(114 213 244 / 8%),transparent 42%),linear-gradient(180deg,rgba(112,91,240,.1),transparent)}:where(.framediff-studio) .motion-editor h3,:where(.framediff-studio) .motion-property h3{color:#b8abff}:where(.framediff-studio) .motion-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}:where(.framediff-studio) .motion-identity>div{min-width:0;display:flex;flex-direction:column;gap:4px}:where(.framediff-studio) .motion-identity>div span{color:var(--motion);font:800 7px/1 var(--mono);letter-spacing:.14em}:where(.framediff-studio) .motion-identity>div strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .motion-identity>b{flex:none;padding:4px 6px;border:1px solid rgb(170 156 255 / 24%);border-radius:999px;background:#705bf014;color:#c7beff;font:800 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .motion-identity-copy{margin:0 0 12px;color:var(--muted);font-size:8px;line-height:1.5}:where(.framediff-studio) .motion-identity-copy strong{color:#d6d0ff;font-family:var(--mono);font-size:8px}:where(.framediff-studio) .motion-transport{display:flex;align-items:center;gap:5px;margin-bottom:12px}:where(.framediff-studio) .motion-transport button,:where(.framediff-studio) .add-key,:where(.framediff-studio) .stopwatch{border:1px solid rgba(137,122,255,.34);border-radius:5px;background:#6d5ae01a;color:#c7beff;cursor:pointer;font-family:var(--mono);font-size:8px}:where(.framediff-studio) .motion-transport button{padding:5px 8px}:where(.framediff-studio) .motion-transport button span{color:var(--faint);font-size:6px;letter-spacing:.08em}:where(.framediff-studio) .motion-transport .auto-key{display:flex;grid-template-columns:none;gap:5px;margin:0 0 0 auto;color:var(--faint);font-size:8px}:where(.framediff-studio) .motion-transport .auto-key input{width:auto}:where(.framediff-studio) .motion-timing{display:grid;grid-template-columns:1fr 1fr .72fr;gap:5px;margin-bottom:8px}:where(.framediff-studio) .motion-timing label,:where(.framediff-studio) .motion-timing>div{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;margin:0;padding:7px;border:1px solid rgb(170 156 255 / 13%);border-radius:6px;background:#08081247}:where(.framediff-studio) .motion-timing label>span,:where(.framediff-studio) .motion-timing>div>span{grid-column:1 / -1;color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .motion-timing input{width:100%;min-width:0;padding:4px;border:0;background:transparent;color:var(--text);font:800 10px/1 var(--mono)}:where(.framediff-studio) .motion-timing small{color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .motion-timing>div strong{color:#d5ceff;font:800 10px/1 var(--mono)}:where(.framediff-studio) .motion-property h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}:where(.framediff-studio) .motion-curve{display:block;width:100%;height:76px;margin-top:10px;border:1px solid rgba(132,116,235,.2);border-radius:7px;background:#07071261}:where(.framediff-studio) .motion-curve .curve-grid{fill:none;stroke:#ffffff12;stroke-width:1}:where(.framediff-studio) .motion-curve .curve-line{fill:none;stroke:#a491ff;stroke-width:2;filter:drop-shadow(0 0 3px rgba(144,121,255,.6))}:where(.framediff-studio) .motion-curve circle{fill:#d4ccff}:where(.framediff-studio) .path-editor{background:linear-gradient(180deg,rgb(67 169 225 / 6%),transparent);animation:fd-panel-in .17s ease-out both}:where(.framediff-studio) .path-editor h3{color:var(--path)}:where(.framediff-studio) .path-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}:where(.framediff-studio) .path-heading h3{margin:0}:where(.framediff-studio) .path-heading>span{padding:3px 5px;border:1px solid var(--line);border-radius:999px;color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .path-heading>span.active{border-color:#72d5f447;background:#72d5f412;color:var(--path)}:where(.framediff-studio) .path-explainer{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:12px;padding:9px;border:1px solid rgb(114 213 244 / 16%);border-radius:8px;background:#070c105c}:where(.framediff-studio) .path-explainer svg{width:74px;height:42px;overflow:visible}:where(.framediff-studio) .path-explainer svg path{fill:none;stroke:var(--motion);stroke-width:2}:where(.framediff-studio) .path-explainer svg path.guide{stroke:#dad2ff6b;stroke-width:1;stroke-dasharray:3 3}:where(.framediff-studio) .path-explainer svg .anchor{fill:#715de8;stroke:#f0ecff;stroke-width:1.5}:where(.framediff-studio) .path-explainer svg .tangent{fill:#121522;stroke:#c2b7ff;stroke-width:1.5}:where(.framediff-studio) .path-explainer>div{min-width:0}:where(.framediff-studio) .path-explainer strong{display:block;color:var(--text);font-size:9px;line-height:1.25}:where(.framediff-studio) .path-explainer p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.45}:where(.framediff-studio) .path-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}:where(.framediff-studio) .path-action-grid>:only-child{grid-column:1 / -1}:where(.framediff-studio) .path-action{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);gap:3px 6px;align-items:center;padding:8px;border:1px solid rgb(114 213 244 / 27%);border-radius:7px;background:#398ebb14;color:#a8ddf3;cursor:pointer;text-align:left}:where(.framediff-studio) .path-action:hover:not(:disabled){border-color:#72d5f4a6;background:#398ebb24;box-shadow:0 8px 22px #0000002e}:where(.framediff-studio) .path-action>span{grid-row:1 / 3;align-self:center;color:var(--path);font-size:15px;text-align:center}:where(.framediff-studio) .path-action strong{overflow:hidden;color:var(--text);font-size:8px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .path-action small{overflow:hidden;color:var(--faint);font:7px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .path-action.record{border-color:#f0748445;background:#d4416f12}:where(.framediff-studio) .path-action.record>span{color:#f08aa2;font-size:11px}:where(.framediff-studio) .path-action.record:hover:not(:disabled){border-color:#f074849e;background:#d4416f21}:where(.framediff-studio) .path-action:disabled{cursor:default;filter:saturate(.4);opacity:.5}:where(.framediff-studio) .gesture-note{margin-top:9px;padding:7px;border-radius:5px;background:#ffffff0a;color:var(--muted);font:8px/1.5 var(--mono)}:where(.framediff-studio) .gesture-note.live{color:#ff91b2}:where(.framediff-studio) .gesture-note.ready{border:1px solid rgb(114 211 156 / 18%);background:#72d39c0f;color:#9cdfb8}:where(.framediff-studio) .element-motion-workspace{background:radial-gradient(circle at 100% 0,rgb(114 213 244 / 7%),transparent 42%),linear-gradient(180deg,rgb(112 91 240 / 7%),transparent)}:where(.framediff-studio) .motion-workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}:where(.framediff-studio) .motion-workspace-heading h3{margin:0;color:var(--motion)}:where(.framediff-studio) .motion-workspace-heading>span{padding:3px 5px;border:1px solid rgb(170 156 255 / 18%);border-radius:999px;color:#bdb4f4;font:800 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .motion-mental-model{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:4px;margin-bottom:8px}:where(.framediff-studio) .motion-mental-model span{padding:5px 3px;border:1px solid var(--line);border-radius:5px;background:#ffffff05;color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.08em;text-align:center}:where(.framediff-studio) .motion-mental-model span.active{border-color:#f0b45f59;background:#f0b45f12;color:var(--accent)}:where(.framediff-studio) .motion-mental-model i{color:#aa9cff70;font:9px/1 var(--mono);font-style:normal}:where(.framediff-studio) .motion-workspace-copy{margin:0 0 10px;color:var(--muted);font-size:8px;line-height:1.5}:where(.framediff-studio) .element-motion-list{display:grid;gap:5px;margin-bottom:8px}:where(.framediff-studio) .element-motion-list-label{color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.11em}:where(.framediff-studio) .element-motion-list button{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;border:1px solid rgb(170 156 255 / 19%);border-radius:6px;background:#705bf00f;cursor:pointer;text-align:left}:where(.framediff-studio) .element-motion-list button:hover{border-color:#aa9cff85;background:#705bf01c}:where(.framediff-studio) .motion-list-glyph{color:var(--motion);font-size:13px;text-align:center}:where(.framediff-studio) .element-motion-list button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .element-motion-list strong{overflow:hidden;color:var(--text);font:800 8px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .element-motion-list small{overflow:hidden;color:var(--faint);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .element-motion-list button>b{color:#bdb4f4;font:800 6px/1 var(--mono);letter-spacing:.09em}:where(.framediff-studio) .record-move-action{width:100%;min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:7px;align-items:center;padding:9px;border:1px solid rgb(240 116 132 / 32%);border-radius:8px;background:linear-gradient(135deg,#d4416f1a,#705bf012);color:var(--muted);cursor:pointer;text-align:left}:where(.framediff-studio) .record-move-action:hover:not(:disabled),:where(.framediff-studio) .record-move-action.active{border-color:#f07484a8;background:linear-gradient(135deg,#d4416f29,#705bf01a);box-shadow:0 8px 24px #0000002e}:where(.framediff-studio) .record-move-icon{color:#f08aa2;text-align:center}:where(.framediff-studio) .record-move-action>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .record-move-action strong{color:var(--text);font-size:9px}:where(.framediff-studio) .record-move-action small{color:var(--muted);font:7px/1.35 var(--mono);white-space:normal}:where(.framediff-studio) .record-move-action>b{padding:3px 4px;border-radius:4px;background:#f074841f;color:#f08aa2;font:800 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .record-move-action:disabled{cursor:default;opacity:.48}:where(.framediff-studio) .motion-record-hint{margin:6px 0 0;color:var(--faint);font:7px/1.4 var(--mono)}:where(.framediff-studio) .motion-record-hint b{color:#c8c0fb}:where(.framediff-studio) .path-points{padding:0;background:linear-gradient(180deg,rgb(114 213 244 / 3%),transparent)}:where(.framediff-studio) .path-points summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}:where(.framediff-studio) .path-points summary::-webkit-details-marker{display:none}:where(.framediff-studio) .path-points summary>span{min-width:0;display:flex;flex-direction:column;gap:4px}:where(.framediff-studio) .path-points summary strong{color:var(--path);font:800 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}:where(.framediff-studio) .path-points summary small{color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .path-points summary b{display:inline-flex;align-items:center;gap:6px;color:var(--faint);font:700 7px/1 var(--mono)}:where(.framediff-studio) .path-points summary b:after{content:"›";font-size:13px;transition:transform .12s ease}:where(.framediff-studio) .path-points[open] summary b:after{transform:rotate(90deg)}:where(.framediff-studio) .path-points-body{padding:0 14px 13px;animation:fd-panel-in .13s ease-out both}:where(.framediff-studio) .path-column-head{display:grid;grid-template-columns:76px 1fr 1fr;gap:4px;margin-bottom:4px;color:var(--faint);font:700 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .path-column-head b{text-align:center}:where(.framediff-studio) .path-point-row{display:grid;grid-template-columns:76px 1fr 1fr;gap:4px;align-items:center;margin-bottom:4px}:where(.framediff-studio) .path-point-row span{overflow:hidden;color:var(--faint);font:8px var(--mono);text-overflow:ellipsis}:where(.framediff-studio) .path-point-row input{padding:5px;font-size:8px}:where(.framediff-studio) .unroll-editor{background:linear-gradient(180deg,rgba(188,70,130,.1),transparent)}:where(.framediff-studio) .unroll-editor h3,:where(.framediff-studio) .trace-operation h3{color:#eaa9c7}:where(.framediff-studio) .unroll-status{display:inline-flex;margin-bottom:10px;padding:4px 7px;border-radius:5px;background:#ffffff0a;color:var(--faint);font:8px var(--mono)}:where(.framediff-studio) .unroll-status.safe{background:#5cba871f;color:#8bd7ad}:where(.framediff-studio) .unroll-action{width:100%;margin-top:10px;padding:8px;border:1px solid rgba(231,115,169,.45);border-radius:6px;background:#b9447d24;color:#f3b4d1;cursor:pointer;font:9px var(--mono)}:where(.framediff-studio) .unroll-explainer{color:var(--faint);font:8px/1.5 var(--mono)}:where(.framediff-studio) .add-key{padding:4px 6px}:where(.framediff-studio) .keyframe-row{display:grid;grid-template-columns:24px 48px minmax(50px,1fr) minmax(74px,1.2fr) 24px;gap:4px;align-items:center;margin-bottom:5px}:where(.framediff-studio) .keyframe-row input,:where(.framediff-studio) .keyframe-row select{padding:5px 4px;font-size:8px}:where(.framediff-studio) .key-goto,:where(.framediff-studio) .delete-key{height:25px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:#a99aff;cursor:pointer}:where(.framediff-studio) .delete-key{color:var(--faint)}:where(.framediff-studio) .keyframe-row.const{grid-template-columns:1fr 1fr;color:var(--muted);font:9px var(--mono)}:where(.framediff-studio) .stopwatch{margin:-3px 0 9px 77px;padding:4px 7px}:where(.framediff-studio) .stopwatch.active{border-color:#aa9affc7;background:#7760eb38}:where(.framediff-studio) .inspector-section.kind-grade h3{color:var(--pink)}:where(.framediff-studio) .inspector-section.kind-crop h3{color:var(--blue)}:where(.framediff-studio) .inspector-section.kind-camera h3{color:var(--blue)}:where(.framediff-studio) .inspector-section-heading{display:flex;flex-direction:column;gap:7px;margin-bottom:9px}:where(.framediff-studio) .inspector-section-heading h3{margin-bottom:0}:where(.framediff-studio) .open-effect-editor{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 8px;border:1px solid rgb(213 169 232 / 32%);border-radius:6px;background:linear-gradient(135deg,#d5a9e81f,#8fc9ec0f);color:#d9c7eb;cursor:pointer;font:800 8px/1 var(--mono);text-align:left}:where(.framediff-studio) .open-effect-editor:hover{border-color:var(--pink)}:where(.framediff-studio) .open-effect-editor b{color:var(--text);font-size:13px}:where(.framediff-studio) .video-effects>p{margin:-4px 0 10px;color:var(--faint);font-size:9px;line-height:1.45}:where(.framediff-studio) .effect-add-grid{display:grid;gap:6px}:where(.framediff-studio) .effect-add-grid button{display:grid;gap:4px;padding:8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--text);cursor:pointer;text-align:left}:where(.framediff-studio) .effect-add-grid button:hover:not(:disabled){border-color:var(--blue)}:where(.framediff-studio) .effect-add-grid button:disabled{cursor:default;opacity:.55}:where(.framediff-studio) .effect-add-grid strong{font:800 9px/1.2 var(--mono);text-transform:uppercase}:where(.framediff-studio) .effect-add-grid small{line-height:1.35}:where(.framediff-studio) .remove-effect{position:absolute;top:10px;right:12px;width:22px;height:22px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--faint);cursor:pointer}:where(.framediff-studio) .remove-effect:hover{border-color:var(--danger);color:var(--danger)}:where(.framediff-studio) .inspector-section.advanced{position:relative}:where(.framediff-studio) .effect-editor-backdrop{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#040405bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(.framediff-studio) .effect-editor{width:min(660px,calc(100vw - 42px));max-height:min(760px,calc(100vh - 42px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgb(213 169 232 / 35%);border-radius:10px;background:#131115;color:var(--text);box-shadow:0 24px 80px #000000ad}:where(.framediff-studio) .effect-editor>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgb(213 169 232 / 12%),transparent)}:where(.framediff-studio) .effect-editor>header div{display:flex;flex-direction:column;gap:4px}:where(.framediff-studio) .effect-editor>header span{color:var(--pink);font:800 7px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .effect-editor>header strong{font-size:12px}:where(.framediff-studio) .effect-editor>header button{width:25px;height:25px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .effect-editor-intro{margin:0;padding:11px 15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5}:where(.framediff-studio) .effect-editor-presets{padding:12px 15px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .effect-editor-presets>span{display:block;margin-bottom:8px;color:var(--faint);font:800 7px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .effect-editor-presets>div{display:flex;flex-wrap:wrap;gap:6px}:where(.framediff-studio) .effect-editor-presets button{padding:7px 10px;border:1px solid rgb(213 169 232 / 28%);border-radius:6px;background:#d5a9e814;color:#dcc9ed;cursor:pointer;font:8px var(--mono)}:where(.framediff-studio) .effect-editor-fields{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px 18px;padding:14px 15px;overflow:auto}:where(.framediff-studio) .effect-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 15px;border-top:1px solid var(--line);background:#0f0e10}:where(.framediff-studio) .effect-editor>footer span{color:var(--faint);font:8px/1.4 var(--mono)}:where(.framediff-studio) .effect-editor>footer button{padding:7px 15px;border:1px solid rgb(213 169 232 / 38%);border-radius:6px;background:#d5a9e81f;color:#e3d1f3;cursor:pointer;font:800 8px var(--mono)}:where(.framediff-studio) .crop-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;padding:14px 15px;overflow:auto}:where(.framediff-studio) .crop-source{position:relative;align-self:start;overflow:hidden;border:1px solid var(--line-strong);border-radius:7px;background:#050506;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}:where(.framediff-studio) .crop-source video{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}:where(.framediff-studio) .crop-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;color:var(--faint);font:9px/1.55 var(--mono);text-align:center}:where(.framediff-studio) .crop-region{position:absolute;min-width:4px;min-height:4px;border:2px solid #fff;background:#ffffff0a;box-shadow:0 0 0 9999px #0000007a;cursor:move;outline:none}:where(.framediff-studio) .crop-region:focus-visible{box-shadow:0 0 0 9999px #0000007a,0 0 0 3px var(--blue)}:where(.framediff-studio) .crop-handle{position:absolute;width:12px;height:12px;padding:0;border:2px solid #050506;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}:where(.framediff-studio) .crop-handle.nw{left:0;top:0;cursor:nwse-resize}:where(.framediff-studio) .crop-handle.ne{left:100%;top:0;cursor:nesw-resize}:where(.framediff-studio) .crop-handle.sw{left:0;top:100%;cursor:nesw-resize}:where(.framediff-studio) .crop-handle.se{left:100%;top:100%;cursor:nwse-resize}:where(.framediff-studio) .crop-readout,:where(.framediff-studio) .crop-fit,:where(.framediff-studio) .crop-presets{display:grid;align-content:start;gap:7px;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised)}:where(.framediff-studio) .crop-readout>span,:where(.framediff-studio) .crop-fit>span,:where(.framediff-studio) .crop-presets>span{color:var(--faint);font:800 7px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .crop-readout strong{color:var(--text);font:10px/1.2 var(--mono)}:where(.framediff-studio) .crop-readout small{color:var(--faint);font:7px/1.4 var(--mono)}:where(.framediff-studio) .crop-presets{grid-column:2;grid-template-columns:1fr 1fr}:where(.framediff-studio) .crop-presets>span{grid-column:1/-1}:where(.framediff-studio) .crop-presets button{padding:7px 8px;border:1px solid var(--line-strong);border-radius:5px;background:#0e0d0f;color:var(--muted);cursor:pointer;font:8px var(--mono)}:where(.framediff-studio) .crop-frame-note{grid-column:1/-1;margin:0;color:var(--faint);font:8px/1.5 var(--mono)}:where(.framediff-studio) .effect-target-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}:where(.framediff-studio) .effect-target-grid button{padding:7px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--muted);font:8px var(--mono);cursor:pointer}:where(.framediff-studio) .effect-target-grid button.active{border-color:var(--blue);color:var(--text);background:#8fc9ec1a}:where(.framediff-studio) .wrap-composition{width:100%;padding:8px;border:1px solid var(--blue);border-radius:5px;background:#8fc9ec1a;color:var(--text);cursor:pointer;font:8px var(--mono)}@media(max-width:720px){:where(.framediff-studio) .effect-editor-fields{grid-template-columns:1fr}:where(.framediff-studio) .effect-editor-backdrop{padding:10px}}:where(.framediff-studio) .camera-inspector{border-top:1px solid var(--line);background:linear-gradient(180deg,rgb(143 201 236 / 7%),transparent 340px)}:where(.framediff-studio) .camera-authority{display:flex;flex-direction:column;gap:4px;padding:12px 14px 9px}:where(.framediff-studio) .camera-authority span{color:var(--blue);font:800 8px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .camera-authority small{color:var(--faint);font:8px/1.45 var(--mono)}:where(.framediff-studio) .camera-view{margin:0 14px 8px;overflow:hidden;border:1px solid rgb(143 201 236 / 18%);border-radius:7px;background:#0d1011}:where(.framediff-studio) .camera-view.interactive{touch-action:none}:where(.framediff-studio) .camera-view svg{display:block;width:100%;height:auto}:where(.framediff-studio) .camera-view text{fill:var(--faint);font:7px var(--mono);letter-spacing:.06em}:where(.framediff-studio) .camera-grid{fill:none;stroke:#e8ebf20f;stroke-width:1}:where(.framediff-studio) .camera-plane{stroke:var(--accent);stroke-width:2}:where(.framediff-studio) .camera-path{stroke:#8fc9ec8c;stroke-width:1.2;stroke-dasharray:4 3}:where(.framediff-studio) .camera-sight{stroke:#d5a9e870;stroke-width:1}:where(.framediff-studio) .camera-focus-line{stroke:#72d39c4d;stroke-width:1;stroke-dasharray:2 3}:where(.framediff-studio) .camera-endpoint{fill:#0d1011;stroke:var(--blue);stroke-width:1.5}:where(.framediff-studio) .camera-endpoint.ghost{stroke-dasharray:2 2;opacity:.65}:where(.framediff-studio) .camera-current{fill:var(--blue);stroke:#d9efff;stroke-width:1;filter:drop-shadow(0 0 3px rgb(143 201 236 / 50%))}:where(.framediff-studio) .camera-target{fill:none;stroke:var(--pink);stroke-width:1.2}:where(.framediff-studio) .camera-focus{fill:#0d1011;stroke:var(--green);stroke-width:1.2;pointer-events:none}:where(.framediff-studio) .camera-plane-hit{stroke:transparent;stroke-width:14;cursor:grab}:where(.framediff-studio) .camera-target-hit,:where(.framediff-studio) .camera-focus-hit{fill:transparent;stroke:transparent;cursor:grab}:where(.framediff-studio) .camera-view .drag-handle{cursor:grab}:where(.framediff-studio) .camera-view .drag-handle:active,:where(.framediff-studio) .camera-plane-hit:active{cursor:grabbing}:where(.framediff-studio) .camera-view .camera-drag-copy{fill:var(--blue);opacity:.75}:where(.framediff-studio) .camera-open-rig{width:calc(100% - 28px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;margin:0 14px 10px;padding:9px 10px;border:1px solid rgb(143 201 236 / 28%);border-radius:7px;background:linear-gradient(135deg,#8fc9ec21,#d5a9e812);color:var(--blue);cursor:pointer;text-align:left}:where(.framediff-studio) .camera-open-rig span{font:800 8px/1 var(--mono);letter-spacing:.09em}:where(.framediff-studio) .camera-open-rig small{grid-column:1;color:var(--faint);font:7px/1.35 var(--mono)}:where(.framediff-studio) .camera-open-rig b{grid-column:2;grid-row:1 / span 2;color:var(--text);font-size:15px}:where(.framediff-studio) .camera-open-rig:hover{border-color:var(--blue);background:#8fc9ec29}:where(.framediff-studio) .camera-open-rig:disabled{cursor:progress;opacity:.72}:where(.framediff-studio) .camera-rig-load-error{display:flex;align-items:center;gap:8px;margin:-2px 14px 10px;color:#e7a3a3;font:8px/1.45 var(--mono)}:where(.framediff-studio) .camera-rig-load-error span{min-width:0;flex:1}:where(.framediff-studio) .camera-rig-load-error button{padding:5px 7px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--text);cursor:pointer;font:800 7px/1 var(--mono);white-space:nowrap}:where(.framediff-studio) .camera-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 14px 10px}:where(.framediff-studio) .camera-readout>div{min-width:0;display:flex;flex-direction:column;gap:3px;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised)}:where(.framediff-studio) .camera-readout span{color:var(--faint);font:7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .camera-readout strong{overflow:hidden;color:var(--text);font:9px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .camera-segment{display:grid;grid-template-columns:1fr 1fr;margin:0 14px;overflow:hidden;border:1px solid var(--line-strong);border-radius:6px}:where(.framediff-studio) .camera-segment button{padding:7px;border:0;background:var(--panel-raised);color:var(--faint);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .camera-segment button+button{border-left:1px solid var(--line-strong)}:where(.framediff-studio) .camera-segment button.active{background:#8fc9ec29;color:var(--blue)}:where(.framediff-studio) .camera-jump{width:calc(100% - 28px);margin:5px 14px 9px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--faint);cursor:pointer;font:8px/1 var(--mono)}:where(.framediff-studio) .camera-jump:hover{border-color:var(--line);color:var(--muted)}:where(.framediff-studio) .camera-group{border-top:1px solid var(--line)}:where(.framediff-studio) .camera-group summary{display:flex;align-items:center;padding:10px 14px;color:var(--muted);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.09em;list-style:none}:where(.framediff-studio) .camera-group summary::-webkit-details-marker{display:none}:where(.framediff-studio) .camera-group summary:before{content:"›";width:11px;color:var(--faint);font-size:12px;transform-origin:4px 50%;transition:transform .12s}:where(.framediff-studio) .camera-group[open] summary:before{transform:rotate(90deg)}:where(.framediff-studio) .camera-group summary span{margin-left:auto;color:var(--blue);font-weight:500;letter-spacing:0}:where(.framediff-studio) .camera-group>:not(summary){margin-left:14px;margin-right:14px}:where(.framediff-studio) .camera-slider{display:grid;grid-template-columns:76px minmax(0,1fr) 64px;align-items:center;gap:6px;margin-bottom:7px}:where(.framediff-studio) .camera-slider>span,:where(.framediff-studio) .camera-number>span{color:var(--faint);font:8px/1.25 var(--mono)}:where(.framediff-studio) .camera-slider input[type=range]{min-width:0;accent-color:var(--blue)}:where(.framediff-studio) .camera-slider input[type=number],:where(.framediff-studio) .camera-number input,:where(.framediff-studio) .camera-vector input{min-width:0;width:100%;padding:5px 4px;border:1px solid var(--line-strong);border-radius:5px;outline:none;background:var(--panel-raised);color:var(--text);font:8px/1 var(--mono)}:where(.framediff-studio) .camera-slider input:focus,:where(.framediff-studio) .camera-number input:focus,:where(.framediff-studio) .camera-vector input:focus{border-color:var(--blue)}:where(.framediff-studio) .camera-slider input:disabled,:where(.framediff-studio) .camera-number input:disabled,:where(.framediff-studio) .camera-vector input:disabled{border-style:dashed;color:var(--faint)}:where(.framediff-studio) .camera-help,:where(.framediff-studio) .camera-footnote{color:var(--faint);font:8px/1.5 var(--mono)}:where(.framediff-studio) .camera-help{margin-top:4px;margin-bottom:10px;padding:7px;border-radius:5px;background:#8fc9ec0d}:where(.framediff-studio) .camera-vector{display:grid;grid-template-columns:52px repeat(3,1fr);align-items:center;gap:4px;margin-bottom:5px}:where(.framediff-studio) .camera-vector>span{overflow:hidden;color:var(--faint);font:8px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .camera-vector-head{margin-bottom:3px}:where(.framediff-studio) .camera-vector-head b{color:var(--faint);font:7px/1 var(--mono);text-align:center}:where(.framediff-studio) .camera-number{display:grid;grid-template-columns:86px minmax(0,1fr) 58px;align-items:center;gap:6px;margin-bottom:6px}:where(.framediff-studio) .camera-number small{overflow:hidden;color:var(--faint);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .plane-vector{margin-bottom:7px}:where(.framediff-studio) .plane-vector label{min-width:0;position:relative;display:block}:where(.framediff-studio) .plane-vector label b{position:absolute;z-index:1;top:7px;left:5px;color:var(--faint);font:7px/1 var(--mono);pointer-events:none}:where(.framediff-studio) .plane-vector label input{padding-left:15px}:where(.framediff-studio) .camera-footnote{margin:12px 14px 16px;padding:8px;border:1px solid rgb(143 201 236 / 16%);border-radius:6px;background:#8fc9ec0d}:where(.framediff-studio) .camera-rig-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;padding:10px;background:#040608e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:where(.framediff-studio) .camera-rig-editor{width:100%;height:100%;display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden;border:1px solid rgb(143 201 236 / 28%);border-radius:12px;background:#090c0e;box-shadow:0 34px 120px #000000b8}:where(.framediff-studio) .inspector .camera-rig-header{min-height:0;display:grid;grid-template-columns:minmax(260px,1fr) auto 36px;align-items:center;gap:18px;padding:0 14px 0 18px;border-bottom:1px solid rgb(143 201 236 / 17%);background:linear-gradient(90deg,#121a1f,#151317)}:where(.framediff-studio) .inspector .camera-rig-title{min-width:0;display:flex;flex-direction:column;gap:5px}:where(.framediff-studio) .inspector .camera-rig-header strong{color:var(--blue);font:900 10px/1 var(--mono);letter-spacing:.14em}:where(.framediff-studio) .inspector .camera-rig-header span{overflow:hidden;color:var(--faint);font:8px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .inspector .camera-rig-endpoints{width:210px;display:flex;flex-direction:row;overflow:hidden;border:1px solid rgb(143 201 236 / 26%);border-radius:7px}:where(.framediff-studio) .camera-rig-endpoints button{min-width:0;flex:1;padding:8px 13px;border:0;background:#ffffff08;color:var(--faint);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .camera-rig-endpoints button+button{border-left:1px solid rgb(143 201 236 / 20%)}:where(.framediff-studio) .camera-rig-endpoints button.active{background:#8fc9ec2e;color:#c9e8ff}:where(.framediff-studio) .camera-rig-close{width:34px;height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:22px;line-height:1}:where(.framediff-studio) .camera-rig-close:hover{border-color:var(--line-strong);background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .camera-rig-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px}:where(.framediff-studio) .camera-rig-scene{min-width:0;min-height:0;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#15222b,#090c0e 68%)}:where(.framediff-studio) .camera-rig-canvas{position:absolute;top:0;right:0;bottom:0;left:0}:where(.framediff-studio) .camera-rig-canvas canvas{width:100%;height:100%;display:block;outline:none}:where(.framediff-studio) .camera-rig-load-state{position:absolute;inset:50% auto auto 50%;z-index:3;display:grid;justify-items:center;gap:8px;max-width:min(360px,calc(100% - 48px));padding:14px 18px;color:var(--faint);text-align:center;transform:translate(-50%,-50%)}:where(.framediff-studio) .camera-rig-load-state.error{padding:18px;color:var(--text);background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid rgb(224 105 105 / 40%);border-radius:8px;box-shadow:0 16px 42px #00000085}:where(.framediff-studio) .camera-rig-load-state span{color:var(--faint);font-size:12px;line-height:1.45}:where(.framediff-studio) .camera-rig-load-state button{min-height:30px;padding:0 12px;color:var(--text);background:var(--panel-raised);border:1px solid var(--line-strong);border-radius:5px;cursor:pointer}:where(.framediff-studio) .camera-rig-toolbar{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;pointer-events:none}:where(.framediff-studio) .camera-rig-toolset{display:flex;overflow:hidden;border:1px solid rgb(143 201 236 / 25%);border-radius:7px;background:#090c0ed1;box-shadow:0 8px 30px #0000003d;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(.framediff-studio) .camera-rig-toolset button{padding:7px 10px;border:0;border-right:1px solid rgb(143 201 236 / 14%);background:transparent;color:var(--faint);cursor:pointer;font:800 7px/1 var(--mono);letter-spacing:.08em;white-space:nowrap}:where(.framediff-studio) .camera-rig-toolset button:last-child{border-right:0}:where(.framediff-studio) .camera-rig-toolset button:hover{color:var(--text)}:where(.framediff-studio) .camera-rig-toolset button.active{background:#8fc9ec30;color:#c9e8ff}:where(.framediff-studio) .camera-rig-toolset.compact button.active{background:#f0b45f2e;color:var(--accent)}:where(.framediff-studio) .camera-rig-toolset.views{margin-left:auto}:where(.framediff-studio) .camera-rig-legend{position:absolute;z-index:2;left:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgb(143 201 236 / 16%);border-radius:7px;background:#090c0ec7;color:var(--faint);font:7px/1 var(--mono);pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}:where(.framediff-studio) .camera-rig-legend span{width:7px;height:7px;margin-left:6px;border-radius:50%}:where(.framediff-studio) .camera-rig-legend span:first-child{margin-left:0}:where(.framediff-studio) .camera-rig-legend .camera-dot{background:#9ed7ff}:where(.framediff-studio) .camera-rig-legend .target-dot{background:#e4a9d2;transform:rotate(45deg);border-radius:1px}:where(.framediff-studio) .camera-rig-legend .focus-dot{border:1px solid #7fc79b;background:transparent}:where(.framediff-studio) .camera-rig-legend .plane-dot{width:11px;height:5px;border-radius:1px;background:#e0ac57}:where(.framediff-studio) .camera-rig-hint{position:absolute;z-index:2;right:14px;bottom:14px;max-width:min(410px,calc(100% - 220px));display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:8px 10px;border:1px solid rgb(143 201 236 / 16%);border-radius:7px;background:#090c0ec7;text-align:right;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}:where(.framediff-studio) .camera-rig-hint strong{color:var(--blue);font:800 8px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}:where(.framediff-studio) .camera-rig-hint span,:where(.framediff-studio) .camera-rig-hint small{color:var(--faint);font:7px/1.35 var(--mono)}:where(.framediff-studio) .camera-rig-hint small{color:#72d39cd1}:where(.framediff-studio) .camera-rig-properties{min-height:0;overflow:auto;border-left:1px solid rgb(143 201 236 / 17%);background:#111110;scrollbar-color:var(--line-strong) transparent}:where(.framediff-studio) .camera-rig-prop-head{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:#111110f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(.framediff-studio) .camera-rig-prop-head span{color:var(--blue);font:900 8px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .camera-rig-prop-head small{color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .camera-rig-prop-group{padding:10px 13px 11px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .camera-rig-prop-group.active{background:#8fc9ec17}:where(.framediff-studio) .camera-rig-prop-title{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0;border:0;background:none;color:var(--muted);font:800 8px/1 var(--mono);text-align:left;text-transform:uppercase;letter-spacing:.08em}:where(.framediff-studio) button.camera-rig-prop-title{cursor:pointer}:where(.framediff-studio) .camera-rig-prop-title small{color:var(--faint);font:7px/1 var(--mono);text-transform:none;letter-spacing:0}:where(.framediff-studio) .camera-rig-prop-group.active .camera-rig-prop-title,:where(.framediff-studio) .camera-rig-prop-group.active .camera-rig-prop-title small{color:var(--blue)}:where(.framediff-studio) .camera-rig-vector-head,:where(.framediff-studio) .camera-rig-vector{display:grid;grid-template-columns:68px repeat(3,minmax(0,1fr));align-items:center;gap:5px}:where(.framediff-studio) .camera-rig-vector-head{margin-bottom:4px}:where(.framediff-studio) .camera-rig-vector-head span,:where(.framediff-studio) .camera-rig-vector span{overflow:hidden;color:var(--faint);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .camera-rig-vector-head b{color:var(--faint);font:7px/1 var(--mono);text-align:center}:where(.framediff-studio) .camera-rig-vector input,:where(.framediff-studio) .camera-rig-number input{min-width:0;width:100%;min-height:30px;padding:6px 7px;border:1px solid var(--line-strong);border-radius:5px;outline:none;background:var(--panel-raised);color:var(--text);font:11px/1 var(--mono)}:where(.framediff-studio) .camera-rig-vector input:focus,:where(.framediff-studio) .camera-rig-number input:focus{border-color:var(--blue)}:where(.framediff-studio) .camera-rig-vector input:disabled,:where(.framediff-studio) .camera-rig-number input:disabled{border-style:dashed;color:var(--faint)}:where(.framediff-studio) .camera-rig-number{display:grid;grid-template-columns:108px minmax(0,1fr) 52px;align-items:center;gap:7px;margin-bottom:6px}:where(.framediff-studio) .camera-rig-number>span{color:var(--faint);font:8px/1.2 var(--mono)}:where(.framediff-studio) .camera-rig-number>small{overflow:hidden;color:var(--faint);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .camera-rig-prop-group.optics,:where(.framediff-studio) .camera-rig-prop-group.finishing{background:#ffffff04}:where(.framediff-studio) .camera-rig-vector-head.plane{margin-top:8px}@media(max-width:1050px){:where(.framediff-studio) .camera-rig-workspace{grid-template-columns:minmax(0,1fr) 330px}:where(.framediff-studio) .camera-rig-toolset button{padding-left:7px;padding-right:7px}:where(.framediff-studio) .camera-rig-hint{display:none}}:where(.framediff-studio) .media-preview-section{padding:13px 14px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .media-preview{width:100%;min-height:128px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:7px;background:#080909}:where(.framediff-studio) .media-preview video,:where(.framediff-studio) .media-preview img{width:100%;max-height:230px;display:block;object-fit:contain}:where(.framediff-studio) .media-preview.audio{min-height:116px;align-content:center;gap:12px;padding:14px;box-sizing:border-box}:where(.framediff-studio) .media-preview audio{width:100%;height:32px}:where(.framediff-studio) .audio-glyph{color:var(--blue);font-size:28px}:where(.framediff-studio) .unsupported-preview{padding:24px;color:var(--faint);font-family:var(--mono);font-size:9px;text-align:center}:where(.framediff-studio) .open-media{display:block;margin-top:8px;color:var(--accent);font-family:var(--mono);font-size:9px;text-align:right;text-decoration:none}:where(.framediff-studio) .open-media:hover{color:var(--text)}:where(.framediff-studio) .disk-link{display:block;max-width:100%;overflow:hidden;padding:0;border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .disk-link:hover,:where(.framediff-studio) .disk-link:focus-visible{color:var(--text);outline:none;text-decoration:underline}:where(.framediff-studio) .preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:11px}:where(.framediff-studio) .preset-grid button{padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:9px}:where(.framediff-studio) .preset-grid button:hover{border-color:var(--pink);color:var(--text)}:where(.framediff-studio) dl{margin:0}:where(.framediff-studio) dl div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;margin-bottom:7px}:where(.framediff-studio) dt{color:var(--faint);font-size:9px}:where(.framediff-studio) dd{margin:0;overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .message{margin:12px 14px;padding:8px 9px;border:1px solid;border-radius:6px;font-family:var(--mono);font-size:9px;line-height:1.5}:where(.framediff-studio) .message.error{border-color:#f0747059;color:var(--red);background:#f0747014}:where(.framediff-studio) .message.notice{border-color:#72d39c4d;color:var(--green);background:#72d39c12}:where(.framediff-studio) .code-panel{display:grid;grid-template-rows:35px 1fr;overflow:hidden}:where(.framediff-studio) .code-header{display:flex;align-items:center;gap:6px;min-width:0;padding:0 9px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .code-header span{flex:1;min-width:0;overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .code-header button{width:25px;height:24px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .code-panel pre{min-height:0;margin:0;overflow:auto;padding:11px;color:#cfc8b4;font-family:var(--mono);font-size:9px;line-height:1.65;-moz-tab-size:2;tab-size:2;white-space:pre}:where(.framediff-studio) .sheet-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#04060ab8}:where(.framediff-studio) .sheet{width:min(520px,calc(100vw - 40px));padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);box-shadow:0 30px 100px #000000a6}:where(.framediff-studio) .sheet.composition-sheet{width:min(900px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow-y:auto}:where(.framediff-studio) .sheet header{display:flex;align-items:center;margin-bottom:16px;letter-spacing:.1em;font-size:10px}:where(.framediff-studio) .sheet header button{margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px}:where(.framediff-studio) .sheet>label{display:grid;grid-template-columns:86px minmax(140px,1fr) minmax(0,1.35fr);align-items:center;gap:8px;margin-bottom:10px;color:var(--muted);font-size:10px}:where(.framediff-studio) .sheet input,:where(.framediff-studio) .sheet select{width:100%;padding:7px 8px;border:1px solid var(--line-strong);border-radius:6px;outline:none;background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .sheet input:focus{border-color:var(--accent)}:where(.framediff-studio) .sheet small,:where(.framediff-studio) .computed{color:var(--faint);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .sheet>label small{line-height:1.35}:where(.framediff-studio) .sheet-error{margin:8px 0 2px;color:var(--red);font-family:var(--mono);font-size:9px;line-height:1.5}:where(.framediff-studio) .computed{padding:8px 0 14px 94px}:where(.framediff-studio) .creation-summary{display:grid;gap:3px;margin:4px 0 14px 94px}:where(.framediff-studio) .creation-summary strong{color:var(--muted);font-size:9px}:where(.framediff-studio) .creation-summary small{line-height:1.4}:where(.framediff-studio) .sheet footer{display:flex;justify-content:flex-end;gap:7px}:where(.framediff-studio) .sheet footer button,:where(.framediff-studio) .cache-actions button{padding:6px 11px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .sheet footer button.primary{border-color:transparent;background:var(--accent);color:#171410}:where(.framediff-studio) .sheet footer button:disabled{cursor:default;filter:saturate(.35);opacity:.45}:where(.framediff-studio) .composition-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 0 14px;padding:0;border:0}:where(.framediff-studio) .composition-choice-grid legend{grid-column:1 / -1;width:100%;margin-bottom:2px;color:var(--muted);font-size:10px}:where(.framediff-studio) .composition-choice-grid legend small{float:right;font-weight:500}:where(.framediff-studio) .composition-choice-grid button{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:3px 8px;min-height:58px;padding:9px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-raised);color:var(--muted);cursor:pointer;text-align:left}:where(.framediff-studio) .composition-choice-grid button:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line-strong))}:where(.framediff-studio) .composition-choice-grid button i{grid-row:1 / 3;align-self:center;color:var(--faint);font-size:20px;font-style:normal}:where(.framediff-studio) .composition-choice-grid button strong{color:var(--text);font-size:10px}:where(.framediff-studio) .composition-choice-grid button small{min-width:0;overflow:hidden;line-height:1.35;text-overflow:ellipsis}:where(.framediff-studio) .composition-choice-grid button.selected{border-color:var(--pink);background:color-mix(in srgb,var(--pink) 10%,var(--panel-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pink) 20%,transparent)}:where(.framediff-studio) .composition-choice-grid button.selected i{color:var(--pink)}:where(.framediff-studio) .creation-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:900px){:where(.framediff-studio) .creation-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){:where(.framediff-studio) .creation-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:where(.framediff-studio) .cache-drawer{position:fixed;top:48px;right:0;bottom:0;z-index:80;width:min(380px,100vw);display:grid;grid-template-rows:46px auto auto auto auto 1fr auto;border-left:1px solid var(--line-strong);background:var(--panel);box-shadow:-20px 0 70px #00000073}:where(.framediff-studio) .cache-drawer header{display:flex;align-items:center;padding:0 13px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.1em}:where(.framediff-studio) .cache-drawer header button{margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px}:where(.framediff-studio) .cache-current{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--line);background:#8fc9ec0d}:where(.framediff-studio) .cache-current span{min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .cache-current b{overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .cache-current small{color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .cache-current i{flex:none;font-style:normal}:where(.framediff-studio) .cache-actions{display:flex;gap:7px;padding:10px}:where(.framediff-studio) .cache-filter{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px;margin:0 10px 8px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:#0d1014;color:var(--faint)}:where(.framediff-studio) .cache-filter:focus-within{border-color:#f0b45f8c}:where(.framediff-studio) .cache-filter input{min-width:0;padding:6px 0;border:0;outline:0;background:transparent;color:var(--text);font-size:9px}:where(.framediff-studio) .cache-filter button{width:17px;height:17px;padding:0;border:0;background:transparent;color:var(--faint);cursor:pointer}:where(.framediff-studio) .cache-filter output{font:8px/1 var(--mono)}:where(.framediff-studio) .cache-progress{padding:7px 11px;color:var(--yellow);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .cache-list{min-height:0;overflow-y:auto;padding:6px 10px}:where(.framediff-studio) .cache-list>div{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:7px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .cache-list code{color:var(--accent);font-size:9px}:where(.framediff-studio) .cache-list span{color:var(--muted);font-size:9px}:where(.framediff-studio) .cache-list small{display:block;color:var(--faint);font-size:8px}:where(.framediff-studio) .services-drawer{position:fixed;top:48px;right:0;bottom:0;z-index:82;width:min(440px,100vw);display:grid;grid-template-rows:56px auto minmax(0,1fr) auto;border-left:1px solid var(--line-strong);background:var(--panel);box-shadow:-24px 0 80px #0000008c}:where(.framediff-studio) .services-heading{display:flex;align-items:center;padding:0 15px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .services-heading>div{display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .services-heading strong{color:var(--text);font-size:10px;letter-spacing:.12em}:where(.framediff-studio) .services-heading span{color:var(--faint);font:7px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .services-heading button{width:32px;height:32px;margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer;font-size:20px}:where(.framediff-studio) .services-security{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;margin:12px;padding:11px;border:1px solid rgb(240 200 116 / 22%);border-radius:8px;background:#f0c8740d}:where(.framediff-studio) .services-lock{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgb(240 200 116 / 28%);border-radius:50%;color:var(--yellow);font-size:16px}:where(.framediff-studio) .services-security strong{color:var(--yellow);font-size:9px}:where(.framediff-studio) .services-security p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.55}:where(.framediff-studio) .services-security code{color:var(--text);font-family:var(--mono);font-size:8px}:where(.framediff-studio) .services-list{min-height:0;overflow-y:auto;padding:0 12px 12px}:where(.framediff-studio) .service-card{margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel-raised) 72%,transparent)}:where(.framediff-studio) .local-agent-card{border-color:#72d39c3d;background:color-mix(in srgb,var(--green) 4%,var(--panel-raised))}:where(.framediff-studio) .local-agent-link{display:flex;flex-direction:column;gap:5px;margin-top:10px}:where(.framediff-studio) .local-agent-link>span{color:var(--faint);font-size:7px;font-weight:800;letter-spacing:.1em}:where(.framediff-studio) .local-agent-link>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}:where(.framediff-studio) .local-agent-link input{min-width:0;width:100%;padding:8px;border:1px solid var(--line-strong);border-radius:6px;outline:none;background:#0f1216;color:var(--text);font:8px/1 var(--mono);text-overflow:ellipsis}:where(.framediff-studio) .local-agent-link input:focus{border-color:var(--green)}:where(.framediff-studio) .local-agent-link button{min-width:62px;padding:6px 10px;border:1px solid rgb(114 211 156 / 35%);border-radius:6px;background:#72d39c1a;color:var(--green);cursor:pointer;font-size:8px;font-weight:800}:where(.framediff-studio) .local-agent-link button:disabled{cursor:default;opacity:.5}:where(.framediff-studio) .local-agent-meta{min-height:17px;display:flex;align-items:start;gap:8px;margin-top:7px}:where(.framediff-studio) .local-agent-meta small{flex:1;color:var(--faint);font-size:7px;line-height:1.4}:where(.framediff-studio) .local-agent-meta output{color:var(--green);font-size:7px;line-height:1.4;text-align:right}:where(.framediff-studio) .local-agent-meta output.error{color:var(--red)}:where(.framediff-studio) .service-title{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}:where(.framediff-studio) .service-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px;background:#0f1216;color:var(--accent);font:800 13px/1 var(--mono);text-transform:uppercase}:where(.framediff-studio) .service-title>div{min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .service-title strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .service-title small{color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .service-title i{padding:4px 5px;border:1px solid var(--line);border-radius:4px;color:var(--faint);font:800 6px/1 var(--mono);font-style:normal;letter-spacing:.06em}:where(.framediff-studio) .service-title i.active{border-color:#72d39c59;background:#72d39c0f;color:var(--green)}:where(.framediff-studio) .service-card>p{margin:10px 0;color:var(--muted);font-size:9px;line-height:1.5}:where(.framediff-studio) .service-status{min-width:0;display:grid;grid-template-columns:7px auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#0f1216}:where(.framediff-studio) .service-status .status-dot{width:6px;height:6px;border-radius:50%;background:var(--faint)}:where(.framediff-studio) .service-status.set .status-dot{background:var(--green);box-shadow:0 0 0 3px #72d39c14}:where(.framediff-studio) .service-status strong{color:var(--muted);font-size:8px}:where(.framediff-studio) .service-status code{color:var(--text);font:8px/1 var(--mono);text-align:right}:where(.framediff-studio) .service-status small{color:var(--faint);font:7px/1 var(--mono);white-space:nowrap}:where(.framediff-studio) .service-key{display:flex;flex-direction:column;gap:5px;margin-top:10px}:where(.framediff-studio) .service-key span{color:var(--faint);font-size:7px;font-weight:800;letter-spacing:.1em}:where(.framediff-studio) .service-key input{min-width:0;width:100%;padding:8px;border:1px solid var(--line-strong);border-radius:6px;outline:none;background:#0f1216;color:var(--text);font-family:var(--mono);font-size:9px}:where(.framediff-studio) .service-key input:focus{border-color:var(--accent)}:where(.framediff-studio) .service-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:9px}:where(.framediff-studio) .service-actions small{flex:1;color:var(--faint);font-size:7px;line-height:1.4}:where(.framediff-studio) .service-actions button{min-height:30px;padding:6px 9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:8px;font-weight:800}:where(.framediff-studio) .service-actions button:disabled{cursor:default;opacity:.4}:where(.framediff-studio) .service-actions .service-save{border-color:transparent;background:var(--accent);color:#171410}:where(.framediff-studio) .service-actions .service-remove{border-color:#f074703d;color:var(--red)}:where(.framediff-studio) .services-footer{padding:10px 12px 12px;border-top:1px solid var(--line)}:where(.framediff-studio) .services-footer .message{margin-bottom:8px}:where(.framediff-studio) .services-footer>p{margin:0;color:var(--faint);font:7px/1.4 var(--mono);text-align:center}:where(.framediff-studio) .agent-chat-options{flex:none;display:flex;gap:5px;padding:0 10px 9px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}:where(.framediff-studio) .agent-chat-options::-webkit-scrollbar{display:none}:where(.framediff-studio) .agent-chat-options button{flex:none;min-width:78px;display:flex;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:#ffffff05;color:var(--muted);cursor:pointer;text-align:left}:where(.framediff-studio) .agent-chat-options button:hover{border-color:var(--line-strong);color:var(--text)}:where(.framediff-studio) .agent-chat-options button.active{border-color:#8fc9ec6b;background:linear-gradient(145deg,#8fc9ec1f,#8fc9ec0a);color:var(--blue);box-shadow:inset 0 0 0 1px #8fc9ec14}:where(.framediff-studio) .agent-chat-options button span{font:800 8px/1 var(--mono)}:where(.framediff-studio) .agent-chat-options button small{color:var(--faint);font:6px/1 var(--mono);text-transform:uppercase}:where(.framediff-studio) .agent-chat-options .agent-chat-setup{width:100%;min-width:0;align-items:center;border-style:dashed;color:var(--blue);text-align:center}:where(.framediff-studio) .agent-chat-model-row{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;padding:8px 10px 0}:where(.framediff-studio) .agent-chat-model-row label{min-width:0;display:flex;flex-direction:column;gap:4px;color:var(--faint);font:800 6px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .agent-chat-model-row input{min-width:0;width:100%;height:27px;padding:0 8px;border:1px solid var(--line);border-radius:6px;outline:0;background:#0d1014;color:var(--muted);font:7px/1 var(--mono)}:where(.framediff-studio) .agent-chat-model-row input:focus{border-color:#8fc9ec73;color:var(--text)}:where(.framediff-studio) .agent-chat-model-row>span{height:27px;display:grid;place-items:center;padding:0 7px;border:1px solid var(--line);border-radius:6px;color:var(--faint);font:900 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .agent-chat-model-row>span.plan{border-color:#7edaa740;background:#7edaa70d;color:var(--green)}:where(.framediff-studio) .agent-chat-welcome-mark{background:radial-gradient(circle at 38% 32%,#e1f5ffeb 0,#e1f5ffeb,#8fc9ec99 8%,#142535a3 52%,#0a0e12 76%);color:#e9f8ff;box-shadow:0 0 28px #8fc9ec29}:where(.framediff-studio) .agent-chat-welcome button{display:flex;justify-content:space-between;gap:8px}:where(.framediff-studio) .agent-chat-welcome button span{color:var(--faint);font:6px/1 var(--mono)}:where(.framediff-studio) .agent-chat-input{grid-template-columns:minmax(0,1fr) 30px;align-items:end}:where(.framediff-studio) .agent-chat-input>.agent-chat-send{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgb(143 201 236 / 34%);border-radius:6px;background:#8fc9ec1c;color:var(--blue);cursor:pointer}:where(.framediff-studio) .agent-chat-input>.agent-chat-send svg{width:14px;height:14px}:where(.framediff-studio) .agent-chat-input>.agent-chat-send.stop{border-color:#f074705c;background:#f074701a;color:var(--red)}:where(.framediff-studio) .agent-chat-input>.agent-chat-send:disabled{cursor:default;opacity:.32}:where(.framediff-studio) .agent-voice-launch{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid rgb(177 137 255 / 24%);border-radius:8px;background:linear-gradient(110deg,#b189ff17,#8fc9ec0d);color:var(--muted);cursor:pointer;text-align:left}:where(.framediff-studio) .agent-voice-launch:hover:not(:disabled){border-color:#b189ff73;color:var(--text)}:where(.framediff-studio) .agent-voice-launch:disabled{cursor:default;filter:saturate(.4);opacity:.46}:where(.framediff-studio) .agent-voice-launch>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .agent-voice-launch strong{font-size:8px}:where(.framediff-studio) .agent-voice-launch small{overflow:hidden;color:var(--faint);font:6px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .agent-voice-launch b{color:#bd9cff;font:900 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .agent-voice-launch-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgb(177 137 255 / 28%);border-radius:50%;background:#b189ff14}:where(.framediff-studio) .agent-voice-launch-icon i{width:2px;height:8px;border-radius:2px;background:#bd9cff}:where(.framediff-studio) .agent-voice-launch-icon i:nth-child(2){height:14px}:where(.framediff-studio) .agent-voice-mode{position:fixed;top:48px;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-rows:64px minmax(0,1fr) auto;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgb(177 137 255 / 12%),transparent 25%),radial-gradient(circle at 72% 18%,rgb(143 201 236 / 8%),transparent 30%),#080b0f;animation:fd-voice-in .24s ease-out}:where(.framediff-studio) .agent-voice-glow{position:absolute;left:50%;top:48%;width:min(64vw,700px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgb(143 201 236 / 7%),transparent 62%);pointer-events:none}:where(.framediff-studio) .agent-voice-mode>header{position:relative;z-index:1;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid rgb(255 255 255 / 6%)}:where(.framediff-studio) .agent-voice-mode>header>div{display:grid;grid-template-columns:auto auto;gap:4px 8px;align-items:center}:where(.framediff-studio) .agent-voice-mode>header strong{color:var(--text);font:900 10px/1 var(--mono);letter-spacing:.13em}:where(.framediff-studio) .agent-voice-mode>header small{grid-column:2;color:var(--faint);font:7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .agent-voice-live-dot{grid-row:1 / 3;width:7px;height:7px;border-radius:50%;background:#bd9cff;box-shadow:0 0 13px #bd9cffa6}:where(.framediff-studio) .agent-voice-mode>header button{width:34px;height:34px;margin-left:auto;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:var(--muted);cursor:pointer;font-size:20px}:where(.framediff-studio) .agent-voice-stage{position:relative;z-index:1;min-height:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:23px;padding:24px}:where(.framediff-studio) .agent-voice-state{color:#bd9cff;font:900 7px/1 var(--mono);letter-spacing:.18em}:where(.framediff-studio) .agent-voice-orb{position:relative;width:clamp(132px,21vw,194px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgb(177 137 255 / 32%);border-radius:50%;background:radial-gradient(circle at 38% 34%,#f0f5ffe5 0,#f0f5ffe5 2%,#b189ffad 7%,#3f2b62b3 32%,#0b0d13f5 68%);color:#fff;cursor:pointer;box-shadow:0 0 0 17px #b189ff08,0 0 0 40px #8fc9ec05,0 0 75px #b189ff33;transition:scale .2s,filter .2s}:where(.framediff-studio) .agent-voice-orb:hover:not(:disabled){scale:1.025;filter:brightness(1.08)}:where(.framediff-studio) .agent-voice-orb.listening{animation:fd-voice-pulse 1.25s ease-in-out infinite}:where(.framediff-studio) .agent-voice-orb.working{animation:fd-voice-turn 2.4s linear infinite}:where(.framediff-studio) .agent-voice-orb svg{position:relative;z-index:2;width:32%;height:32%;filter:drop-shadow(0 0 9px rgb(255 255 255 / 25%))}:where(.framediff-studio) .agent-voice-orb>i{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid rgb(177 137 255 / 12%);border-radius:50%}:where(.framediff-studio) .agent-voice-orb>i:nth-child(2){top:-25px;right:-25px;bottom:-25px;left:-25px;border-color:#8fc9ec14}:where(.framediff-studio) .agent-voice-orb>i:nth-child(3){top:-41px;right:-41px;bottom:-41px;left:-41px;border-color:#b189ff0d}:where(.framediff-studio) .agent-voice-transcript{min-height:72px;width:min(620px,88vw);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;text-align:center}:where(.framediff-studio) .agent-voice-transcript p,:where(.framediff-studio) .agent-voice-transcript strong{margin:0;color:var(--text);font-size:clamp(14px,2vw,22px);font-weight:500;line-height:1.45}:where(.framediff-studio) .agent-voice-transcript strong{color:var(--red);font-size:12px}:where(.framediff-studio) .agent-voice-transcript button{padding:7px 11px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel-raised);color:var(--text);cursor:pointer}:where(.framediff-studio) .agent-voice-mode>footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:18px 22px 22px;border-top:1px solid rgb(255 255 255 / 6%)}:where(.framediff-studio) .agent-voice-mode>footer button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted);cursor:pointer;font-size:8px}:where(.framediff-studio) .agent-voice-mode>footer button.active{border-color:#b189ff59;background:#b189ff17;color:#d3bcff}:where(.framediff-studio) .agent-voice-mode>footer small{flex-basis:100%;color:var(--faint);font:7px/1.4 var(--mono);text-align:center}@keyframes fd-voice-in{0%{opacity:0;scale:1.01}}@keyframes fd-voice-pulse{50%{box-shadow:0 0 0 25px #b189ff0d,0 0 0 54px #8fc9ec08,0 0 110px #b189ff57}}@keyframes fd-voice-turn{to{filter:hue-rotate(360deg);transform:rotate(360deg)}}:where(.framediff-studio) .services-drawer{width:min(560px,100vw);grid-template-rows:56px 38px minmax(0,1fr) auto;background:radial-gradient(circle at 90% 0,rgb(143 201 236 / 5%),transparent 25%),var(--panel)}:where(.framediff-studio) .settings-nav{display:flex;align-items:center;gap:5px;padding:0 12px;overflow-x:auto;border-bottom:1px solid var(--line)}:where(.framediff-studio) .settings-nav a{padding:6px 9px;border-radius:5px;color:var(--faint);font:800 7px/1 var(--mono);letter-spacing:.06em;text-decoration:none;white-space:nowrap}:where(.framediff-studio) .settings-nav a:hover{background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .services-list{padding:0 14px 18px;scroll-behavior:smooth}:where(.framediff-studio) .settings-section{padding:20px 0 6px}:where(.framediff-studio) .settings-section+.settings-section{margin-top:10px;border-top:1px solid var(--line)}:where(.framediff-studio) .settings-section-heading{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;margin-bottom:16px}:where(.framediff-studio) .settings-section-heading>span{color:var(--faint);font:700 7px/1 var(--mono)}:where(.framediff-studio) .settings-section-heading>div{display:flex;flex-direction:column;gap:5px}:where(.framediff-studio) .settings-section-heading strong{color:var(--text);font-size:14px}:where(.framediff-studio) .settings-section-heading p{max-width:430px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}:where(.framediff-studio) .settings-mode-heading{display:flex;align-items:center;gap:8px;margin:16px 0 8px}:where(.framediff-studio) .settings-mode-heading span{color:var(--muted);font:900 7px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .settings-mode-heading small{margin-left:auto;color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .settings-runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:where(.framediff-studio) .settings-runtime-card{min-width:0;display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-raised) 74%,transparent)}:where(.framediff-studio) .settings-runtime-card.connected{border-color:#7edaa740;background:linear-gradient(145deg,#7edaa712,#ffffff05)}:where(.framediff-studio) .settings-runtime-brand{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px}:where(.framediff-studio) .settings-runtime-brand>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgb(143 201 236 / 25%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fc9ec57,#0e141b 65%);color:var(--blue);font:900 10px/1 var(--mono)}:where(.framediff-studio) .settings-runtime-brand>div{min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .settings-runtime-brand strong{color:var(--text);font-size:10px}:where(.framediff-studio) .settings-runtime-brand small{color:var(--faint);font:6px/1 var(--mono);letter-spacing:.06em}:where(.framediff-studio) .settings-runtime-brand i,:where(.framediff-studio) .settings-provider-summary>i{padding:4px 5px;border:1px solid var(--line);border-radius:4px;color:var(--faint);font:900 6px/1 var(--mono);font-style:normal}:where(.framediff-studio) .settings-runtime-card.connected .settings-runtime-brand i{border-color:#7edaa740;color:var(--green)}:where(.framediff-studio) .settings-runtime-card>p{min-height:27px;margin:0;color:var(--muted);font-size:8px;line-height:1.45}:where(.framediff-studio) .settings-account{min-width:0;display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px;border:1px solid rgb(126 218 167 / 17%);border-radius:6px;background:#7edaa70a}:where(.framediff-studio) .settings-account>span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #7edaa761}:where(.framediff-studio) .settings-account strong{min-width:0;overflow:hidden;color:var(--muted);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .settings-account small{max-width:116px;color:var(--green);font:6px/1.35 var(--mono);text-align:right;text-transform:uppercase}:where(.framediff-studio) .settings-runtime-message{min-height:29px;color:var(--faint);font-size:7px;line-height:1.4}:where(.framediff-studio) .settings-runtime-card>button{min-height:29px;margin-top:auto;border:1px solid rgb(143 201 236 / 25%);border-radius:6px;background:#8fc9ec12;color:var(--blue);cursor:pointer;font-size:8px;font-weight:800}:where(.framediff-studio) .settings-runtime-card.connected>button{border-color:#7edaa733;background:#7edaa70d;color:var(--green)}:where(.framediff-studio) .settings-runtime-card>button:disabled{cursor:default;opacity:.7}:where(.framediff-studio) .settings-inline-message{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#ffffff05}:where(.framediff-studio) .settings-inline-message>span{color:var(--faint)}:where(.framediff-studio) .settings-inline-message p{margin:0;color:var(--faint);font-size:7px;line-height:1.4}:where(.framediff-studio) .settings-inline-message button,:where(.framediff-studio) .settings-inline-message a{border:0;background:transparent;color:var(--muted);cursor:pointer;font:800 7px/1 var(--mono);text-decoration:none;white-space:nowrap}:where(.framediff-studio) .settings-inline-message a{color:var(--blue)}:where(.framediff-studio) .settings-provider-list{display:flex;flex-direction:column;gap:6px}:where(.framediff-studio) .settings-provider-row{padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff05}:where(.framediff-studio) .settings-provider-row.set{border-color:#7edaa72e}:where(.framediff-studio) .settings-provider-summary{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px}:where(.framediff-studio) .settings-provider-summary .service-mark{width:28px;height:28px;border-radius:7px;font-size:10px}:where(.framediff-studio) .settings-provider-summary>div{min-width:0;display:flex;flex-direction:column;gap:3px}:where(.framediff-studio) .settings-provider-summary strong{color:var(--text);font-size:9px}:where(.framediff-studio) .settings-provider-summary small{overflow:hidden;color:var(--faint);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .settings-provider-row.set .settings-provider-summary>i{border-color:#7edaa733;color:var(--green)}:where(.framediff-studio) .settings-provider-row>p{margin:8px 0 0;color:var(--muted);font-size:8px;line-height:1.45}:where(.framediff-studio) .settings-key-row{min-width:0;display:flex;gap:6px;margin-top:8px}:where(.framediff-studio) .settings-key-row input{min-width:0;flex:1;height:29px;padding:0 8px;border:1px solid var(--line);border-radius:6px;outline:0;background:#0d1014;color:var(--text);font:8px/1 var(--mono)}:where(.framediff-studio) .settings-key-row input:focus{border-color:var(--accent)}:where(.framediff-studio) .settings-key-row button{min-width:60px;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:7px;font-weight:800}:where(.framediff-studio) .settings-key-row button.save{border-color:#8fc9ec47;background:#8fc9ec14;color:var(--blue)}:where(.framediff-studio) .settings-key-row button.remove{border-color:#f0747033;color:var(--red)}:where(.framediff-studio) .settings-key-row button:disabled{cursor:default;opacity:.35}:where(.framediff-studio) .settings-voice-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#b189ff0f,#8fc9ec08)}:where(.framediff-studio) .settings-voice-card.connected{border-color:#b189ff3b}:where(.framediff-studio) .settings-voice-orb{width:46px;height:46px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgb(177 137 255 / 30%);border-radius:50%;background:radial-gradient(circle at 38% 30%,#b189ff59,#11121a 68%);box-shadow:0 0 22px #b189ff1a}:where(.framediff-studio) .settings-voice-orb i{width:2px;height:11px;border-radius:2px;background:#bd9cff}:where(.framediff-studio) .settings-voice-orb i:nth-child(2){height:19px}:where(.framediff-studio) .settings-voice-card>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}:where(.framediff-studio) .settings-voice-card strong{color:var(--text);font-size:10px}:where(.framediff-studio) .settings-voice-card p{margin:0;color:var(--muted);font-size:8px}:where(.framediff-studio) .settings-voice-card small{color:var(--faint);font:6px/1 var(--mono);letter-spacing:.05em}:where(.framediff-studio) .settings-voice-card>i{padding:4px 5px;border:1px solid var(--line);border-radius:4px;color:var(--faint);font:900 6px/1 var(--mono);font-style:normal}:where(.framediff-studio) .settings-voice-card.connected>i{border-color:#7edaa733;color:var(--green)}:where(.framediff-studio) .settings-note{margin:9px 1px 0;color:var(--faint);font-size:7px;line-height:1.5}:where(.framediff-studio) .settings-section .services-security{margin:0 0 9px}:where(.framediff-studio) .settings-developer{margin:18px 0 4px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#ffffff05}:where(.framediff-studio) .settings-developer summary{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);cursor:pointer;list-style:none}:where(.framediff-studio) .settings-developer summary::-webkit-details-marker{display:none}:where(.framediff-studio) .settings-developer summary span{font-size:9px;font-weight:800}:where(.framediff-studio) .settings-developer summary small{color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .settings-developer>p{margin:11px 0 0;color:var(--muted);font-size:8px;line-height:1.45}:where(.framediff-studio) .gen-workbench{min-width:0;min-height:0;display:grid;grid-template-rows:62px 1fr;overflow:hidden;background:var(--bg)}:where(.framediff-studio) .gen-header{display:flex;align-items:center;gap:14px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--panel)}:where(.framediff-studio) .gen-header>div{display:flex;flex-direction:column;gap:2px}:where(.framediff-studio) .gen-header span,:where(.framediff-studio) .gen-header small{color:var(--faint);font-family:var(--mono);font-size:8px}:where(.framediff-studio) .gen-header small.failed-status{color:var(--red)}:where(.framediff-studio) .gen-header select{margin-left:auto;max-width:300px;padding:6px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .gen-header select:disabled,:where(.framediff-studio) .draft-button:disabled{cursor:progress;filter:saturate(.3);opacity:.46}:where(.framediff-studio) .draft-button{margin-left:auto;padding:6px 10px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:9px;font-weight:700}:where(.framediff-studio) .draft-button:hover,:where(.framediff-studio) .draft-button:focus-visible{border-color:var(--accent);color:var(--text);outline:none}:where(.framediff-studio) .gen-grid{min-height:0;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(340px,1.1fr)}:where(.framediff-studio) .gen-form,:where(.framediff-studio) .gen-output{min-height:0;overflow-y:auto;padding:14px}:where(.framediff-studio) .gen-form{border-right:1px solid var(--line);transition:opacity .18s ease,filter .18s ease}:where(.framediff-studio) .draft-editor-shell.hidden{display:none}:where(.framediff-studio) .gen-prompt{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;color:var(--faint);font-size:9px;letter-spacing:.1em}:where(.framediff-studio) .gen-prompt textarea{min-height:76px;padding:8px;border:1px solid var(--line-strong);border-radius:7px;outline:none;resize:vertical;background:var(--panel-raised);color:var(--text);line-height:1.5}:where(.framediff-studio) .gen-prompt textarea:focus{border-color:var(--pink)}:where(.framediff-studio) .gen-choice{display:flex;gap:5px;align-items:center;min-width:0}:where(.framediff-studio) .gen-choice select{flex:1 1 auto}:where(.framediff-studio) .gen-audition{flex:none;width:26px;padding:5px 0;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--text);font-size:9px;line-height:1;cursor:pointer}:where(.framediff-studio) .gen-audition:hover{border-color:var(--accent);color:var(--accent)}:where(.framediff-studio) .gen-choice-error{grid-column:2;color:var(--warn, #e58a63);font-size:8.5px}:where(.framediff-studio) .gen-params{display:grid;grid-template-columns:1fr 1fr;gap:7px}:where(.framediff-studio) .gen-params label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:6px;color:var(--muted);font-size:9px}:where(.framediff-studio) .gen-params input,:where(.framediff-studio) .gen-params select,:where(.framediff-studio) .add-ref select{min-width:0;width:100%;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .gen-param-range{grid-column:2;margin-top:-4px;color:var(--muted);font:8px/1.2 var(--mono)}:where(.framediff-studio) .output-shape{margin-top:14px;padding:10px;border:1px solid color-mix(in srgb,var(--pink) 24%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--pink) 3%,var(--panel))}:where(.framediff-studio) .shape-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}:where(.framediff-studio) .shape-heading h3{margin:0 0 3px;color:var(--faint);font-size:9px;letter-spacing:.12em}:where(.framediff-studio) .shape-heading h3 small{color:var(--pink);font-size:7px;letter-spacing:.06em}:where(.framediff-studio) .shape-heading p{margin:0;color:var(--faint);font:8px/1.45 var(--mono)}:where(.framediff-studio) .shape-heading>button{flex:none;padding:6px 8px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:8px;font-weight:700}:where(.framediff-studio) .shape-heading>button:hover{border-color:var(--pink);color:var(--text)}:where(.framediff-studio) .shape-native{display:flex;align-items:center;gap:9px;margin-top:10px;padding:9px;border:1px dashed var(--line-strong);border-radius:6px}:where(.framediff-studio) .shape-native strong{color:var(--text);font:10px var(--mono)}:where(.framediff-studio) .shape-native span{color:var(--faint);font:8px/1.4 var(--mono)}:where(.framediff-studio) .shape-dimensions{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);align-items:end;gap:7px;margin:11px 0 9px}:where(.framediff-studio) .shape-dimensions label{display:flex;flex-direction:column;gap:4px;color:var(--faint);font:8px var(--mono)}:where(.framediff-studio) .shape-dimensions>i{padding-bottom:8px;color:var(--faint);font-style:normal}:where(.framediff-studio) .shape-dimensions input{min-width:0;width:100%;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised);color:var(--text)}:where(.framediff-studio) .shape-presets{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px}:where(.framediff-studio) .shape-presets button{padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--faint);cursor:pointer;font:7px var(--mono)}:where(.framediff-studio) .shape-presets button:hover{border-color:var(--pink);color:var(--text)}:where(.framediff-studio) .visual-adaptation{margin-top:8px}:where(.framediff-studio) .geometry-readout{display:grid;grid-template-columns:auto auto auto minmax(120px,1fr);align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#00000021}:where(.framediff-studio) .geometry-readout>div:not(.geometry-class){display:flex;flex-direction:column;gap:2px}:where(.framediff-studio) .geometry-readout span{color:var(--faint);font:7px var(--mono)}:where(.framediff-studio) .geometry-readout strong{color:var(--muted);font:9px var(--mono)}:where(.framediff-studio) .geometry-readout>i{color:var(--faint);font-style:normal}:where(.framediff-studio) .geometry-class{min-width:0;display:flex;flex-direction:column;gap:2px;padding-left:8px;border-left:1px solid var(--line)}:where(.framediff-studio) .geometry-class b{color:var(--pink);font-size:8px}:where(.framediff-studio) .geometry-class small{color:var(--faint);font:7px/1.35 var(--mono)}:where(.framediff-studio) .fit-options{display:grid;grid-template-columns:repeat(var(--fit-count),minmax(0,1fr));gap:5px;margin-top:7px}:where(.framediff-studio) .fit-options button{position:relative;min-width:0;min-height:52px;display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;text-align:left}:where(.framediff-studio) .fit-options button strong{color:var(--text);font-size:9px}:where(.framediff-studio) .fit-options button small{color:var(--faint);font:7px/1.35 var(--mono)}:where(.framediff-studio) .fit-options button em{position:absolute;top:5px;right:5px;color:var(--pink);font:600 6px var(--mono)}:where(.framediff-studio) .fit-options button.selected{border-color:var(--pink);background:color-mix(in srgb,var(--pink) 9%,var(--panel-raised))}:where(.framediff-studio) .crop-editor{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(170px,1.1fr);gap:9px;margin-top:9px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#00000029}:where(.framediff-studio) .crop-stage{position:relative;min-height:90px;overflow:hidden;border:1px solid var(--line-strong);border-radius:5px;background:#090807;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}:where(.framediff-studio) .crop-stage.dragging{cursor:grabbing}:where(.framediff-studio) .crop-media{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 67% 35%,#d9a379 0 7%,transparent 7.5%),linear-gradient(135deg,#8c6059,#263440 58%,#15191d)}:where(.framediff-studio) .crop-media span{padding:3px 5px;border-radius:3px;background:#0000008c;color:#ffffff8c;font:6px var(--mono);text-transform:uppercase}:where(.framediff-studio) .crop-region{position:absolute;border:1.5px solid var(--pink);background:#d5a9e80f;box-shadow:0 0 0 999px #00000091;pointer-events:none}:where(.framediff-studio) .crop-region:before,:where(.framediff-studio) .crop-region:after{content:"";position:absolute;pointer-events:none}:where(.framediff-studio) .crop-region:before{top:0;right:33.333%;bottom:0;left:33.333%;border-inline:1px solid rgb(255 255 255 / 24%)}:where(.framediff-studio) .crop-region:after{top:33.333%;right:0;bottom:33.333%;left:0;border-block:1px solid rgb(255 255 255 / 24%)}:where(.framediff-studio) .crop-region>i{position:absolute;width:5px;height:5px;border:1px solid var(--pink);background:var(--panel)}:where(.framediff-studio) .crop-region>i:nth-child(1){top:-3px;left:-3px}:where(.framediff-studio) .crop-region>i:nth-child(2){top:-3px;right:-3px}:where(.framediff-studio) .crop-region>i:nth-child(3){bottom:-3px;left:-3px}:where(.framediff-studio) .crop-region>i:nth-child(4){right:-3px;bottom:-3px}:where(.framediff-studio) .crop-region>span{position:absolute;right:3px;bottom:3px;padding:2px 3px;background:#00000094;color:var(--text);font:6px var(--mono)}:where(.framediff-studio) .crop-controls{display:flex;flex-direction:column;justify-content:center;gap:6px}:where(.framediff-studio) .crop-controls label{display:grid;grid-template-columns:60px 1fr 28px;align-items:center;gap:5px;color:var(--faint);font:7px var(--mono)}:where(.framediff-studio) .crop-controls input{width:100%;accent-color:var(--pink)}:where(.framediff-studio) .crop-controls output{color:var(--muted);text-align:right}:where(.framediff-studio) .crop-editor>code{grid-column:1 / -1;color:var(--faint);font:7px var(--mono);text-align:right}:where(.framediff-studio) .matte-control{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:7px;margin-top:8px;color:var(--faint);font:7px var(--mono)}:where(.framediff-studio) .matte-control input{width:34px;height:25px;padding:2px;border:1px solid var(--line);border-radius:4px;background:var(--panel-raised)}:where(.framediff-studio) .matte-control code{color:var(--muted)}:where(.framediff-studio) .scaling-note{margin:7px 0 0;color:var(--faint);font:7px/1.4 var(--mono)}:where(.framediff-studio) .gen-refs{margin-top:14px;padding:1px 8px 8px;border:1px solid transparent;border-radius:8px;transition:border-color .12s,background .12s}:where(.framediff-studio) .gen-refs.drag-over{border-color:var(--pink);background:color-mix(in srgb,var(--pink) 8%,transparent)}:where(.framediff-studio) .gen-refs h3,:where(.framediff-studio) .gen-output h3{color:var(--faint);font-size:9px;letter-spacing:.12em}:where(.framediff-studio) .gen-refs h3 small{float:right;color:var(--muted);font-size:8px;font-weight:500;letter-spacing:.05em;text-transform:none}:where(.framediff-studio) .gen-refs>div:not(.add-ref):not(.input-adaptation){display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:6px;padding:6px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .gen-refs>div.selected:not(.input-adaptation){background:color-mix(in srgb,var(--pink) 6%,transparent)}:where(.framediff-studio) .gen-refs>div:not(.input-adaptation):not(.add-ref)>b{color:var(--pink);font-size:9px}:where(.framediff-studio) .gen-refs>div:not(.input-adaptation):not(.add-ref)>button{border:0;background:none;color:var(--faint);cursor:pointer}:where(.framediff-studio) .gen-refs .ref-select{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:3px 0;text-align:left}:where(.framediff-studio) .gen-refs .ref-select span{max-width:100%}:where(.framediff-studio) .gen-refs .ref-select small{max-width:100%;overflow:hidden;color:var(--faint);font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .gen-refs .ref-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:3px 0}:where(.framediff-studio) .gen-workbench .ref-link{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;text-align:left}:where(.framediff-studio) .gen-workbench .ref-link span{overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .gen-workbench .ref-link i{flex:0 0 auto;color:var(--faint);font-size:9px;font-style:normal}:where(.framediff-studio) .gen-workbench .ref-link:hover{color:var(--text)}:where(.framediff-studio) .gen-workbench .ref-link:hover span{text-decoration:underline}:where(.framediff-studio) .gen-workbench .ref-link:hover i{color:var(--pink)}:where(.framediff-studio) .gen-refs .ref-geometry{max-width:100%;overflow:hidden;padding:0;border:0;background:none;color:var(--faint);cursor:pointer;font:7px var(--mono);text-align:left;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .gen-refs .ref-geometry:hover,:where(.framediff-studio) .gen-refs .ref-geometry[aria-pressed=true]{color:var(--pink)}:where(.framediff-studio) .add-ref{display:grid;grid-template-columns:80px 1fr auto;gap:6px;margin-top:8px}:where(.framediff-studio) .add-ref button{border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer}:where(.framediff-studio) .input-adaptation{margin-top:10px;padding:10px;border:1px solid color-mix(in srgb,var(--pink) 28%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--pink) 4%,var(--panel))}:where(.framediff-studio) .provider-missing{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid rgb(240 200 116 / 28%);border-radius:7px;background:#f0c8740d}:where(.framediff-studio) .provider-missing>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}:where(.framediff-studio) .provider-missing strong{color:var(--yellow);font-size:9px}:where(.framediff-studio) .provider-missing span{color:var(--muted);font-size:8px;line-height:1.4}:where(.framediff-studio) .provider-missing button{flex:none;padding:7px 9px;border:1px solid rgb(240 200 116 / 35%);border-radius:5px;background:var(--panel-raised);color:var(--yellow);cursor:pointer;font-size:8px;font-weight:800}:where(.framediff-studio) .generate-button{width:100%;margin-top:12px;padding:9px;border:0;border-radius:7px;background:linear-gradient(135deg,#a98fd4,var(--pink));color:#221833;cursor:pointer;font-weight:800}:where(.framediff-studio) .generate-button:disabled{filter:saturate(.3);opacity:.45;cursor:default}:where(.framediff-studio) .take-inspector{display:flex;flex-direction:column}:where(.framediff-studio) .take-inspector>h3{margin:14px 0 7px;color:var(--faint);font-size:9px;letter-spacing:.12em}:where(.framediff-studio) .take-inspector-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}:where(.framediff-studio) .take-inspector-heading>div{display:flex;flex-direction:column;gap:2px}:where(.framediff-studio) .take-inspector-heading span,:where(.framediff-studio) .take-inspector-heading small{color:var(--faint);font-family:var(--mono);font-size:8px;letter-spacing:.08em}:where(.framediff-studio) .gen-prompt.historical textarea{cursor:text;background:color-mix(in srgb,var(--panel-raised) 82%,transparent);color:var(--muted)}:where(.framediff-studio) .take-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px}:where(.framediff-studio) .take-settings>div{min-width:0;display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised)}:where(.framediff-studio) .take-settings span{color:var(--faint);font-size:8px;letter-spacing:.08em;text-transform:uppercase}:where(.framediff-studio) .take-settings strong,:where(.framediff-studio) .take-settings code{overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .take-settings .take-endpoint{grid-column:1 / -1}:where(.framediff-studio) .take-inputs{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised)}:where(.framediff-studio) .take-inputs>div{min-width:0;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .take-inputs>div:last-child{border-bottom:0}:where(.framediff-studio) .take-inputs b{color:var(--pink);font-size:9px}:where(.framediff-studio) .take-inputs span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .take-inputs .cached-input-link{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--line-strong);border-radius:4px;color:var(--muted);font:700 8px/1 var(--mono);text-decoration:none;white-space:nowrap}:where(.framediff-studio) .take-inputs .cached-input-link i{color:var(--faint);font-style:normal}:where(.framediff-studio) .take-inputs .cached-input-link:hover,:where(.framediff-studio) .take-inputs .cached-input-link:focus-visible{border-color:var(--accent);color:var(--text);outline:none}:where(.framediff-studio) .take-inputs .cached-input-link:hover i,:where(.framediff-studio) .take-inputs .cached-input-link:focus-visible i{color:var(--pink)}:where(.framediff-studio) .take-inputs p,:where(.framediff-studio) .take-unavailable{margin:0;padding:14px;color:var(--faint);font-size:9px}:where(.framediff-studio) .take-unavailable{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised)}:where(.framediff-studio) .take-unavailable strong{color:var(--muted)}:where(.framediff-studio) .active-attempt-inspector{display:grid;gap:10px;margin-bottom:12px;padding:11px;border:1px solid color-mix(in srgb,var(--pink) 48%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--pink) 6%,var(--panel))}:where(.framediff-studio) .active-attempt-inspector>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}:where(.framediff-studio) .active-attempt-inspector>header>div{min-width:0;display:grid;gap:3px}:where(.framediff-studio) .active-attempt-inspector>header span,:where(.framediff-studio) .active-attempt-inspector>header small,:where(.framediff-studio) .active-attempt-prompt>span,:where(.framediff-studio) .active-attempt-inputs>span{color:var(--faint);font:750 7px/1.2 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .active-attempt-inspector>header strong{color:var(--text);font-size:12px}:where(.framediff-studio) .active-attempt-inspector>header button{width:24px;height:24px;border:1px solid var(--line-strong);border-radius:5px;color:var(--muted);background:var(--panel-raised);cursor:pointer}:where(.framediff-studio) .active-attempt-prompt{display:grid;gap:5px}:where(.framediff-studio) .active-attempt-prompt p{max-height:78px;margin:0;padding:8px;overflow:auto;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--panel-raised);font:9px/1.45 var(--mono);white-space:pre-wrap}:where(.framediff-studio) .active-attempt-inputs{display:grid;gap:5px}:where(.framediff-studio) .active-attempt-inputs>div{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border:1px solid var(--line);border-radius:5px;background:var(--panel-raised)}:where(.framediff-studio) .active-attempt-inputs b{color:var(--pink);font-size:8px}:where(.framediff-studio) .active-attempt-inputs div>span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .active-attempt-inputs code{color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .active-attempt-inputs p{margin:0;color:var(--faint);font-size:8px}:where(.framediff-studio) .gen-preview{position:relative;min-height:220px;margin-bottom:12px;overflow:hidden;border-radius:8px;background:#080706}:where(.framediff-studio) .gen-preview video,:where(.framediff-studio) .gen-preview img{width:100%;height:100%;display:block;object-fit:contain}:where(.framediff-studio) .scene-take-preview{position:absolute;top:0;right:0;bottom:0;left:0}:where(.framediff-studio) .scene-take-preview .synchronized-composition-preview{width:100%;height:100%}:where(.framediff-studio) .draft-preview-slate{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 35%,rgb(240 180 95 / 10%),transparent 58%),var(--panel-raised);color:var(--muted)}:where(.framediff-studio) .draft-preview-slate strong{color:var(--accent);font:800 11px var(--mono);letter-spacing:.14em}:where(.framediff-studio) .draft-preview-slate span{color:var(--text);font-size:15px}:where(.framediff-studio) .draft-preview-slate small{max-width:34em;color:var(--faint);font:9px/1.5 var(--mono)}:where(.framediff-studio) .submitted-preview-slate{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--pink) 12%,transparent),transparent 58%),var(--panel-raised)}:where(.framediff-studio) .submitted-preview-slate strong{color:var(--pink)}:where(.framediff-studio) .generation-state-summary{min-height:120px;justify-content:center}:where(.framediff-studio) .gen-compare{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:9px;background:radial-gradient(circle at 50% -20%,rgb(107 176 191 / 13%),transparent 55%),#080a0c}:where(.framediff-studio) .gen-compare>header{display:flex;align-items:center;justify-content:space-between;gap:12px}:where(.framediff-studio) .gen-compare>header>span{color:var(--text);font:800 8px/1 var(--mono);letter-spacing:.14em}:where(.framediff-studio) .gen-compare>header>small{display:inline-flex;align-items:center;gap:5px;color:var(--faint);font:7px/1 var(--mono)}:where(.framediff-studio) .gen-compare>header i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #72d39c94}:where(.framediff-studio) .compare-panes{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}:where(.framediff-studio) .compare-panes figure{min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#050607}:where(.framediff-studio) .compare-monitor{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#030405}:where(.framediff-studio) .compare-monitor video,:where(.framediff-studio) .synchronized-composition-preview{width:100%;height:100%;display:block;object-fit:contain}:where(.framediff-studio) .compare-bake-fallback{width:100%;height:100%;display:grid;place-content:center;gap:7px;padding:18px;border:0;background:radial-gradient(circle at 50% 35%,rgb(255 186 106 / 12%),transparent 58%),#080a0c;color:var(--text);text-align:center;cursor:pointer}:where(.framediff-studio) .compare-bake-fallback strong{color:var(--accent);font:800 9px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}:where(.framediff-studio) .compare-bake-fallback span{color:var(--faint);font:7px/1.3 var(--mono)}:where(.framediff-studio) .compare-bake-fallback:hover strong,:where(.framediff-studio) .compare-bake-fallback:focus-visible strong{color:var(--text)}:where(.framediff-studio) .compare-bake-fallback:focus-visible{outline:1px solid var(--accent);outline-offset:-3px}:where(.framediff-studio) .compare-panes figcaption{min-width:0;display:flex;align-items:center;gap:7px;padding:6px 7px;border-top:1px solid var(--line)}:where(.framediff-studio) .compare-panes figcaption b{flex:none;color:var(--accent);font:800 7px/1 var(--mono);letter-spacing:.1em}:where(.framediff-studio) .compare-panes figure:last-child figcaption b{color:var(--pink)}:where(.framediff-studio) .compare-panes figcaption span{min-width:0;overflow:hidden;color:var(--faint);font:7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .compare-transport{display:grid;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:7px}:where(.framediff-studio) .compare-transport button{width:28px;height:26px;padding:0;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--text);cursor:pointer;font-size:9px}:where(.framediff-studio) .compare-transport button:hover,:where(.framediff-studio) .compare-transport button:focus-visible{border-color:var(--accent);outline:none}:where(.framediff-studio) .compare-transport input{width:100%;accent-color:var(--accent)}:where(.framediff-studio) .compare-transport output{color:var(--muted);font:8px/1 var(--mono);text-align:right}:where(.framediff-studio) .audio-take-preview{width:100%;height:100%;display:grid;place-content:center;gap:8px;padding:24px;box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(195,165,223,.16),transparent 58%)}:where(.framediff-studio) .audio-take-preview span{color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.12em}:where(.framediff-studio) .audio-take-preview strong{font-size:18px}:where(.framediff-studio) .audio-take-preview audio{width:min(320px,100%)}:where(.framediff-studio) .preview-label{position:absolute;top:8px;left:8px;padding:4px 6px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#05070ac2;color:#ffffffc2;font-family:var(--mono);font-size:8px;letter-spacing:.1em;pointer-events:none}:where(.framediff-studio) .takes-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}:where(.framediff-studio) .takes-heading h3{margin:0}:where(.framediff-studio) .takes-heading button{padding:5px 9px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font-size:9px;font-weight:700}:where(.framediff-studio) .takes-heading button:hover:not(:disabled),:where(.framediff-studio) .takes-heading button:focus-visible{border-color:var(--accent);color:var(--text);outline:none}:where(.framediff-studio) .takes-heading button:disabled{opacity:.45;cursor:default}:where(.framediff-studio) .gen-take{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:5px;margin-bottom:6px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--panel-raised)}:where(.framediff-studio) .gen-take.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel-raised));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 58%,transparent)}:where(.framediff-studio) .gen-take.draft{border-style:dashed;border-color:#f0b45f66;background:#f0b45f0f}:where(.framediff-studio) .gen-take.draft b{color:var(--accent)}:where(.framediff-studio) .gen-take.draft.selected{border-color:var(--accent)}:where(.framediff-studio) .gen-take.generating{grid-template-columns:minmax(0,1fr) auto;border-color:color-mix(in srgb,var(--pink) 58%,var(--line));background:color-mix(in srgb,var(--pink) 7%,var(--panel-raised))}:where(.framediff-studio) .gen-take.generating .take-preview{cursor:pointer}:where(.framediff-studio) .gen-take.generating .take-preview:disabled{cursor:progress}:where(.framediff-studio) .gen-take.generating .take-preview b{color:var(--pink)}:where(.framediff-studio) .gen-take.failed{grid-template-columns:minmax(0,1fr) auto;align-items:start;border-color:#f0747075;background:#f0747012}:where(.framediff-studio) .gen-take.failed .take-preview{align-items:flex-start;flex-direction:column;gap:4px;cursor:default;white-space:normal}:where(.framediff-studio) .gen-take.failed .take-preview b{color:var(--red)}:where(.framediff-studio) .gen-take.failed .take-preview strong{color:var(--text);font-size:9px}:where(.framediff-studio) .gen-take.failed .take-preview span{overflow:visible;color:var(--muted);line-height:1.45;text-overflow:clip;white-space:normal}:where(.framediff-studio) .gen-take.failed .take-preview small{color:var(--faint);font:8px/1.35 var(--mono)}:where(.framediff-studio) .failed-take-actions{display:flex;align-items:flex-end;flex-direction:column;gap:7px;padding:4px}:where(.framediff-studio) .failed-take-actions code{color:var(--faint);font:8px/1 var(--mono)}:where(.framediff-studio) .failed-take-actions button{min-width:118px;padding:7px 8px;border:1px solid rgb(240 116 112 / 38%);border-radius:5px;background:var(--panel-raised);color:var(--text);cursor:pointer;font-size:8px;font-weight:800}:where(.framediff-studio) .failed-take-actions button:hover,:where(.framediff-studio) .failed-take-actions button:focus-visible{border-color:var(--red);outline:none}:where(.framediff-studio) .failed-take-actions small{color:var(--faint);font:8px/1.3 var(--mono);text-align:right}:where(.framediff-studio) .take-generating-state{display:inline-flex;align-items:center;gap:6px;padding:0 8px;color:var(--pink);font:800 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}:where(.framediff-studio) .take-generating-state i{width:9px;height:9px;border:1.5px solid color-mix(in srgb,var(--pink) 28%,transparent);border-top-color:var(--pink);border-radius:50%;animation:gen-take-spin .8s linear infinite}@keyframes gen-take-spin{to{transform:rotate(360deg)}}:where(.framediff-studio) .draft-take{width:100%;color:var(--muted);cursor:pointer;font:inherit;text-align:left}:where(.framediff-studio) .draft-take .take-preview{width:100%}:where(.framediff-studio) .draft-take:hover .take-preview,:where(.framediff-studio) .draft-take:focus-visible .take-preview{color:var(--text)}:where(.framediff-studio) .draft-take:focus-visible{outline:1px solid var(--accent);outline-offset:1px}:where(.framediff-studio) .gen-take.pinned:not(.selected){border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel-raised))}:where(.framediff-studio) .take-preview,:where(.framediff-studio) .take-use{border:0;background:transparent;color:var(--muted);cursor:pointer}:where(.framediff-studio) .take-preview{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 6px;text-align:left}:where(.framediff-studio) .take-preview b{white-space:nowrap}:where(.framediff-studio) .take-preview:hover,:where(.framediff-studio) .take-preview:focus-visible{color:var(--text);outline:none}:where(.framediff-studio) .take-preview span{overflow:hidden;color:var(--faint);font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .take-use{padding:0 9px;border-left:1px solid var(--line);font-size:9px;font-weight:700;white-space:nowrap}:where(.framediff-studio) .take-use:hover:not(:disabled),:where(.framediff-studio) .take-use:focus-visible{color:var(--text);outline:none}:where(.framediff-studio) .take-use:disabled{color:var(--green);cursor:default}:where(.framediff-studio) .take-download{display:inline-flex;align-items:center;gap:5px;margin:1px;padding:0 8px;border:1px solid var(--line-strong);border-radius:5px;color:var(--muted);font-size:9px;font-weight:700;text-decoration:none;white-space:nowrap}:where(.framediff-studio) .take-download:hover,:where(.framediff-studio) .take-download:focus-visible{border-color:var(--accent);color:var(--text);outline:none}:where(.framediff-studio) .take-download svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}@keyframes fd-selection-in{0%{opacity:.35;scale:.985}to{opacity:1;scale:1}}@keyframes fd-path-in{0%{opacity:.25}to{opacity:1}}@keyframes fd-panel-in{0%{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes fd-hud-in{0%{opacity:0;transform:translate(-50%) translateY(-5px) scale(.985)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes fd-chip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fd-record-pulse{0%,to{opacity:1;scale:1}50%{opacity:.55;scale:.82}}@keyframes fd-record-target{0%,to{box-shadow:0 0 0 1px #0000008c,0 0 0 4px #f0748412,0 0 26px #f074842e}50%{box-shadow:0 0 0 1px #0000008c,0 0 0 7px #f074841c,0 0 40px #f0748447}}@keyframes fd-hud-nudge{0%{transform:translate(-50%)}35%{transform:translate(calc(-50% - 5px))}70%{transform:translate(calc(-50% + 4px))}to{transform:translate(-50%)}}@media(min-width:1201px){.framediff-studio.left-collapsed>main{grid-template-columns:0 minmax(0,1fr) 320px}.framediff-studio.right-collapsed>main{grid-template-columns:260px minmax(0,1fr) 0}.framediff-studio.left-collapsed.right-collapsed>main{grid-template-columns:0 minmax(0,1fr) 0}.framediff-studio.rich-timeline-edit.left-collapsed>main{grid-template-columns:0 minmax(0,1fr) 292px}.framediff-studio.rich-timeline-edit.right-collapsed>main{grid-template-columns:260px minmax(0,1fr) 0}.framediff-studio.rich-timeline-edit.left-collapsed.right-collapsed>main{grid-template-columns:0 minmax(0,1fr) 0}.framediff-studio.left-collapsed .left-panel,.framediff-studio.right-collapsed .right-panel{visibility:hidden;pointer-events:none}:where(.framediff-studio.left-collapsed) .compact-left-button,:where(.framediff-studio.right-collapsed) .compact-panel-button{display:inline-flex}:where(.framediff-studio.left-collapsed) .left-panel-expand{display:inline-grid}}@media(min-width:801px)and (max-width:1200px){.framediff-studio.left-collapsed>main,.framediff-studio.rich-timeline-edit.left-collapsed>main{grid-template-columns:0 minmax(0,1fr)}.framediff-studio.left-collapsed .left-panel{visibility:hidden;pointer-events:none}:where(.framediff-studio.left-collapsed) .compact-left-button{display:inline-flex}:where(.framediff-studio.left-collapsed) .left-panel-expand{display:inline-grid}}@media(max-width:1200px){:where(.framediff-studio) .topbar{gap:6px;padding:0 8px}:where(.framediff-studio) .top-status,:where(.framediff-studio) .current .file{display:none}:where(.framediff-studio) .studio-brand{gap:6px}:where(.framediff-studio) .current{min-width:70px;flex:1;overflow:hidden}:where(.framediff-studio) .breadcrumb button{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .top-group{gap:3px;padding-left:0;border-left:0}:where(.framediff-studio) .top-action{padding:5px 6px}.framediff-studio .render{padding:6px 8px}:where(.framediff-studio) .compact-panel-button{display:inline-flex;padding:5px 7px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 8px/1 var(--mono);letter-spacing:.07em}.framediff-studio>main{grid-template-columns:260px minmax(0,1fr)}.framediff-studio.rich-timeline-edit>main{grid-template-columns:260px minmax(0,1fr)}:where(.framediff-studio) .right-panel{position:fixed;z-index:70;top:48px;right:0;bottom:0;width:min(360px,calc(100vw - 40px));display:none;border-left-color:var(--line-strong);box-shadow:-20px 0 70px #0000008c}:where(.framediff-studio) .right-panel.compact-open{display:grid}:where(.framediff-studio) .right-panel .panel-collapse{display:none}:where(.framediff-studio) .right-panel .panel-close{flex:none;width:26px;display:inline-grid;place-items:center;border:1px solid var(--line);font-size:14px}:where(.framediff-studio) .panel-scrim.right{position:fixed;z-index:65;top:48px;right:0;bottom:0;left:0;display:block;padding:0;border:0;background:#0404036b;cursor:default}}@media(max-width:1100px){:where(.framediff-studio) .git-status,:where(.framediff-studio) .studio-guide-button,:where(.framediff-studio) .top-action:nth-child(-n+2){display:none}}@media(max-width:900px){:where(.framediff-studio) .edition{display:none}.framediff-studio>main{grid-template-columns:230px minmax(0,1fr)}.framediff-studio.rich-timeline-edit>main{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:800px){.framediff-studio{grid-template-rows:52px minmax(0,1fr)}:where(.framediff-studio) .topbar{gap:5px;padding:0 7px}:where(.framediff-studio) .studio-brand{flex:none}:where(.framediff-studio) .studio-brand strong,:where(.framediff-studio) .edition,:where(.framediff-studio) .top-status,:where(.framediff-studio) .git-status,:where(.framediff-studio) .studio-guide-button,:where(.framediff-studio) .top-group{display:none}:where(.framediff-studio) .studio-brand .mark{width:22px;height:22px}:where(.framediff-studio) .up-button{flex:none;width:36px;height:36px}:where(.framediff-studio) .current{min-width:0;flex:1}:where(.framediff-studio) .breadcrumb button:not(.active),:where(.framediff-studio) .crumb-separator,:where(.framediff-studio) .current .kind,:where(.framediff-studio) .current .file{display:none}:where(.framediff-studio) .breadcrumb button.active{max-width:100%;padding:7px 5px;font-size:10px}:where(.framediff-studio) .compact-left-button,:where(.framediff-studio) .compact-panel-button,:where(.framediff-studio) .mobile-actions-button{min-width:44px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel-raised);color:var(--muted);cursor:pointer;font:800 7px/1 var(--mono);letter-spacing:.05em}:where(.framediff-studio) .compact-left-button{order:1}:where(.framediff-studio) .up-button{order:2}:where(.framediff-studio) .current{order:3}:where(.framediff-studio) .compact-panel-button{order:4}:where(.framediff-studio) .mobile-actions-button{order:5}:where(.framediff-studio) .mobile-actions-button.active{border-color:var(--accent);color:var(--text)}:where(.framediff-studio) .mobile-actions-menu{top:58px;right:7px;left:7px;max-height:calc(100dvh - 65px);display:flex;flex-direction:column;gap:11px;overflow-y:auto;padding:12px;border:1px solid var(--line-strong);border-radius:10px;background:#131110fa;box-shadow:0 24px 80px #000000b8}:where(.framediff-studio) .mobile-actions-heading button{width:36px;height:36px;padding:0}:where(.framediff-studio) .mobile-menu-action{min-height:42px}:where(.framediff-studio) .mobile-actions-menu .render-control{justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}:where(.framediff-studio) .mobile-actions-menu .render{min-height:40px;padding-inline:14px}:where(.framediff-studio) .mobile-actions-menu .render-library-toggle{width:40px;height:40px}:where(.framediff-studio) .mobile-actions-menu .render-library{position:fixed;top:58px;right:7px;left:7px;width:auto;max-height:calc(100dvh - 65px)}.framediff-studio>main{grid-template-columns:minmax(0,1fr)}.framediff-studio.rich-timeline-edit>main{grid-template-columns:minmax(0,1fr)}:where(.framediff-studio) .left-panel{position:fixed;z-index:70;top:52px;bottom:0;left:0;width:min(320px,calc(100vw - 32px));display:none;border-right-color:var(--line-strong);box-shadow:20px 0 70px #0000008c}:where(.framediff-studio) .left-panel.compact-open{display:grid}:where(.framediff-studio) .left-panel .panel-close{flex:none;width:36px;display:inline-grid;place-items:center;border:1px solid var(--line);font-size:17px}:where(.framediff-studio) .left-panel .panel-collapse{display:none}:where(.framediff-studio) .right-panel{top:52px;width:min(380px,calc(100vw - 24px))}:where(.framediff-studio) .panel-scrim.left,:where(.framediff-studio) .panel-scrim.right{position:fixed;z-index:65;top:52px;right:0;bottom:0;left:0;display:block;padding:0;border:0;background:#0404036b;cursor:default}:where(.framediff-studio) .panel-tabs{min-height:44px;align-items:stretch;padding:5px 7px}:where(.framediff-studio) .panel-tabs button{min-height:34px}:where(.framediff-studio) .workspace{grid-template-rows:40px minmax(180px,1fr) 48px minmax(170px,38%)}:where(.framediff-studio) .workspace.guided{grid-template-rows:auto 40px minmax(180px,1fr) 48px minmax(170px,38%)}.framediff-studio.rich-timeline-edit .workspace.rich-timeline-workspace{grid-template-rows:minmax(0,1fr) 42px minmax(170px,43%)}.framediff-studio.rich-timeline-edit .workspace.rich-timeline-workspace.guided{grid-template-rows:auto minmax(0,1fr) 42px minmax(170px,43%)}:where(.framediff-studio) .workspace.timeline-hidden{grid-template-rows:40px minmax(180px,1fr) 48px}:where(.framediff-studio) .workspace.timeline-hidden.guided{grid-template-rows:auto 40px minmax(180px,1fr) 48px}:where(.framediff-studio) .workspace.transport-hidden{grid-template-rows:40px minmax(0,1fr)}:where(.framediff-studio) .workspace.transport-hidden.guided{grid-template-rows:auto 40px minmax(0,1fr)}:where(.framediff-studio) .workspace.generate-workspace{grid-template-rows:40px minmax(0,1fr)}:where(.framediff-studio) .workspace.generate-workspace.guided{grid-template-rows:auto 40px minmax(0,1fr)}:where(.framediff-studio) .workspace.script-workspace{grid-template-rows:40px minmax(0,1fr)}:where(.framediff-studio) .workspace.script-workspace.guided{grid-template-rows:auto 40px minmax(0,1fr)}:where(.framediff-studio) .composition-frame-bar{padding-inline:9px}:where(.framediff-studio) .composition-frame-identity>small{display:none}:where(.framediff-studio) .composition-bake-state{display:none}:where(.framediff-studio) .composition-bake-button{min-height:30px}:where(.framediff-studio) .preview-panel{padding:10px 12px 8px}:where(.framediff-studio) .transport{gap:6px;padding:0 9px}:where(.framediff-studio) .transport .t-play{width:32px;height:32px}:where(.framediff-studio) .transport .t-step{width:28px;height:28px}:where(.framediff-studio) .transport .t-hint{display:none}:where(.framediff-studio) .timeline-header{min-width:0;padding-inline:8px}:where(.framediff-studio) .timeline-header .summary{display:none}:where(.framediff-studio) .tl-zoom button{min-width:30px;height:26px}:where(.framediff-studio) .tl-zoom input[type=range]{width:64px;height:26px}:where(.framediff-studio) .tl-zoom .zoom-readout{display:none}:where(.framediff-studio) .guide-task-bar{grid-template-columns:minmax(0,1fr) auto 28px;grid-template-rows:auto auto;gap:6px 8px;padding:8px}:where(.framediff-studio) .guide-task-bar>p{grid-column:1 / -1;grid-row:2}:where(.framediff-studio) .guide-task-bar>button.task-guide{display:none}:where(.framediff-studio) .guide-task-bar>button.task-done{grid-column:2;grid-row:1}:where(.framediff-studio) .guide-task-bar>button.task-close{grid-column:3;grid-row:1;width:28px;height:28px}:where(.framediff-studio) .composition-row{min-height:44px;padding-block:10px}:where(.framediff-studio) .row-actions{right:7px;gap:5px;opacity:1}:where(.framediff-studio) .row-action{width:28px;height:28px}:where(.framediff-studio) .composition-item .composition-row{padding-right:70px}:where(.framediff-studio) .rail-new{width:28px;height:28px}:where(.framediff-studio) .composition-search input{padding-block:10px}:where(.framediff-studio) .inspector-section label{grid-template-columns:72px minmax(0,1fr) 32px}:where(.framediff-studio) .inspector-section input,:where(.framediff-studio) .inspector-section select{min-height:36px}:where(.framediff-studio) .resize-handle{width:14px;height:14px}:where(.framediff-studio) .resize-handle.nw{left:-7px;top:-7px}:where(.framediff-studio) .resize-handle.n{left:calc(50% - 7px);top:-7px}:where(.framediff-studio) .resize-handle.ne{right:-7px;top:-7px}:where(.framediff-studio) .resize-handle.e{right:-7px;top:calc(50% - 7px)}:where(.framediff-studio) .resize-handle.se{right:-7px;bottom:-7px}:where(.framediff-studio) .resize-handle.s{left:calc(50% - 7px);bottom:-7px}:where(.framediff-studio) .resize-handle.sw{left:-7px;bottom:-7px}:where(.framediff-studio) .resize-handle.w{left:-7px;top:calc(50% - 7px)}:where(.framediff-studio) .agent-check-panel{top:59px;right:7px;width:calc(100vw - 14px);max-height:calc(100dvh - 66px)}:where(.framediff-studio) .cache-drawer,:where(.framediff-studio) .services-drawer{top:52px;width:100vw;border-left:0}:where(.framediff-studio) .gen-workbench{grid-template-rows:auto minmax(0,1fr)}:where(.framediff-studio) .gen-header{flex-wrap:wrap;gap:8px;padding:9px 10px}:where(.framediff-studio) .gen-header select{min-width:0;max-width:55%}:where(.framediff-studio) .gen-grid{display:block;overflow-y:auto}:where(.framediff-studio) .gen-form,:where(.framediff-studio) .gen-output{overflow:visible;padding:12px}:where(.framediff-studio) .gen-form{border-right:0;border-bottom:1px solid var(--line)}:where(.framediff-studio) .camera-rig-shade{padding:0}:where(.framediff-studio) .camera-rig-editor{grid-template-rows:52px minmax(0,1fr);border:0;border-radius:0}:where(.framediff-studio) .inspector .camera-rig-header{grid-template-columns:minmax(0,1fr) 36px;gap:8px;padding:0 8px 0 12px}:where(.framediff-studio) .inspector .camera-rig-endpoints{display:none}:where(.framediff-studio) .camera-rig-workspace{display:block;overflow-y:auto}:where(.framediff-studio) .camera-rig-scene{min-height:48dvh}:where(.framediff-studio) .camera-rig-properties{overflow:visible;border-top:1px solid rgb(143 201 236 / 17%);border-left:0}:where(.framediff-studio) .camera-rig-toolbar{overflow-x:auto}:where(.framediff-studio) .camera-rig-toolset{flex:none}}@media(max-width:520px){:where(.framediff-studio) .studio-brand{display:none}:where(.framediff-studio) .mobile-actions-grid{grid-template-columns:1fr 1fr}:where(.framediff-studio) .sheet-shade{align-items:end}:where(.framediff-studio) .sheet{width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:12px 12px 0 0}:where(.framediff-studio) .sheet>label{grid-template-columns:1fr;gap:5px}:where(.framediff-studio) .computed{padding-left:0}:where(.framediff-studio) .creation-summary{margin-left:0}:where(.framediff-studio) .composition-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.framediff-studio) .composition-choice-grid legend small{float:none;margin-left:7px}:where(.framediff-studio) .agent-frame-result{grid-template-columns:96px minmax(0,1fr)}:where(.framediff-studio) .agent-frame-result img{width:96px}:where(.framediff-studio) .cache-list>div{grid-template-columns:96px minmax(0,1fr)}:where(.framediff-studio) .gen-params,:where(.framediff-studio) .take-settings{grid-template-columns:1fr}:where(.framediff-studio) .take-settings .take-endpoint{grid-column:auto}}@media(max-width:390px){:where(.framediff-studio) .up-button{display:none}:where(.framediff-studio) .compact-left-button,:where(.framediff-studio) .compact-panel-button,:where(.framediff-studio) .mobile-actions-button{min-width:42px;padding-inline:5px}:where(.framediff-studio) .transport .duration{display:none}}@media(max-height:620px){:where(.framediff-studio) .workspace{grid-template-rows:34px minmax(140px,1fr) 42px minmax(100px,35%)}:where(.framediff-studio) .workspace.guided{grid-template-rows:auto 34px minmax(140px,1fr) 42px minmax(100px,35%)}:where(.framediff-studio) .workspace.timeline-hidden{grid-template-rows:34px minmax(140px,1fr) 42px}:where(.framediff-studio) .workspace.timeline-hidden.guided{grid-template-rows:auto 34px minmax(140px,1fr) 42px}:where(.framediff-studio) .workspace.transport-hidden{grid-template-rows:34px minmax(0,1fr)}:where(.framediff-studio) .workspace.transport-hidden.guided{grid-template-rows:auto 34px minmax(0,1fr)}:where(.framediff-studio) .workspace.generate-workspace{grid-template-rows:34px minmax(0,1fr)}:where(.framediff-studio) .workspace.generate-workspace.guided{grid-template-rows:auto 34px minmax(0,1fr)}:where(.framediff-studio) .workspace.script-workspace{grid-template-rows:34px minmax(0,1fr)}:where(.framediff-studio) .workspace.script-workspace.guided{grid-template-rows:auto 34px minmax(0,1fr)}.framediff-studio.rich-timeline-edit .workspace.rich-timeline-workspace{grid-template-rows:minmax(160px,1fr) 42px minmax(140px,40%)}.framediff-studio.rich-timeline-edit .workspace.rich-timeline-workspace.guided{grid-template-rows:auto minmax(160px,1fr) 42px minmax(140px,40%)}:where(.framediff-studio) .preview-panel{padding-block:8px 6px}:where(.framediff-studio) .rail-footer{display:none}.dedicated-render-window{gap:10px;padding:12px}}@media(max-width:620px){.dedicated-render-window{min-height:100dvh;padding:14px}.dedicated-render-window>section{align-items:stretch;flex-direction:column;gap:14px}.dedicated-render-window .render-control{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.framediff-studio *,.framediff-studio *:before,.framediff-studio *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(.framediff-studio) .preview-surface:has(.framediff-interactive) .canvas-overlay{pointer-events:none}:where(.framediff-studio) .clip-composition-workbench{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(360px,var(--clip-source-pane, 72%)) 7px minmax(110px,1fr);overflow:hidden;background:#0b0e12}:where(.framediff-studio) .clip-source-browser{min-width:0;min-height:0;display:grid;grid-template-rows:34px minmax(150px,var(--clip-video-pane, 42%)) auto 7px minmax(120px,1fr);gap:10px;padding:14px 18px 12px;overflow:hidden}:where(.framediff-studio) .clip-pane-splitter{position:relative;min-width:0;width:100%;height:7px;display:block;align-self:center;padding:0;border:0;border-radius:4px;outline:none;background:transparent;cursor:row-resize;touch-action:none}:where(.framediff-studio) .clip-pane-splitter:before{content:"";position:absolute;top:3px;right:0;left:0;height:1px;background:var(--line2)}:where(.framediff-studio) .clip-pane-splitter:after{content:"";position:absolute;top:1px;left:calc(50% - 22px);width:44px;height:5px;border-radius:999px;background:#303944;box-shadow:0 0 0 3px #0b0e12}:where(.framediff-studio) .clip-pane-splitter:hover:after,:where(.framediff-studio) .clip-pane-splitter:focus-visible:after{background:#78dfe5}:where(.framediff-studio) .clip-pane-splitter:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:where(.framediff-studio) .clip-source-browser>.clip-pane-splitter{margin-block:-5px}:where(.framediff-studio) .clip-pane-splitter.workbench-splitter{z-index:3;border-radius:0;background:#0b0e12}:where(.framediff-studio) .clip-browser-header,:where(.framediff-studio) .generated-clips-pane>header,:where(.framediff-studio) .clip-browser-detail>header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:800 8px/1 var(--mono);letter-spacing:.12em}:where(.framediff-studio) .clip-browser-header>div:first-child{min-width:0;display:grid;gap:4px}:where(.framediff-studio) .clip-browser-header>div:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .clip-browser-header small,:where(.framediff-studio) .generated-clips-pane>header small,:where(.framediff-studio) .clip-browser-detail>header small{color:var(--dim);font:inherit}:where(.framediff-studio) .clip-source-actions{display:flex;align-items:center;gap:6px;letter-spacing:0}:where(.framediff-studio) .clip-source-actions select,:where(.framediff-studio) .clip-source-actions button{height:27px;padding:0 9px;border:1px solid var(--line2);border-radius:6px;color:var(--muted);background:#11161c;font:750 7px/1 var(--mono)}:where(.framediff-studio) .clip-source-actions select{min-width:132px}:where(.framediff-studio) .clip-source-actions button{color:#baf9fc;border-color:#71e1e757}:where(.framediff-studio) .clip-source-actions :disabled{opacity:.5}:where(.framediff-studio) .clip-source-player-shell{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line2);border-radius:12px;background:#020304}:where(.framediff-studio) .clip-source-player-shell>video{display:block;width:min(100%,720px);height:100%;max-height:100%;object-fit:contain;background:#000}:where(.framediff-studio) .clip-source-drop-message{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;place-content:center;gap:6px;border:1px dashed rgb(113 225 231 / 60%);border-radius:9px;color:#baf9fc;background:#050e11e5;text-align:center;opacity:0;pointer-events:none}:where(.framediff-studio) .clip-source-drop-message strong{font:850 10px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .clip-source-drop-message span{color:var(--muted);font-size:9px}:where(.framediff-studio) .clip-source-player-shell.source-drop-active .clip-source-drop-message{opacity:1}:where(.framediff-studio) .clip-source-timeline{min-width:0}:where(.framediff-studio) .clip-source-filmstrip{position:relative;height:76px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));overflow:hidden;border:1px solid #3b444e;border-radius:8px;background:#030507;cursor:crosshair;touch-action:none}:where(.framediff-studio) .clip-source-filmstrip>.video-frame-thumbnail{min-width:0;border-right:1px solid rgb(255 255 255 / 9%);border-radius:0}:where(.framediff-studio) .video-frame-thumbnail{position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,#172027,#0a0d10)}:where(.framediff-studio) .video-frame-thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 25%,rgb(255 255 255 / 6%) 45%,transparent 65%);opacity:1;transition:opacity .15s}:where(.framediff-studio) .video-frame-thumbnail.ready:after{opacity:0}:where(.framediff-studio) .video-frame-thumbnail video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}:where(.framediff-studio) .clip-range-selection{position:absolute;top:0;bottom:0;min-width:4px;display:grid;grid-template-columns:8px minmax(0,1fr) 8px;border-block:2px solid #c6f66f;background:#c6f66f1a;box-shadow:0 0 0 999px #0204068f;z-index:2}:where(.framediff-studio) .clip-range-body,:where(.framediff-studio) .clip-range-handle{width:100%;height:100%;padding:0;border:0;background:transparent;touch-action:none}:where(.framediff-studio) .clip-range-body{cursor:grab}:where(.framediff-studio) .clip-range-body:active{cursor:grabbing}:where(.framediff-studio) .clip-range-handle{position:relative;background:#c6f66f;cursor:ew-resize}:where(.framediff-studio) .clip-range-handle:after{content:"";position:absolute;top:31px;left:2px;width:4px;height:13px;border-inline:1px solid #26320f}:where(.framediff-studio) .clip-timeline-ruler{display:flex;justify-content:space-between;padding-top:5px;color:var(--dim);font:700 7px/1 var(--mono)}:where(.framediff-studio) .clip-range-actions{min-height:42px;display:flex;align-items:center;gap:11px;padding-top:6px}:where(.framediff-studio) .clip-range-play{padding:7px 9px;border:1px solid var(--line2);border-radius:6px;color:var(--muted);background:#141a20;font:750 7px/1 var(--mono)}:where(.framediff-studio) .clip-range-readout{display:grid;gap:3px}:where(.framediff-studio) .clip-range-readout strong{color:var(--text);font:800 9px/1 var(--mono)}:where(.framediff-studio) .clip-range-readout span{color:#78dfe5;font:750 7px/1 var(--mono)}:where(.framediff-studio) .clip-range-actions blockquote{min-width:0;max-width:38%;margin:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .clip-range-hint{display:grid;gap:4px;color:var(--dim)}:where(.framediff-studio) .clip-range-hint strong{color:var(--muted);font-size:10px}:where(.framediff-studio) .clip-range-hint span{font-size:8px}:where(.framediff-studio) .clip-add-button{margin-left:auto;padding:9px 13px;border:1px solid rgb(198 246 111 / 55%);border-radius:7px;color:#15200d;background:#c6f66f;font:850 8px/1 var(--mono);letter-spacing:.05em}:where(.framediff-studio) .clip-add-button:disabled{border-color:var(--line2);color:var(--dim);background:#14181d}:where(.framediff-studio) .clip-browser-detail{min-height:0;display:grid;grid-template-rows:32px minmax(0,1fr);overflow:hidden;border-top:1px solid var(--line)}:where(.framediff-studio) .clip-browser-tabs{height:27px;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line2);border-radius:7px;background:#080b0e}:where(.framediff-studio) .clip-browser-tabs button{height:21px;padding:0 10px;border:0;border-radius:4px;color:var(--dim);background:transparent;font:800 7px/1 var(--mono);letter-spacing:.06em}:where(.framediff-studio) .clip-browser-tabs button.active{color:#f6f8f9;background:#252b33}:where(.framediff-studio) .clip-transcript-workspace{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}:where(.framediff-studio) .clip-transcription-controls{display:flex;align-items:center;gap:10px;padding:7px 3px 7px 2px;border-bottom:1px solid var(--line)}:where(.framediff-studio) .clip-transcription-controls label{display:grid;grid-template-columns:auto minmax(150px,210px);align-items:center;gap:7px;color:var(--dim);font:800 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .clip-transcription-controls select{height:29px;padding:0 25px 0 9px;border:1px solid var(--line2);border-radius:6px;color:var(--text);background:#11161c;font:750 8px/1 var(--mono)}:where(.framediff-studio) .clip-transcription-estimate{min-width:0;display:grid;gap:3px}:where(.framediff-studio) .clip-transcription-estimate strong{color:#c6f66f;font:800 8px/1 var(--mono)}:where(.framediff-studio) .clip-transcription-estimate span{overflow:hidden;color:var(--dim);font:700 7px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .clip-transcribe-button{margin-left:auto;padding:9px 11px;border:1px solid rgb(113 225 231 / 42%);border-radius:7px;color:#baf9fc;background:#71e1e714;font:800 7px/1 var(--mono);white-space:nowrap}:where(.framediff-studio) .clip-transcribe-button:disabled{opacity:.5}:where(.framediff-studio) .clip-transcript-takes{min-width:0;display:flex;align-items:stretch;gap:6px;padding:7px 3px 7px 2px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-color:var(--line2) transparent}:where(.framediff-studio) .clip-transcript-takes>span{align-self:center;flex:0 0 auto;padding-right:3px;color:var(--dim);font:800 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .clip-transcript-takes button{position:relative;flex:0 0 auto;min-width:145px;display:grid;gap:3px;padding:7px 9px;border:1px solid var(--line2);border-radius:7px;color:var(--muted);background:#11161c;text-align:left}:where(.framediff-studio) .clip-transcript-takes button.active{border-color:#c6f66f8c;background:#c6f66f0d}:where(.framediff-studio) .clip-transcript-takes strong{color:var(--text);font:800 8px/1 var(--mono)}:where(.framediff-studio) .clip-transcript-takes small{color:var(--dim);font:700 6px/1 var(--mono);text-transform:uppercase}:where(.framediff-studio) .clip-transcript-takes em{position:absolute;top:7px;right:8px;color:#c6f66f;font:800 6px/1 var(--mono);font-style:normal}:where(.framediff-studio) .clip-transcript{min-height:0;padding:10px 12px 18px 2px;overflow:auto;color:#cbd2dc;font:17px/1.85 Georgia,serif;-webkit-user-select:none;user-select:none;scrollbar-color:var(--line2) transparent}:where(.framediff-studio) .clip-transcript button{display:inline;margin:0;padding:2px 1px;border:0;border-radius:4px;color:inherit;background:transparent;font:inherit;line-height:inherit;cursor:text}:where(.framediff-studio) .clip-transcript button:hover{color:#fff;background:#71e1e712}:where(.framediff-studio) .clip-transcript button.selected{color:#f7feff;background:#71e1e733;box-shadow:0 0 0 1px #71e1e747}:where(.framediff-studio) .clip-transcript-empty{min-height:0;display:grid;place-content:center;justify-items:center;gap:7px;padding:16px;color:var(--dim);text-align:center}:where(.framediff-studio) .clip-transcript-glyph{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgb(198 246 111 / 30%);border-radius:9px;color:#c6f66f;background:#c6f66f0d;font:800 20px/1 Georgia,serif}:where(.framediff-studio) .clip-transcript-empty strong{color:var(--text);font-size:12px}:where(.framediff-studio) .clip-transcript-empty p{max-width:430px;margin:0;font-size:9px;line-height:1.5}:where(.framediff-studio) .clip-transcript-empty small{color:#65717d;font:700 6px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .clip-frame-grid{min-height:0;display:grid;grid-template-columns:repeat(8,minmax(70px,1fr));gap:6px;padding:8px 3px 12px 2px;overflow:auto;scrollbar-color:var(--line2) transparent}:where(.framediff-studio) .clip-frame-grid>button{min-width:0;display:grid;grid-template-rows:54px 16px;padding:0;overflow:hidden;border:1px solid var(--line2);border-radius:6px;color:var(--dim);background:#11161c}:where(.framediff-studio) .clip-frame-grid>button.selected{border-color:#c6f66f;box-shadow:inset 0 0 0 1px #c6f66f66}:where(.framediff-studio) .clip-frame-grid>button>span:last-child{align-self:center;font:700 7px/1 var(--mono)}:where(.framediff-studio) .clip-composition-empty{min-height:250px;display:grid;place-content:center;color:var(--dim);text-align:center}:where(.framediff-studio) .generated-clips-pane{min-width:0;min-height:0;padding:14px 18px 16px;overflow:auto;border-top:1px solid var(--line);background:#11161c}:where(.framediff-studio) .generated-clips-pane>header{height:24px;align-items:start}:where(.framediff-studio) .generated-clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px}:where(.framediff-studio) .generated-clip-card{position:relative;min-width:0;min-height:116px;display:grid;grid-template-rows:minmax(0,1fr) auto;border:1px solid var(--line2);border-radius:10px;color:var(--muted);background:#151a20;overflow:hidden}:where(.framediff-studio) .generated-clip-card:hover{border-color:#71e1e766;background:#182026}:where(.framediff-studio) .generated-clip-open{position:relative;min-width:0;display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px 11px;padding:10px;border:0;color:inherit;background:transparent;text-align:left}:where(.framediff-studio) .generated-clip-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:where(.framediff-studio) .generated-clip-index{position:absolute;top:7px;right:8px;color:var(--dim);font:750 7px/1 var(--mono);z-index:2}:where(.framediff-studio) .generated-clip-open>.video-frame-thumbnail{grid-row:1 / -1;width:118px;height:74px;border-radius:7px}:where(.framediff-studio) .generated-clip-open strong{align-self:end;overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .generated-clip-open small,:where(.framediff-studio) .generated-clip-open em{overflow:hidden;color:var(--dim);font:700 7px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap}:where(.framediff-studio) .generated-clip-open em{color:#8e9aa8;font-style:normal}:where(.framediff-studio) .generated-clip-bake{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-top:1px solid var(--line2);color:var(--dim);background:#070b0e6b;font:750 7px/1 var(--mono);letter-spacing:.08em}:where(.framediff-studio) .generated-clip-bake.current{color:var(--accent)}:where(.framediff-studio) .generated-clip-bake.missing,:where(.framediff-studio) .generated-clip-bake.stale,:where(.framediff-studio) .generated-clip-bake.untracked{color:var(--yellow)}:where(.framediff-studio) .generated-clip-bake-actions{display:flex;align-items:center;gap:6px}:where(.framediff-studio) .generated-clip-bake a,:where(.framediff-studio) .generated-clip-bake button{padding:5px 8px;border:1px solid currentColor;border-radius:6px;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-decoration:none}:where(.framediff-studio) .generated-clip-bake a:hover{background:#c6f66f1a}:where(.framediff-studio) .generated-clip-bake button:disabled{opacity:.45}:where(.framediff-studio) .generated-clips-empty{min-height:95px;display:grid;place-content:center;gap:5px;border:1px dashed var(--line2);border-radius:10px;color:var(--dim);text-align:center}:where(.framediff-studio) .generated-clips-empty strong{color:var(--muted);font-size:11px}:where(.framediff-studio) .generated-clips-empty span{font-size:9px}:where(.framediff-studio) .clip-composition-status{position:absolute;right:14px;bottom:12px;padding:6px 8px;border-radius:6px;color:var(--muted);background:#0a0d11e5;font:750 7px/1 var(--mono)}:where(.framediff-studio) .clip-composition-status.error{color:#ff9898}:where(.framediff-studio) .generated-role{color:#83e7ec}@media(max-width:900px){:where(.framediff-studio) .clip-composition-workbench{grid-template-rows:minmax(650px,auto) 7px minmax(160px,auto);overflow:auto}:where(.framediff-studio) .clip-source-browser{min-height:650px;grid-template-rows:28px 260px auto 7px minmax(180px,1fr)}:where(.framediff-studio) .clip-frame-grid{grid-template-columns:repeat(4,minmax(80px,1fr))}:where(.framediff-studio) .generated-clips-pane{overflow:visible}}@media(max-width:520px){:where(.framediff-studio) .clip-source-browser{padding-inline:10px}:where(.framediff-studio) .clip-source-filmstrip{grid-template-columns:repeat(6,minmax(0,1fr))}:where(.framediff-studio) .clip-source-filmstrip>.video-frame-thumbnail:nth-of-type(n+7){display:none}:where(.framediff-studio) .clip-range-actions blockquote{display:none}:where(.framediff-studio) .clip-frame-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}}