*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}:root{--grid-1: 12px;--grid-2: 24px;--grid-3: 36px;--grid-4: 48px;--grid-panel-w: 324px;--bg-canvas: #f2f3f5;--bg-panel: #ffffff;--bg-panel-solid: #ffffff;--bg-card: #ffffff;--bg-card-subtle: #f6f7f9;--bg-hover: #f0f1f4;--bg-active: #e8eaee;--border-panel: #e5e7eb;--border-subtle: #eeeff2;--border-control: #e0e2e7;--border-highlight: #d1d5db;--border-active: #0071e3;--accent-blue: #0071e3;--accent-blue-bright: #0a84ff;--accent-blue-subtle: rgba(0, 113, 227, .08);--text-main: #1d1d1f;--text-secondary: #515154;--text-muted: #86868b;--text-dim: #a1a1a6;--radius-panel: 28px;--radius-card: 18px;--radius-control: 14px;--radius-sm: 8px;--radius-pill: 9999px;--shadow-panel: 0 4px 20px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-capsule: 0 2px 10px rgba(0, 0, 0, .04);--shadow-control: 0 1px 3px rgba(0, 0, 0, .03);--backdrop-blur: blur(20px)}html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-canvas)}body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-canvas);background-image:radial-gradient(circle,rgba(29,29,31,.28) 1.25px,transparent 1.25px),radial-gradient(circle,rgba(0,113,227,.45) 1.5px,transparent 1.5px);background-size:24px 24px,96px 96px;background-position:center center;background-repeat:repeat;color:var(--text-main);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:300;line-height:1.4;display:flex;flex-direction:column;zoom:.75}html,body,.gallery-panel,.inspector-panel,.modal-content-area,.timeline-section,.workspace{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,.gallery-panel::-webkit-scrollbar,.inspector-panel::-webkit-scrollbar,.modal-content-area::-webkit-scrollbar,.timeline-section::-webkit-scrollbar,.workspace::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.icon,.track-svg{display:inline-block;vertical-align:middle;flex-shrink:0;color:currentColor;stroke:currentColor;fill:none}.icon path,.icon rect,.icon circle,.icon line,.icon polyline,.icon polygon,.track-svg path,.track-svg rect,.track-svg circle,.shot-add-btn svg path,.easing-badge svg path{stroke-linecap:round;stroke-linejoin:round}.playback-btn .icon{width:17px;height:17px}.playback-btn .icon path{stroke-width:1.3px!important}.track-svg{width:20px;height:20px}.track-svg path,.track-svg rect,.track-svg circle{stroke-width:1.15px!important}.action-icon-btn .icon,.shot-add-btn svg,.easing-badge svg,.modal-close-btn .icon,.modal-search-capsule .icon,.modal-filter-chip .icon{width:16px;height:16px}.action-icon-btn .icon path,.shot-add-btn svg path,.easing-badge svg path,.modal-close-btn .icon path,.modal-search-capsule .icon path,.modal-filter-chip .icon path{stroke-width:1.35px!important}.capsule-btn .icon,.top-action-pill .icon,.modal-title-icon,.modal-seg-btn .icon{width:18px;height:18px}.capsule-btn .icon path,.capsule-btn .icon rect,.capsule-btn .icon circle,.top-action-pill .icon path,.modal-title-icon path,.modal-seg-btn .icon path{stroke-width:1.65px!important}.tool-circle-btn .icon,.timeline-pan-btn .icon,.timeline-zoom-btn .icon{width:20px;height:20px}.tool-circle-btn .icon path,.tool-circle-btn .icon rect,.tool-circle-btn .icon circle,.timeline-pan-btn .icon path,.timeline-zoom-btn .icon path{stroke-width:1.55px!important}@keyframes appTopBarEntrance{0%{opacity:.45;filter:blur(4px);transform:translateY(-14px)}25%{opacity:.92;filter:blur(0px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}@keyframes appLeftEntrance{0%{opacity:.45;filter:blur(4px);transform:translate(-16px)}25%{opacity:.92;filter:blur(0px)}to{opacity:1;filter:blur(0px);transform:translate(0)}}@keyframes appViewportEntrance{0%{opacity:.45;filter:blur(4px);transform:translate(-50%) scale(.965)}25%{opacity:.92;filter:blur(0px)}to{opacity:1;filter:blur(0px);transform:translate(-50%) scale(1)}}@keyframes appRightEntrance{0%{opacity:.45;filter:blur(4px);transform:translate(16px)}25%{opacity:.92;filter:blur(0px)}to{opacity:1;filter:blur(0px);transform:translate(0)}}@keyframes appTimelineEntrance{0%{opacity:.45;filter:blur(4px);transform:translateY(16px)}25%{opacity:.92;filter:blur(0px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}.top-bar{position:absolute;top:var(--grid-2);left:var(--grid-2);right:var(--grid-2);height:var(--grid-4);display:flex;align-items:center;justify-content:space-between;z-index:50;pointer-events:none;animation:appTopBarEntrance .85s cubic-bezier(.16,1,.3,1) .18s both;will-change:opacity,transform}.top-bar>*{pointer-events:auto}.top-left{display:flex;align-items:center;gap:var(--grid-1)}.app-logo-btn{width:var(--grid-4);height:var(--grid-4);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.app-logo-btn:hover{transform:scale(1.03);border-color:var(--border-control)}.app-logo-img{width:24px;height:28px;object-fit:contain}.project-title-input{width:var(--grid-panel-w);height:var(--grid-4);border-radius:var(--radius-pill);padding:0 20px;background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);color:var(--text-main);font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:400;outline:none;transition:border-color .15s}.project-title-input:focus{border-color:var(--accent-blue)}.top-center{display:flex;align-items:center;gap:var(--grid-1)}.capsule-container{height:var(--grid-4);border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);display:flex;align-items:center;padding:4px;gap:4px;box-sizing:border-box}.capsule-btn{height:38px;border-radius:var(--radius-pill);background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:DM Sans,sans-serif;font-weight:300}.capsule-btn:hover{background:var(--bg-hover);color:var(--text-main)}.capsule-btn:active{transform:scale(.97);background:var(--bg-active)}.capsule-btn.icon-square{width:38px;padding:0}.capsule-btn.mode-switch{padding:0 14px;gap:8px;font-size:13px;font-weight:300;color:var(--text-secondary)}.capsule-btn.mode-switch.active{background:#f0f1f4;border:1px solid var(--border-control);color:var(--text-main);font-weight:400}.top-right{display:flex;align-items:center;gap:var(--grid-1);position:relative}.action-pills-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:auto}.action-pills-row .dropdown-wrapper{height:var(--grid-4);display:inline-flex;align-items:center}.top-action-pill{width:var(--grid-4);height:var(--grid-4);min-width:var(--grid-4);max-width:var(--grid-4);border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;padding:0;transition:all .15s ease;flex:none}.top-action-pill svg{flex-shrink:0}.top-action-pill:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-control)}.top-action-pill:active{transform:scale(.97)}.top-action-pill[title*=Export],.top-action-pill[title*=Download]{background:#fff;color:var(--text-main);border-color:var(--border-control);font-weight:400}.top-action-pill[title*=Export]:hover,.top-action-pill[title*=Download]:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.top-action-pill[title*=Export].active,.top-action-pill[title*=Download].active{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--bg-hover)}.avatar-bezel-pill{width:var(--grid-4);height:var(--grid-4);border-radius:50%;background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease}.avatar-bezel-pill:hover{border-color:var(--border-control)}.avatar-inner-circle{width:36px;height:36px;border-radius:50%;background:#2c2c2e}.workspace{position:absolute;inset:84px 0 296px;overflow:hidden;transition:bottom .44s cubic-bezier(.32,1.25,.55,1)}.workspace.timeline-compact{bottom:195px;transition:bottom .26s cubic-bezier(.25,1,.5,1)}.left-section{position:absolute;left:var(--grid-2);top:0;bottom:0;display:flex;gap:var(--grid-1);z-index:20;animation:appLeftEntrance .85s cubic-bezier(.16,1,.3,1) .18s both;will-change:opacity,transform}.floating-side-toolbar{display:flex;flex-direction:column;gap:var(--grid-1);width:var(--grid-4)}.toolbar-mode-group{display:flex;flex-direction:column;gap:var(--grid-1)}.tool-circle-btn{width:var(--grid-4);height:var(--grid-4);border-radius:50%;background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tool-circle-btn:hover{color:var(--text-main);background:var(--bg-hover);border-color:var(--border-control)}.tool-circle-btn.active{background:#fff;color:var(--accent-blue);border:1.5px solid var(--accent-blue)}.gallery-panel{width:var(--grid-panel-w);height:fit-content;max-height:100%;background:#fff;border:1px solid var(--border-panel);border-radius:var(--radius-panel);padding:14px;box-shadow:var(--shadow-panel);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.gallery-panel.collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.98)}.gallery-panel::-webkit-scrollbar{display:none;width:0;height:0}.gallery-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:2px 2px 0}.gallery-title-wrap{display:flex;align-items:center;gap:8px}.gallery-title-wrap .icon{color:var(--text-muted);width:14px;height:14px;flex-shrink:0}.gallery-title-wrap .card-title-right{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-muted);font-weight:400}.gallery-count-badge.value-badge-pill{width:auto;min-width:58px;height:24px;padding:0 8px;background:#f0f1f4;border:1px solid var(--border-panel);border-radius:var(--radius-pill);color:var(--text-secondary);font-family:DM Sans,monospace;font-size:11px;font-weight:400;display:flex;align-items:center;justify-content:center}.gallery-tab-switcher{display:flex;background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px;margin-bottom:12px}.gallery-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:300;cursor:pointer;transition:all .15s ease}.gallery-tab-btn .icon{width:14px;height:14px;flex-shrink:0}.gallery-tab-btn:hover{color:var(--text-main)}.gallery-tab-btn.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #0000000d}.gallery-search{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.gallery-search-input-wrap{display:flex;align-items:center;gap:8px;height:32px;background:#f0f1f4;border:1px solid var(--border-panel);border-radius:var(--radius-pill);padding:0 12px;transition:all .15s ease}.gallery-search-input-wrap:focus-within{background:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-subtle)}.gallery-search-input-wrap .icon{color:var(--text-muted);width:14px;height:14px;flex-shrink:0}.gallery-search-input{flex:1;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:300;color:var(--text-main);outline:none}.gallery-search-input::placeholder{color:var(--text-dim)}.category-chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.category-chips::-webkit-scrollbar{display:none}.category-chip{padding:0 10px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:#f0f1f4;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11px;font-weight:300;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.category-chip:hover{color:var(--text-main);background:#e8eaee}.category-chip.active{background:#fff;color:var(--text-main);border:1px solid var(--border-panel);font-weight:400;box-shadow:0 1px 3px #0000000d}.gallery-grid-divider{border-top:1px solid var(--border-subtle);margin-bottom:12px}.gallery-grid,.mockup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;width:100%;box-sizing:border-box}.gallery-item,.mockup-item-card{width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:transparent;border-radius:var(--radius-card);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;user-select:none;transition:transform .15s ease;border:none;padding:0}.gallery-item:hover,.mockup-item-card:hover{transform:translateY(-2px)}.mockup-item-card.is-dragging{opacity:.45;transform:scale(.96)}.gallery-thumb,.mockup-thumb-wrap{width:100%;max-width:100%;aspect-ratio:4 / 5;box-sizing:border-box;background:var(--bg-card-subtle);border:1px solid var(--border-panel);border-radius:var(--radius-card);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.gallery-item:hover .gallery-thumb,.mockup-item-card:hover .mockup-thumb-wrap{background:#fff;border-color:var(--border-highlight);box-shadow:0 6px 18px #0000000a}.gallery-item.selected .gallery-thumb,.mockup-item-card.selected .mockup-thumb-wrap{border:2px solid var(--accent-blue);background:#f0f6ff;box-shadow:0 4px 14px #0066ff29}.mockup-thumb-img,.mockup-thumb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0;margin:0;box-sizing:border-box;display:block;border-radius:inherit;transition:opacity .15s ease}.mockup-thumb-video{pointer-events:none;object-fit:cover;padding:0}.motion-thumb-hover-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:3;display:none;object-fit:cover}.gallery-item:hover .mockup-thumb-img,.mockup-item-card:hover .mockup-thumb-img{transform:none}.mockup-thumb-wrap .isax,.mockup-thumb-wrap svg{font-size:32px;color:var(--text-muted);transition:transform .15s ease,color .15s ease}.mockup-item-card:hover .mockup-thumb-wrap .isax{color:var(--accent-blue);transform:scale(1.08)}.mockup-thumb-wrap .tier-badge{position:absolute;top:6px;right:6px;z-index:2;font-size:8.5px;font-weight:500;padding:1.5px 5px;border-radius:4px;background:#00000080;color:#fff;line-height:1.2;letter-spacing:.3px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12)}.mockup-info{width:100%;min-width:0;max-width:100%;box-sizing:border-box;text-align:center}.gallery-label,.mockup-name{font-size:11.5px;color:var(--text-muted);text-align:center;margin-top:2px;font-weight:400;font-family:DM Sans,sans-serif;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;width:100%;min-width:0;box-sizing:border-box;transition:color .15s ease}.gallery-item.selected .gallery-label,.mockup-item-card.selected .mockup-name{color:var(--accent-blue);font-weight:500}.gallery-item:hover .gallery-label,.mockup-item-card:hover .mockup-name{color:var(--text-main)}#motion-templates-grid.gallery-grid{display:block}.motion-accordion-list{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.motion-accordion-group{border:1px solid var(--border-panel);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .15s ease;width:100%;box-sizing:border-box}.motion-accordion-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;background:var(--bg-card-subtle);user-select:none;gap:8px;white-space:nowrap}.motion-accordion-title-wrap{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-main);min-width:0;flex:1}.motion-accordion-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#3b82f614;color:var(--accent-blue);flex-shrink:0}.motion-accordion-icon .isax,.motion-accordion-icon svg{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.motion-accordion-title{font-size:12px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motion-accordion-meta{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}.motion-accordion-badge{font-size:10px;font-weight:500;padding:1px 6px;border-radius:999px;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-control)}.motion-accordion-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.motion-accordion-chevron svg{width:12px;height:12px}.motion-accordion-body{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.motion-accordion-group.expanded .motion-accordion-body{display:grid}.motion-accordion-group.expanded .motion-accordion-chevron{transform:rotate(180deg)}.viewport-canvas{position:absolute;top:0;bottom:0;height:100%;left:50%;transform:translate(-50%);aspect-ratio:16 / 9;width:auto;max-width:calc(100% - 2 * (var(--grid-2) + var(--grid-4) + var(--grid-1) + var(--grid-panel-w) + var(--grid-1)));border-radius:var(--radius-panel);background-color:#ffffff38;border:1px solid rgba(229,231,235,.9);box-shadow:var(--shadow-panel),0 0 0 1px #fff9 inset;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;overflow:hidden;animation:appViewportEntrance .85s cubic-bezier(.16,1,.3,1) 0s both;will-change:opacity,transform;transition:aspect-ratio .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),max-width .3s cubic-bezier(.22,1,.36,1)}#viewport-canvas-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:inherit!important;overflow:hidden!important;pointer-events:auto!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}#viewport-canvas-container.has-alpha-backdrop{background-image:linear-gradient(45deg,rgba(255,255,255,.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.07) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.07) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.07) 75%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0px!important;background-color:#111114!important}#viewport-canvas-container canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:inherit!important;touch-action:none!important;box-sizing:border-box!important}body[data-studio-mode="3d"] #river-pathtracing-canvas,body:not([data-studio-mode="2d"]) #river-pathtracing-canvas{display:block!important}body[data-studio-mode="3d"] #river-motion2d-canvas,body:not([data-studio-mode="2d"]) #river-motion2d-canvas{display:none!important}body[data-studio-mode="2d"] #river-motion2d-canvas{display:block!important}body[data-studio-mode="2d"] #river-pathtracing-canvas{display:none!important}.viewport-focus-guide-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;overflow:hidden;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.viewport-focus-guide-overlay.active{opacity:1}.viewport-watermark{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.15}.viewport-watermark svg{width:56px;height:56px;color:#1d1d1f}.viewport-watermark span{font-size:13px;font-weight:400;color:#1d1d1f}.viewport-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:25;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.16,1,.3,1),visibility .25s cubic-bezier(.16,1,.3,1);background:#ffffffc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:inherit}.viewport-loading-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.viewport-loading-card{width:260px;max-width:calc(100% - 48px);background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:10px;transform:scale(.96) translateY(4px);transition:transform .25s cubic-bezier(.16,1,.3,1)}.viewport-loading-overlay.active .viewport-loading-card{transform:scale(1) translateY(0)}.viewport-loading-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewport-loading-title-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewport-loading-spinner{width:14px;height:14px;border:1.5px solid rgba(0,121,254,.2);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.viewport-loading-title{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#1c1d21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewport-loading-percent{font-family:DM Sans,monospace;font-size:12px;font-weight:600;color:var(--accent-blue);flex-shrink:0}.viewport-loading-bar-wrap{width:100%;height:3px;background:#00000014;border-radius:var(--radius-pill);overflow:hidden;position:relative}.viewport-loading-bar{height:100%;width:0%;background:var(--accent-blue);border-radius:var(--radius-pill);transition:width .15s ease-out}.right-section{position:absolute;right:var(--grid-2);top:0;bottom:0;display:flex;gap:var(--grid-1);z-index:20;animation:appRightEntrance .85s cubic-bezier(.16,1,.3,1) .18s both;will-change:opacity,transform}.inspector-panel{width:var(--grid-panel-w);height:fit-content;max-height:100%;background:#fff;border:1px solid var(--border-panel);border-radius:var(--radius-panel);padding:16px;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:16px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}body.export-open .inspector-panel,.inspector-panel.collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.98)}.inspector-panel::-webkit-scrollbar{display:none;width:0;height:0}.inspector-sub-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:12px}.inspector-sub-card+.inspector-sub-card{border-top:1px solid var(--border-subtle);padding-top:14px}.card-header-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.card-title-right{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-muted);font-weight:400}.segmented-capsule{display:grid;grid-template-columns:repeat(3,1fr);background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.segmented-btn{height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:300;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s ease;font-family:DM Sans,sans-serif;display:flex;align-items:center;justify-content:center}.segmented-btn:hover{color:var(--text-main)}.segmented-btn.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #0000000d}.prop-card{background:transparent;border:none;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:10px}.prop-label-right{display:flex;align-items:center;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:11.5px;color:var(--text-secondary);font-weight:300}.color-control-row{display:flex;align-items:center;gap:8px}.base-color-bar{flex:1;height:26px;background:var(--accent-blue);border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:opacity .15s ease}.base-color-bar:hover{opacity:.92}.hex-badge-pill{width:62px;height:26px;background:#f0f1f4;border:1px solid var(--border-panel);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:11px;font-family:DM Sans,monospace;font-weight:400;display:flex;align-items:center;justify-content:center}.preset-dots-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.color-preset-dot{width:22px;height:22px;border-radius:50%;background:var(--accent-blue);border:2px solid #ffffff;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .12s ease}.color-preset-dot:hover{transform:scale(1.15)}.color-preset-dot.active{box-shadow:0 0 0 2px #007aff,0 1px 3px #00000026;transform:scale(1.08)}.slider-prop-card{background:transparent;border:none;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:6px}.slider-control-row{display:flex;align-items:center;gap:10px}.slider-groove-track{flex:1;height:26px;background:#e8eaee;border:1px solid var(--border-panel);border-radius:var(--radius-pill);position:relative;display:flex;align-items:center;padding:0 3px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.slider-knob-pearl{width:20px;height:20px;border-radius:50%;position:absolute;left:0;right:auto;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #00000026;cursor:grab;transition:transform .12s ease;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.slider-knob-pearl:hover{transform:scale(1.05)}.value-badge-pill{width:58px;height:26px;padding:0 6px;background:#f0f1f4;border:1px solid var(--border-panel);border-radius:var(--radius-pill);color:var(--text-main);font-family:DM Sans,monospace;font-size:11.5px;font-weight:400;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;cursor:text;outline:none;transition:all .15s ease}.value-badge-pill:hover{background:#e8eaee;border-color:var(--border-highlight)}.value-badge-pill:focus{background:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-subtle);color:var(--text-main)}.timeline-section{position:absolute;bottom:var(--grid-2);left:var(--grid-2);right:var(--grid-2);height:fit-content;display:flex;align-items:stretch;gap:var(--grid-1);z-index:40;animation:appTimelineEntrance .85s cubic-bezier(.16,1,.3,1) .18s both;will-change:opacity,transform;transition:all .44s cubic-bezier(.32,1.25,.55,1)}.timeline-section.compact{transition:all .26s cubic-bezier(.25,1,.5,1)}.timeline-side-capsule{display:flex;flex-direction:column;gap:6px;width:var(--grid-4);align-self:stretch;transition:all .44s cubic-bezier(.32,1.25,.55,1)}.timeline-section.compact .timeline-side-capsule{transition:all .26s cubic-bezier(.25,1,.5,1)}.timeline-pan-btn{width:var(--grid-4);height:auto;flex:1;min-height:54px;border-radius:20px;background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.timeline-pan-btn:hover{background:var(--bg-hover);color:var(--text-main)}.timeline-zoom-btn{width:var(--grid-4);height:48px;flex-shrink:0;border-radius:20px;background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.timeline-zoom-btn:hover{background:var(--bg-hover);color:var(--text-main)}.timeline-container{flex:1;height:246px;min-height:0;background:#fff;border:1px solid var(--border-panel);border-radius:var(--radius-panel);padding:10px;gap:6px;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;will-change:height;transition:height .44s cubic-bezier(.32,1.25,.55,1)}.timeline-section.compact .timeline-container{height:154px;transition:height .26s cubic-bezier(.25,1,.5,1)}.timeline-header{display:flex;align-items:center;justify-content:space-between;height:42px;background:#f6f7f9;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px 12px;box-sizing:border-box}.playback-controls-capsule{display:flex;align-items:center;gap:6px;height:32px}.playback-btn{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--border-panel);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease}.playback-btn:hover{color:var(--text-main);border-color:var(--border-control)}.playback-btn.active{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-subtle, rgba(0, 113, 227, .08))}.timecode-display{display:flex;align-items:center;justify-content:center;font-family:DM Sans,monospace;font-size:13px;color:var(--text-main);letter-spacing:.5px;font-weight:400}.timeline-actions{display:flex;align-items:center;gap:8px}.add-shot-btn{height:32px;padding:0 14px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border-panel);color:var(--text-secondary);font-size:12px;font-weight:400;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .12s ease}.add-shot-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.action-icon-btn{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--border-panel);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.action-icon-btn:hover{color:var(--text-main);border-color:var(--border-control)}.ruler-row{display:flex;align-items:center;height:28px;background:#f6f7f9;border:1px solid var(--border-subtle);border-radius:8px;padding:0 12px;margin:0;box-sizing:border-box;gap:10px}.ruler-left-spacer{width:110px;min-width:110px;max-width:110px;flex-shrink:0;display:flex;align-items:center;box-sizing:border-box}.ruler-spacer-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #94a3b8);padding-left:4px}.ruler-track-wrapper{flex:1;height:100%;background:transparent;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:4px 18px 3px;box-sizing:border-box}.ruler-numbers{position:relative;top:0;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;font-family:DM Sans,monospace;color:var(--text-secondary);font-weight:400;pointer-events:none;line-height:1}.ruler-numbers span{width:0;display:flex;justify-content:center;overflow:visible;white-space:nowrap}.ruler-ticks{width:100%;height:7px;display:flex;align-items:flex-end;justify-content:space-between}.tick{width:1px;background:#cbd5e1;height:3.5px}.tick.major{height:7px;background:#94a3b8}.playhead-needle{position:absolute;top:0;bottom:-158px;left:18px;transform:translate(-50%);width:2px;background:var(--accent-blue);z-index:30;pointer-events:none;transition:bottom .44s cubic-bezier(.32,1.25,.55,1)}.timeline-section.compact .playhead-needle{bottom:-66px;transition:bottom .26s cubic-bezier(.25,1,.5,1)}.playhead-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:8px;background:var(--accent-blue);clip-path:polygon(0 0,100% 0,50% 100%)}.tracks-container{flex:1;min-height:0;background:#f8f9fb;border:1px solid var(--border-subtle);border-radius:20px;padding:8px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:hidden}.track-row{display:flex;align-items:center;height:38px;gap:10px}@keyframes timelineTrackReveal{0%{opacity:.5;filter:blur(4px);transform:translateY(8px)}35%{opacity:1;filter:blur(0px)}72%{transform:translateY(-2px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}.track-row.keyframe-track{will-change:opacity;transition:opacity .15s ease}.timeline-section.compact .track-row.keyframe-track{opacity:0;filter:blur(4px);transform:translateY(8px);pointer-events:none}.track-icon-badge{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;background:#fff;border:1px solid var(--border-panel);box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;box-sizing:border-box}.track-svg{width:17px;height:17px;flex-shrink:0;display:block}.track-header-col{width:110px;min-width:110px;max-width:110px;height:100%;display:flex;align-items:center;gap:7px;flex-shrink:0;box-sizing:border-box;user-select:none;position:relative}.track-header-label{font-size:11.5px;font-weight:600;color:var(--text-secondary, #475467);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;letter-spacing:-.01em}.track-content{flex:1;min-width:0;height:38px;position:relative;display:flex;align-items:center}.shots-container{width:100%;height:100%;display:flex;align-items:center;gap:6px;padding:0 18px;box-sizing:border-box}.shot-clip{height:32px;background:#e5e7eb;border-radius:var(--radius-pill);border:1px solid #d1d5db;cursor:pointer;transition:all .12s ease;box-sizing:border-box}.shot-clip:hover{background:#dbe0e6}.shot-clip.active{background:#0071e3;border:1px solid #005bb5}.shot-clip-del-btn{width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%;background:#00000038;border:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:6px;opacity:0;transition:all .15s ease;padding:0;flex-shrink:0}.shot-clip:hover .shot-clip-del-btn,.shot-clip.active .shot-clip-del-btn{opacity:.75}.shot-clip-del-btn:hover{opacity:1!important;background:#ef4444e6;color:#fff;transform:scale(1.1)}.clip-1{flex:8.8}.clip-2{flex:.8}.shot-add-btn{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:50%;background:#fff;border:1px solid var(--border-panel);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .12s;padding:0}.shot-add-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.keyframe-groove-track{width:100%;height:32px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);position:relative;display:flex;align-items:center;box-sizing:border-box}.keyframe-track-line{position:absolute;left:18px;right:18px;height:2px;background:#e0e2e7;top:50%;transform:translateY(-50%)}.keyframe-diamond{position:absolute;width:15px;height:15px;border-radius:3px;background:#9ca3af;border:1.5px solid #ffffff;transform:translate(-50%,-50%) rotate(45deg);top:50%;cursor:pointer;z-index:2;box-shadow:0 1px 3px #00000026;transition:transform .12s ease}.keyframe-diamond:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}.keyframe-diamond.active,.keyframe-start{background:var(--accent-blue);border:1.5px solid #ffffff}.keyframe-start{left:18px}.keyframe-end{left:calc(100% - 18px)}.easing-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#f0f1f4;border:1px solid var(--border-panel);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .12s ease;color:var(--text-secondary)}.easing-badge:hover{color:var(--accent-blue);background:#fff}.dynamic-keyframe-tracks{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px}.dynamic-keyframe-tracks::-webkit-scrollbar{width:4px}.dynamic-keyframe-tracks::-webkit-scrollbar-thumb{background:var(--border-panel);border-radius:4px}.timeline-section.compact .dynamic-keyframe-tracks{display:none}.timeline-section.expanded .dynamic-keyframe-tracks{display:flex}.track-row.dynamic-keyframe-row{display:flex;align-items:center;height:34px;min-height:34px;gap:10px;position:relative;cursor:pointer;border-radius:8px;padding:0 4px;transition:background .15s ease,box-shadow .15s ease}.track-row.dynamic-keyframe-row:hover{background:#ffffff08}.track-row.dynamic-keyframe-row.is-selected{background:#0071e314;box-shadow:inset 0 0 0 1px #0071e359}.track-row.dynamic-keyframe-row.is-selected .track-header-label{color:var(--accent-blue, #0071e3);font-weight:600}.track-row.dynamic-keyframe-row .track-icon-badge{width:30px;height:30px;min-width:30px;min-height:30px;position:relative}.subtrack-keyframe-connector{position:absolute;top:50%;height:3px;background:var(--accent-blue);opacity:.6;transform:translateY(-50%);pointer-events:none;border-radius:2px;z-index:1}.keyframe-diamond.selected{background:#fff!important;border:2px solid var(--accent-blue)!important;box-shadow:0 0 10px #0071e399,0 2px 6px #0003!important;transform:translate(-50%,-50%) rotate(45deg) scale(1.3)!important;z-index:10!important}.keyframe-diamond.is-dragging{cursor:grabbing!important;transform:translate(-50%,-50%) rotate(45deg) scale(1.4)!important;box-shadow:0 0 14px #0071e3cc!important;z-index:20!important}.keyframe-tooltip{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#1d1d1f;color:#fff;font-size:9.5px;font-family:DM Sans,monospace;font-weight:500;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:30;box-shadow:0 2px 6px #0003}.keyframe-tooltip:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);width:6px;height:6px;background:#1d1d1f}.subtrack-easing-btn{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--border-panel);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 1px 3px #00000014;transition:transform .12s ease,border-color .12s ease,color .12s ease}.subtrack-easing-btn:hover{transform:translate(-50%,-50%) scale(1.2);border-color:var(--accent-blue);color:var(--accent-blue)}.track-clear-btn{width:18px;height:18px;border-radius:4px;background:transparent;border:none;color:var(--text-muted, #94a3b8);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;padding:0;flex-shrink:0;margin-left:auto}.track-row:hover .track-clear-btn{opacity:.75}.track-clear-btn:hover{opacity:1!important;color:#ef4444!important}.modal-overlay{position:fixed;inset:0;background:#0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-dialog{width:min(1180px,calc(100vw - 64px));max-width:calc(100vw - 64px);height:min(780px,calc(100vh - 80px));max-height:calc(100vh - 80px);background:transparent;padding:0;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;overflow:visible;transform:scale(.98);transition:transform .2s ease}.modal-overlay.active .modal-dialog{transform:scale(1)}.modal-header{height:60px;min-height:60px;background:#fff;border:1px solid var(--border-panel);border-radius:var(--radius-panel);box-shadow:0 8px 30px #0000000f;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;box-sizing:border-box}.modal-header-left{display:flex;align-items:center;gap:10px;color:var(--text-main);justify-self:start}.modal-title-icon{color:var(--accent-blue);flex-shrink:0}.modal-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.2px;color:var(--text-main);margin:0}.modal-segmented-capsule{display:flex;align-items:center;background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px;justify-self:center}.modal-seg-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 16px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;cursor:pointer;transition:all .15s ease}.modal-seg-btn:hover{color:var(--text-main)}.modal-seg-btn.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #0000000d}.modal-header-right{display:flex;align-items:center;gap:12px;justify-self:end}.modal-counter-badge{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:var(--accent-blue);background:var(--accent-blue-subtle);border:1px solid rgba(0,113,227,.15);padding:4px 12px;border-radius:var(--radius-pill)}.modal-close-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-panel);background:#fff;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{color:var(--text-main);border-color:var(--border-control)}.modal-body{display:flex;gap:10px;flex:1;min-height:0;overflow:visible}.modal-search-capsule{display:flex;align-items:center;gap:8px;height:36px;background:#f6f7f9;border:1px solid var(--border-panel);border-radius:var(--radius-pill);padding:0 14px;color:var(--text-muted);transition:all .15s ease}.modal-search-capsule:focus-within{border-color:var(--accent-blue);background:#fff;color:var(--accent-blue)}.modal-search-input{width:160px;background:transparent;border:none;outline:none;color:var(--text-main);font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:300}.modal-search-input::placeholder{color:var(--text-dim)}.spotlight-kbd{font-family:DM Sans,monospace;font-size:10px;font-weight:400;color:var(--text-muted);background:#fff;border:1px solid var(--border-panel);border-radius:4px;padding:1px 5px;pointer-events:none}.modal-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.modal-filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal-filter-chip{display:flex;align-items:center;gap:6px;height:32px;padding:0 16px;border-radius:var(--radius-pill);background:#f6f7f9;border:1px solid var(--border-panel);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;cursor:pointer;transition:all .15s ease;white-space:nowrap}.modal-filter-chip:hover{color:var(--text-main);background:#f0f1f4}.modal-filter-chip.active{background:#fff;border-color:var(--accent-blue);color:var(--accent-blue);font-weight:400}.modal-filter-chip.active svg{color:var(--accent-blue)}.modal-filter-meta{display:flex;align-items:center}.modal-content-area{flex:1;min-width:0;background:#fff;border:1px solid var(--border-panel);border-radius:var(--radius-panel);box-shadow:0 8px 30px #0000000f;padding:24px;overflow-y:auto;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.modal-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.asset-card{display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .15s ease;max-width:280px}.asset-card:hover{transform:translateY(-2px)}.asset-card-thumb{width:100%;aspect-ratio:4 / 5;border-radius:var(--radius-card);background:var(--bg-card-subtle);border:1px solid var(--border-panel);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .15s ease;box-sizing:border-box}.asset-card-thumb img,.asset-card-thumb video{width:100%;height:100%;object-fit:cover;display:block}.asset-card:hover .asset-card-thumb{background:#fff;border-color:var(--border-highlight)}.asset-thumb-play{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--border-panel);display:flex;align-items:center;justify-content:center;color:var(--text-main);transition:transform .15s ease,border-color .15s ease}.asset-card:hover .asset-thumb-play{transform:scale(1.08);border-color:var(--accent-blue);color:var(--accent-blue)}.asset-thumb-svg{max-width:75%;max-height:75%;transition:transform .15s ease}.asset-card:hover .asset-thumb-svg{transform:scale(1.03)}.asset-card-title{font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:400;color:var(--text-main);text-align:center;margin:0;letter-spacing:-.1px;transition:color .15s ease}.asset-card:hover .asset-card-title{color:var(--accent-blue)}.inspector-view{display:none;flex-direction:column;gap:16px;width:100%}.inspector-view.active{display:flex;animation:panelViewEntrance .22s cubic-bezier(.16,1,.3,1) both}@keyframes panelViewEntrance{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.transform-scope-capsule,.transform-axis-capsule{display:flex;background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.transform-scope-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:300;cursor:pointer;transition:all .15s ease}.transform-scope-btn .icon{width:14px;height:14px}.transform-scope-btn:hover{color:var(--text-main)}.transform-scope-btn.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #0000000f}.transform-axis-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:300;cursor:pointer;transition:all .15s ease}.transform-axis-btn .icon{width:14px;height:14px}.transform-axis-btn:hover{color:var(--text-main)}.transform-axis-btn.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #0000000f}.transform-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.transform-section-title{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:var(--text-main);letter-spacing:-.1px}.keyframe-diamond-btn{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border-control);background:#fff;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.keyframe-diamond-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--accent-blue-subtle)}.keyframe-diamond-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.export-render-panel{position:absolute;top:calc(var(--grid-4) + 12px);right:calc(var(--grid-4) + var(--grid-1));width:var(--grid-panel-w);background:#fff;border:1px solid var(--border-panel);border-radius:var(--radius-panel);box-shadow:0 12px 36px #00000014,0 2px 8px #0000000a;padding:18px 16px;display:flex;flex-direction:column;gap:14px;z-index:120;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;pointer-events:none}.export-render-panel.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.export-header-row{display:flex;align-items:center;justify-content:space-between}.export-title{font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;color:var(--text-main);letter-spacing:-.2px}.export-res-badge{background:#f0f1f4;border:1px solid var(--border-control);border-radius:var(--radius-pill);padding:3.5px 11px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:400;color:var(--text-secondary);letter-spacing:.1px}.export-ratio-container{background:#f6f7f9;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:6px 4px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;align-items:center}.export-ratio-btn{background:transparent;border:1px solid transparent;border-radius:9px;padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.export-ratio-btn:hover{background:#00000008;color:var(--text-secondary)}.export-ratio-btn.active{background:#fff;border-color:var(--border-control);color:var(--accent-blue);box-shadow:0 1px 4px #0000000f}.ratio-svg{stroke:currentColor;stroke-width:1.6;fill:none;display:block}.ratio-svg rect{stroke:currentColor;stroke-width:1.6;fill:none}.ratio-label{font-family:DM Sans,sans-serif;font-size:9.5px;font-weight:400;letter-spacing:-.2px;line-height:1}.export-ratio-btn.active .ratio-label{font-weight:500;color:var(--text-main)}.export-res-segmented{background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.export-res-pill{background:transparent;border:none;border-radius:var(--radius-pill);padding:6px 4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:300;color:var(--text-secondary);cursor:pointer;text-align:center;transition:all .15s ease}.export-res-pill:hover{color:var(--text-main)}.export-res-pill.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #00000014}.export-custom-res-container,.card-custom-res-container{display:none;align-items:center;gap:8px;background:#f6f7f9;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:6px 10px;box-sizing:border-box;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.export-custom-res-container.active,.card-custom-res-container.active{display:flex;opacity:1;transform:translateY(0)}.export-custom-field,.card-custom-field{flex:1;display:flex;align-items:center;background:#fff;border:1px solid var(--border-panel);border-radius:var(--radius-pill);padding:0 8px;height:28px;gap:4px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.export-custom-field:focus-within,.card-custom-field:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-subtle)}.export-custom-label,.card-custom-label{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:var(--text-muted);user-select:none}.export-custom-input,.card-custom-input{width:100%;border:none;background:transparent;outline:none;font-family:DM Sans,monospace;font-size:11.5px;color:var(--text-main);padding:0;-moz-appearance:textfield;appearance:textfield}.export-custom-input::-webkit-outer-spin-button,.export-custom-input::-webkit-inner-spin-button,.card-custom-input::-webkit-outer-spin-button,.card-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.export-custom-lock-btn,.card-custom-lock-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-panel);background:#fff;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.export-custom-lock-btn:hover,.card-custom-lock-btn:hover{border-color:var(--border-control);color:var(--text-main)}.export-custom-lock-btn.active,.card-custom-lock-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.export-custom-unit,.card-custom-unit{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-muted);user-select:none;flex-shrink:0}.export-setting-row{display:flex;align-items:center;justify-content:space-between;min-height:32px}.export-setting-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:var(--text-secondary)}.export-segmented-group{background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;display:flex;gap:2px}.export-seg-btn{background:transparent;border:none;border-radius:var(--radius-pill);padding:5px 10px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:300;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;line-height:1.1}.export-seg-btn:hover{color:var(--text-main)}.export-seg-btn.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #00000014}.export-toggle-switch{width:44px;height:24px;border-radius:var(--radius-pill);background:#e0e2e7;border:1px solid var(--border-control);position:relative;cursor:pointer;padding:0;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.export-toggle-switch:hover{background:#d5d8df}.export-toggle-knob{position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026,0 1px 1px #00000014;transition:transform .2s cubic-bezier(.16,1,.3,1)}.export-toggle-switch.active{background:var(--accent-blue);border-color:var(--accent-blue)}.export-toggle-switch.active:hover{background:var(--accent-blue-bright)}.export-toggle-switch.active .export-toggle-knob{transform:translate(20px)}.export-actions-group{display:flex;flex-direction:column;gap:8px;margin-top:4px}.export-primary-btn{height:44px;border-radius:var(--radius-pill);background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:400;letter-spacing:-.1px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 2px 8px #0071e340;transition:all .18s cubic-bezier(.16,1,.3,1)}.export-primary-btn:hover{background:#0077ed;box-shadow:0 4px 14px #0071e359;transform:translateY(-1px)}.export-primary-btn:active{transform:scale(.98);box-shadow:0 1px 4px #0071e333}.export-secondary-btn{height:42px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border-control);color:var(--text-main);font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;letter-spacing:-.1px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-control);transition:all .18s cubic-bezier(.16,1,.3,1)}.export-secondary-btn:hover{background:var(--bg-hover);border-color:var(--border-highlight);transform:translateY(-1px)}.export-secondary-btn:active{transform:scale(.98)}.export-btn-icon{flex-shrink:0}.camera-prop-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.camera-toggle-switch{width:44px;height:24px;border-radius:var(--radius-pill);background:#e0e2e7;border:1px solid var(--border-control);position:relative;cursor:pointer;padding:0;outline:none;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.camera-toggle-switch:hover{background:#d5d8df}.camera-toggle-knob{position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026,0 1px 1px #00000014;transition:transform .2s cubic-bezier(.16,1,.3,1)}.camera-toggle-switch.active{background:var(--accent-blue);border-color:var(--accent-blue)}.camera-toggle-switch.active:hover{background:var(--accent-blue-bright)}.camera-toggle-switch.active .camera-toggle-knob{transform:translate(20px)}.camera-mode-group{display:flex;flex-direction:column;gap:6px}.camera-mode-capsule{display:grid;grid-template-columns:repeat(2,1fr);background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.camera-reticle-container{display:flex;flex-direction:column;gap:8px;margin-top:2px}.camera-reticle-header{display:flex;align-items:center;justify-content:space-between}.camera-reticle-coords{font-family:DM Sans,monospace;font-size:11px;color:var(--text-muted);font-weight:400;letter-spacing:-.2px}.camera-reticle-pad{width:100%;height:120px;background:#f0f1f4;border:1px solid var(--border-control);border-radius:var(--radius-card);position:relative;overflow:hidden;cursor:crosshair;user-select:none;touch-action:none;transition:border-color .15s ease,background-color .15s ease}.camera-reticle-pad:hover{border-color:var(--border-highlight);background:#ebedf2}.camera-reticle-axis-x{position:absolute;top:50%;left:0;right:0;height:1px;background:#00000014;pointer-events:none;transform:translateY(-50%)}.camera-reticle-axis-y{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#00000014;pointer-events:none;transform:translate(-50%)}.camera-reticle-dot{position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:50%;background:var(--accent-blue);border:2px solid #ffffff;box-shadow:0 1px 4px #00000038;transform:translate(-50%,-50%);pointer-events:none;transition:transform .12s cubic-bezier(.16,1,.3,1)}.camera-reticle-pad:active .camera-reticle-dot{transform:translate(-50%,-50%) scale(1.18);background:var(--accent-blue-bright)}.lighting-subtext-label{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-muted);font-weight:300}.lighting-backdrop-capsule{display:grid;grid-template-columns:repeat(5,1fr);background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:2px}.lighting-backdrop-btn{height:28px;font-size:11px;padding:0 4px}.lighting-info-banner{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);line-height:1.35;padding:6px 10px;background:var(--bg-card-subtle);border:1px solid var(--border-panel);border-radius:var(--radius-sm);margin-top:2px}.lighting-info-banner .icon{color:#e67e22;flex-shrink:0}.lighting-mode-capsule{display:grid;grid-template-columns:1fr 1fr;background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.lighting-mode-btn{gap:6px;font-size:11.5px}.hdri-canvas-card{position:relative;height:124px;background:radial-gradient(circle at 60% 45%,#2a2d34,#16181d);border-radius:var(--radius-card);border:1px solid var(--border-panel);overflow:hidden;box-shadow:inset 0 2px 6px #00000040;cursor:crosshair}.hdri-canvas-grid-line{position:absolute;pointer-events:none;border-color:#ffffff14}.hdri-canvas-grid-line.h-line{left:0;right:0;top:50%;border-top:1px dashed rgba(255,255,255,.08)}.hdri-canvas-grid-line.v-line{top:0;bottom:0;left:50%;border-left:1px dashed rgba(255,255,255,.08)}.hdri-light-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;cursor:grab;transition:transform .1s ease}.hdri-light-pin:active{cursor:grabbing}.hdri-light-pin.pin-soft{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85) 0%,rgba(255,255,255,.2) 45%,transparent 70%);border:1px dashed rgba(255,255,255,.3)}.hdri-light-pin.pin-soft .pin-index{font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;color:#1d1d1f}.hdri-light-pin.pin-active{width:32px;height:32px}.hdri-light-pin.pin-active .pin-halo{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(0,113,227,.3) 0%,transparent 70%)}.hdri-light-pin.pin-active .pin-target-ring{width:22px;height:22px;border-radius:50%;border:2px solid var(--accent-blue-bright);background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #0a84ff99}.hdri-light-pin.pin-active .pin-center-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-blue)}.hdri-light-pin.pin-strip{width:14px;height:40px;transform:translate(-50%,-50%) rotate(16deg)}.hdri-light-pin.pin-strip .strip-bar{width:100%;height:100%;background:linear-gradient(180deg,#fff,#fff9);border-radius:3px;box-shadow:0 0 8px #fff6}.hdri-canvas-hint{font-family:DM Sans,sans-serif;font-size:10.5px;color:var(--text-muted);text-align:center;margin-top:2px}.lighting-preset-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.lighting-select-pill{flex:1;height:30px;border-radius:var(--radius-pill);background:#f0f1f4;border:1px solid var(--border-panel);padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:11.5px;color:var(--text-main);cursor:pointer;transition:all .15s ease}.lighting-select-pill:hover{background:#e8eaee;border-color:var(--border-highlight)}.lighting-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.lighting-actions-left,.lighting-actions-right{display:flex;align-items:center;gap:6px}.lighting-tool-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-control);background:#fff;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.lighting-tool-btn:hover{background:var(--bg-hover);border-color:var(--border-highlight);color:var(--text-main)}.lighting-tool-btn.active{background:#f0f1f4;border-color:var(--border-highlight);color:var(--accent-blue)}.lighting-layers-header{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.lighting-layers-count{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-muted);font-weight:300}.lighting-layers-list{display:flex;flex-direction:column;gap:6px}.lighting-layer-item{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:var(--radius-control);background:#fff;border:1px solid var(--border-panel);font-family:DM Sans,sans-serif;font-size:11.5px;color:var(--text-main);transition:all .15s ease;cursor:pointer}.lighting-layer-item:hover{border-color:var(--border-highlight);background:#fafbfc}.lighting-layer-item.selected{border-color:var(--accent-blue);background:#0071e30a}.lighting-eye-btn{width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease}.lighting-eye-btn.active{color:var(--text-secondary)}.lighting-eye-btn:hover{color:var(--text-main)}.layer-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.layer-dot.white{background:#fff;border:1px solid rgba(0,0,0,.15)}.layer-dot.ring{background:transparent;border:1.5px solid var(--text-muted)}.layer-name{flex:1;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-badge-row{display:flex;align-items:center;gap:6px}.layer-intensity-tag{font-family:DM Sans,monospace;font-size:11px;color:var(--text-secondary);background:#f0f1f4;padding:1px 6px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.layer-intensity-tag.muted{color:var(--text-muted)}.layer-tag-badge{font-family:DM Sans,sans-serif;font-size:10.5px;color:var(--text-muted);background:#f0f1f4;padding:1px 6px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.layer-trash-btn{width:18px;height:18px;border:none;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease}.layer-trash-btn:hover{color:#e74c3c}.lighting-shadow-banner{background:#0071e30d;border:1px solid rgba(0,113,227,.2);border-radius:var(--radius-card);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.lighting-shadow-header{display:flex;align-items:center;justify-content:space-between}.lighting-shadow-title{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:var(--text-main)}.lighting-shadow-desc{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-muted);line-height:1.35;margin:0;padding-left:23px}.vision-checkbox{width:16px;height:16px;border-radius:4px;accent-color:var(--accent-blue);cursor:pointer}.vision-checkbox-sm{width:14px;height:14px;border-radius:3px;accent-color:var(--accent-blue);cursor:pointer}.lighting-shape-row{display:flex;align-items:center;justify-content:space-between}.lighting-half-checkbox-label{display:flex;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-muted);cursor:pointer}.lighting-shape-capsule{display:grid;grid-template-columns:1fr 1fr;background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.lighting-shape-btn{gap:6px;font-size:11.5px}.lighting-blend-capsule,.lighting-falloff-capsule{display:grid;grid-template-columns:repeat(3,1fr);background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.lighting-blend-btn,.lighting-falloff-btn{font-size:11px;font-weight:400;padding:5px 4px;white-space:nowrap;justify-content:center}.backdrop-mode-panel{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-control);animation:panelViewEntrance .18s cubic-bezier(.16,1,.3,1) both}.backdrop-dots-row{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:4px 0 2px}.backdrop-upload-row{display:flex;align-items:center;justify-content:space-between}.backdrop-upload-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border-control);border-radius:var(--radius-pill);padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.backdrop-upload-btn:hover{background:#f7f8fa;border-color:#c4c7d0;transform:translateY(-1px)}.card-ratio-scroll-row{background:#f6f7f9;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:6px 4px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;align-items:center}.card-ratio-btn{background:transparent;border:1px solid transparent;border-radius:9px;padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.card-ratio-btn:hover{background:#00000008;color:var(--text-secondary)}.card-ratio-btn.active{background:#fff;border-color:var(--border-control);color:var(--accent-blue);box-shadow:0 1px 4px #0000000f}.card-ratio-btn.active .ratio-label{font-weight:500;color:var(--text-main)}.custom-ui-select{height:28px;padding:0 24px 0 10px;background:#fff;border:1px solid var(--border-control);border-radius:var(--radius-pill);color:var(--text-main);font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:400;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236e7687' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .15s ease}.custom-ui-select:hover{border-color:var(--border-highlight);background-color:#fbfcff}.custom-ui-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-subtle)}.flare-composite-row{display:flex;align-items:center;gap:8px}.flare-mini-select{width:72px;flex-shrink:0;height:26px;padding:0 18px 0 8px;font-size:10.5px}.color-swatch-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.color-swatch-input-wrap{display:flex;align-items:center;gap:8px}.color-swatch-thumb{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border-control);box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:0;outline:none;transition:transform .12s ease}.color-swatch-thumb:hover{transform:scale(1.08)}.color-hex-badge{width:76px;height:26px;text-transform:uppercase}.camera-blur-capsule{display:flex;background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.camera-blur-mode-btn,.camera-blur-mode-btn-3d{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:300;cursor:pointer;transition:all .15s ease}.camera-blur-mode-btn .icon,.camera-blur-mode-btn-3d .icon{width:14px;height:14px;flex-shrink:0}.camera-blur-mode-btn:hover,.camera-blur-mode-btn-3d:hover{color:var(--text-main)}.camera-blur-mode-btn.active,.camera-blur-mode-btn-3d.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #0000000f}.card-direction-capsule{display:flex;background:#f0f1f4;border-radius:var(--radius-pill);padding:3px;gap:3px}.card-direction-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:300;cursor:pointer;transition:all .15s ease}.card-direction-btn .icon{width:14px;height:14px;flex-shrink:0}.card-direction-btn:hover{color:var(--text-main)}.card-direction-btn.active{background:#fff;color:var(--text-main);font-weight:400;box-shadow:0 1px 3px #0000000f}.motion-slot-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-card-subtle, #f6f7f9);border:1px solid var(--border-subtle, #e5e7eb);border-radius:8px;transition:all .15s ease;user-select:none;position:relative}.motion-slot-item:hover{background:var(--bg-hover, #f0f1f4);border-color:#00000026}.motion-slot-item.dragging{opacity:.4;border-style:dashed;border-color:var(--color-accent, #0079fe)}.motion-slot-item.drag-over{border-color:var(--color-accent, #0079fe);background:#0079fe14}.slot-drag-handle{cursor:grab;color:var(--text-muted, #9ca3af);opacity:.5;display:flex;align-items:center;justify-content:center;padding:4px 2px;transition:opacity .15s ease;flex-shrink:0}.slot-drag-handle:hover{opacity:1;color:var(--text-main, #111827)}.slot-drag-handle:active{cursor:grabbing}.slot-thumbnail-box{width:48px;height:32px;border-radius:6px;overflow:hidden;position:relative;background:#1e1f24;border:1px solid var(--border-subtle, #e5e7eb);flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease}.slot-thumbnail-box:hover{border-color:var(--color-accent, #0079fe)}.slot-thumbnail-img,.slot-thumbnail-video{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.slot-vid-badge{position:absolute;bottom:2px;right:2px;background:#000000bf;backdrop-filter:blur(4px);color:#fff;font-size:8px;font-weight:700;padding:1px 3px;border-radius:2px;line-height:1;letter-spacing:.4px;pointer-events:none}.slot-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer}.slot-title{font-size:11.5px;font-weight:500;color:var(--text-main, #111827);line-height:1.2}.slot-subtitle{font-size:10.5px;color:var(--text-secondary, #6b7280);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-slot{background:transparent;border:none;cursor:pointer;opacity:.5;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9ca3af);transition:all .15s ease;border-radius:4px;flex-shrink:0}.btn-remove-slot:hover{opacity:1;color:#ef4444;background:#ef44441a}.export-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:#0f172aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .2s ease-out}.export-overlay.active{display:flex;opacity:1}.export-modal{width:min(440px,calc(100vw - 32px));padding:24px;background:#ffffffe0;border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:0 24px 60px #00000038,0 0 0 1px #0000000d;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);display:flex;flex-direction:column;gap:14px}[data-theme=dark] .export-modal{background:#18181be0;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #000000a6}.export-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.export-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary)}.export-modal-title svg{color:var(--accent-blue)}.export-progress-badge{font-family:DM Mono,monospace;font-size:12px;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);background:#007aff1f;color:var(--accent-blue)}.export-progress-bar-wrap{height:8px;border-radius:999px;background:#00000014;overflow:hidden}[data-theme=dark] .export-progress-bar-wrap{background:#ffffff1a}.export-progress-bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#007aff,#5856d6);transition:width .15s ease-out}.export-phase-desc{font-size:12px;color:var(--text-muted);min-height:16px;margin:0}.export-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.export-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;background:#0000000a}[data-theme=dark] .export-stat{background:#ffffff0d}.export-stat-label{font-size:10.5px;color:var(--text-muted)}.export-stat-value{font-family:DM Mono,monospace;font-size:12.5px;font-weight:500;color:var(--text-primary)}.export-modal-actions{display:flex;justify-content:flex-end;margin-top:4px}.export-cancel-btn{padding:7px 16px;font-size:12px;font-weight:500;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#0000000d;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.export-cancel-btn:hover{background:#ef44441f;color:#ef4444;border-color:#ef444433}.viewport-canvas.dragover{outline:2px dashed var(--accent-blue)!important;outline-offset:-4px!important;box-shadow:0 0 24px #007aff4d inset!important}.dropdown-wrapper{position:relative;display:inline-flex}.dropdown-menu{position:absolute;background:var(--bg-panel, #ffffff);border:1px solid var(--border-panel, #e5e7eb);border-radius:var(--radius-control, 14px);box-shadow:0 12px 36px #00000014,0 2px 8px #0000000a;padding:8px;z-index:200;box-sizing:border-box}.dropdown-menu[hidden]{display:none!important}.dropdown-wrapper.active>.dropdown-menu,.dropdown-menu.show{display:flex!important;flex-direction:column;animation:visionDropdownPop .18s cubic-bezier(.16,1,.3,1)}@keyframes visionDropdownPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-account-wrapper{display:inline-flex;align-items:center}.avatar-bezel-pill{position:relative;width:var(--grid-4);height:var(--grid-4);border-radius:50%;background:#fff;border:1px solid var(--border-panel);box-shadow:var(--shadow-capsule);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.avatar-bezel-pill:hover{border-color:var(--border-control);transform:scale(1.02)}.avatar-inner-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),#8b5cf6);color:#fff;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.avatar-bezel-pill .tier-badge,.avatar-bezel-pill .topbar-tier-badge{display:none!important}.user-account-dropdown-menu{top:calc(var(--grid-4) + 8px);right:0;min-width:250px;padding:12px}.user-profile-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle, #eeeff2)}.user-avatar-pill{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),#8b5cf6);color:#fff;font-size:11.5px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-profile-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.user-profile-name{font-size:13px;font-weight:500;color:var(--text-main, #1d1d1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-email{font-size:11px;color:var(--text-muted, #86868b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-actions{display:flex;flex-direction:column;gap:6px}.user-signin-btn{background:var(--accent-blue, #0071e3);color:#fff;border:none;border-radius:var(--radius-sm, 8px);font-weight:500;cursor:pointer;transition:all .15s ease}.user-signin-btn:hover{background:var(--accent-blue-bright, #0a84ff)}.user-admin-link,.user-signout-btn{border-radius:var(--radius-sm, 8px);cursor:pointer;transition:background .15s ease}.user-admin-link:hover,.user-signout-btn:hover{background:var(--bg-hover, #f0f1f4)}.save-rvh-dropdown-menu{top:calc(100% + 8px);left:0;min-width:260px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-sm, 8px);cursor:pointer;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:var(--bg-hover, #f0f1f4)}.dropdown-item-icon{width:28px;height:28px;border-radius:6px;background:var(--bg-card-subtle, #f6f7f9);display:flex;align-items:center;justify-content:center;color:var(--accent-blue, #0071e3);flex-shrink:0}.dropdown-item-content{display:flex;flex-direction:column;gap:1px;flex:1}.dropdown-item-title{font-size:12px;font-weight:500;color:var(--text-main, #1d1d1f)}.dropdown-item-desc{font-size:10.5px;color:var(--text-muted, #86868b);line-height:1.25}.dropdown-divider{height:1px;background:var(--border-subtle, #eeeff2);margin:4px 0}.tier-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:500;border-radius:var(--radius-sm, 8px);letter-spacing:.2px;user-select:none}.tier-badge.tier-free{background:var(--bg-card-subtle, #f6f7f9);color:var(--text-secondary, #515154);border:1px solid var(--border-control, #e0e2e7)}.tier-badge.tier-pro{background:#eab3081f;color:#b45309;border:1px solid rgba(234,179,8,.3)}.tier-badge.tier-admin{background:#a855f71f;color:#7e22ce;border:1px solid rgba(168,85,247,.3)}.virtual-canvas-modal-backdrop{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .2s ease}.virtual-canvas-modal-backdrop[style*="display: none"]{display:none!important}.render-settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:330px;max-width:calc(100vw - 24px);max-height:calc(100vh - 100px);overflow-y:auto;background:var(--bg-card, #ffffff);border:1px solid var(--border-control, #e0e2e7);border-radius:var(--radius-md, 12px);box-shadow:0 16px 40px #0000001f;padding:14px;display:flex;flex-direction:column;gap:12px;color:var(--text-main, #1d1d1f)}.render-settings-dropdown[hidden]{display:none!important}.rsd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle, #eeeff2)}.rsd-header strong{display:block;font-size:13px;font-weight:600;color:var(--text-main, #1d1d1f)}.rsd-header span{font-size:11px;color:var(--text-muted, #86868b)}.rsd-presets{display:flex;align-items:center;justify-content:space-between;gap:8px}.rsd-presets .rsd-label{font-size:11.5px;font-weight:500;color:var(--text-secondary, #515154)}.pt-segmented{display:flex;align-items:center;background-color:var(--bg-card-subtle, #f6f7f9);border:1px solid var(--border-control, #e0e2e7);border-radius:var(--radius-sm, 8px);overflow:hidden;padding:2px;gap:2px}.pt-segmented button{appearance:none;border:none;background:transparent;color:var(--text-secondary, #515154);font-family:inherit;font-size:11px;font-weight:500;padding:4px 9px;border-radius:6px;cursor:pointer;transition:all .15s ease}.pt-segmented button:hover{color:var(--text-main, #1d1d1f);background-color:#0000000a}.pt-segmented button.active{background-color:#fff;color:var(--accent-blue, #0071e3);box-shadow:0 1px 3px #00000014}.rsd-toggle-row{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;padding:6px 4px;border-bottom:1px solid var(--border-subtle, #eeeff2);margin-bottom:2px}.rsd-toggle-row>span{font-size:11.5px;font-weight:500;color:var(--text-main, #1d1d1f)}.rsd-toggle-row input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--accent-blue, #0071e3)}.rsd-section{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle, #eeeff2)}.rsd-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #86868b);margin:0}.rsd-row{display:flex;flex-direction:column;gap:4px}.rsd-row>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary, #515154)}.rsd-row output{font-weight:500;color:var(--text-main, #1d1d1f);font-family:monospace}.rsd-row input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border-control, #e0e2e7);accent-color:var(--accent-blue, #0071e3);cursor:pointer}.rsd-select{width:100%;background-color:var(--bg-card-subtle, #f6f7f9);border:1px solid var(--border-control, #e0e2e7);border-radius:var(--radius-sm, 8px);color:var(--text-main, #1d1d1f);font-family:inherit;font-size:11.5px;padding:5px 8px;cursor:pointer;outline:none;transition:border-color .15s ease}.rsd-select:focus{border-color:var(--accent-blue, #0071e3)}#btn-drs-toggle.off{opacity:.6;background:var(--bg-card-subtle, #f6f7f9);color:var(--text-muted, #86868b)}#btn-drs-toggle.off svg{stroke:var(--text-muted, #86868b)}.virtual-canvas-modal-backdrop{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background-color:#00000040!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;opacity:0;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.virtual-canvas-modal-backdrop.active{display:flex!important;opacity:1!important}.virtual-canvas-modal{display:flex!important;flex-direction:column!important;width:min(960px,calc(100vw - 48px))!important;height:min(760px,calc(100vh - 64px))!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:28px!important;box-shadow:0 16px 48px #0000001a,0 1px 3px #00000008!important;overflow:hidden!important;box-sizing:border-box!important;animation:vcModalIn .22s cubic-bezier(.16,1,.3,1)!important}@keyframes vcModalIn{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.virtual-canvas-modal svg,.virtual-canvas-modal .isax{display:inline-block;vertical-align:middle;flex-shrink:0;color:currentColor}.virtual-canvas-header{height:56px!important;min-height:56px!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #eeeff2!important;background-color:#fff!important;box-sizing:border-box!important}.virtual-canvas-title-group{display:flex!important;align-items:center!important;gap:12px!important}.virtual-canvas-title{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:-.2px!important;color:#1d1d1f!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}.virtual-canvas-title svg,.virtual-canvas-title .isax{width:18px!important;height:18px!important;color:#0071e3!important}.virtual-canvas-badge{font-family:DM Sans,monospace!important;font-size:11.5px!important;font-weight:400!important;letter-spacing:.1px!important;padding:3px 10px!important;border-radius:9999px!important;background-color:#0071e314!important;color:#0071e3!important;border:1px solid rgba(0,113,227,.18)!important}.vc-close-btn,#vc-btn-close{width:32px!important;height:32px!important;border-radius:50%!important;border:1px solid #e0e2e7!important;background-color:#fff!important;color:#515154!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;transition:all .15s ease!important}.vc-close-btn:hover,#vc-btn-close:hover{background-color:#f0f1f4!important;color:#1d1d1f!important;border-color:#d1d5db!important}.vc-close-btn svg,.vc-close-btn .isax,#vc-btn-close svg,#vc-btn-close .isax{width:15px!important;height:15px!important}.virtual-canvas-body{flex:1!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background-color:#f2f3f5!important;background-image:none!important;overflow:hidden!important;user-select:none!important;-webkit-user-select:none!important}.virtual-canvas-preview-wrapper{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;max-height:100%!important;border-radius:18px!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 20px #0000000f,0 1px 3px #00000005!important;overflow:hidden!important;cursor:grab!important;background-color:#fff!important;background-image:linear-gradient(45deg,rgba(0,0,0,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.035) 75%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0px!important;transition:box-shadow .18s ease!important}.virtual-canvas-preview-wrapper.is-dragging{cursor:grabbing!important;box-shadow:0 10px 30px #0000001f!important}.virtual-canvas-preview-canvas{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.virtual-canvas-hint{position:absolute!important;bottom:16px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;align-items:center!important;gap:7px!important;padding:6px 15px!important;border-radius:9999px!important;background-color:#fff!important;border:1px solid #e5e7eb!important;font-family:DM Sans,-apple-system,sans-serif!important;font-size:11.5px!important;font-weight:400!important;color:#515154!important;pointer-events:none!important;box-shadow:0 2px 10px #0000000d!important}.virtual-canvas-hint svg,.virtual-canvas-hint .isax{width:14px!important;height:14px!important;color:#0071e3!important}.virtual-canvas-loading{position:absolute!important;inset:0!important;display:none!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;background-color:#ffffffe0!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:10!important}.virtual-canvas-loading.active{display:flex!important}.virtual-canvas-spinner{width:26px!important;height:26px!important;border:2px solid #e0e2e7!important;border-top-color:#0071e3!important;border-radius:50%!important;animation:vcSpin .7s linear infinite!important}@keyframes vcSpin{to{transform:rotate(360deg)}}.virtual-canvas-footer{height:64px!important;min-height:64px!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-top:1px solid #eeeff2!important;background-color:#fff!important;gap:16px!important;box-sizing:border-box!important}.virtual-canvas-controls-group{display:flex!important;align-items:center!important;gap:14px!important}.virtual-canvas-mode-group{display:inline-flex!important;align-items:center!important;height:36px!important;padding:3px!important;background-color:#f0f1f4!important;border-radius:9999px!important;border:1px solid #eeeff2!important;gap:2px!important;box-sizing:border-box!important}.vc-mode-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:30px!important;padding:0 16px!important;font-family:DM Sans,-apple-system,sans-serif!important;font-size:12px!important;font-weight:300!important;border-radius:9999px!important;border:none!important;background:transparent!important;color:#86868b!important;cursor:pointer!important;transition:all .15s ease!important}.vc-mode-btn:hover{color:#1d1d1f!important}.vc-mode-btn.active{background-color:#fff!important;color:#1d1d1f!important;font-weight:400!important;box-shadow:0 1px 3px #00000014!important}.vc-mode-btn svg,.vc-mode-btn .isax{width:14px!important;height:14px!important}.vc-mode-btn.active svg,.vc-mode-btn.active .isax{color:#0071e3!important}.virtual-canvas-bg-control{display:none!important;align-items:center!important;gap:8px!important}.virtual-canvas-bg-control.active{display:flex!important}.vc-control-label{font-family:DM Sans,-apple-system,sans-serif!important;font-size:12px!important;font-weight:400!important;color:#515154!important}.vc-color-swatch-wrapper{position:relative!important;width:24px!important;height:24px!important;border-radius:7px!important;border:1px solid #e0e2e7!important;overflow:hidden!important;cursor:pointer!important;box-shadow:0 1px 3px #0000000f!important;box-sizing:border-box!important}.vc-color-input{position:absolute!important;inset:-10px!important;width:200%!important;height:200%!important;opacity:0!important;cursor:pointer!important}.vc-color-preview{width:100%!important;height:100%!important;background-color:#000!important}.virtual-canvas-zoom-control{display:flex!important;align-items:center!important;gap:8px!important}.virtual-canvas-zoom-slider{width:120px!important;height:26px!important;-webkit-appearance:none!important;appearance:none!important;background:#e8eaee!important;border:1px solid #e5e7eb!important;border-radius:9999px!important;padding:0 3px!important;outline:none!important;cursor:pointer!important;box-sizing:border-box!important}.virtual-canvas-zoom-slider::-webkit-slider-runnable-track{height:20px!important;background:transparent!important;border:none!important}.virtual-canvas-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 1px 3px #00000026!important;cursor:grab!important;margin-top:0!important;transition:transform .12s ease!important}.virtual-canvas-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.05)!important}.virtual-canvas-zoom-slider::-webkit-slider-thumb:active{cursor:grabbing!important}.virtual-canvas-zoom-slider::-moz-range-track{height:20px!important;background:transparent!important;border:none!important}.virtual-canvas-zoom-slider::-moz-range-thumb{width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 1px 3px #00000026!important;cursor:grab!important}.virtual-canvas-zoom-val{width:58px!important;height:26px!important;padding:0 6px!important;background-color:#f0f1f4!important;border:1px solid #e5e7eb!important;border-radius:9999px!important;color:#1d1d1f!important;font-family:DM Sans,monospace!important;font-size:11.5px!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;line-height:24px!important;box-sizing:border-box!important}.vc-btn-reset,#vc-btn-reset{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:36px!important;padding:0 16px!important;font-family:DM Sans,-apple-system,sans-serif!important;font-size:12.5px!important;font-weight:400!important;border-radius:9999px!important;border:1px solid #e0e2e7!important;background-color:#f0f1f4!important;color:#515154!important;cursor:pointer!important;box-sizing:border-box!important;transition:all .15s ease!important}.vc-btn-reset:hover,#vc-btn-reset:hover{background-color:#e8eaee!important;color:#1d1d1f!important;border-color:#d1d5db!important}.vc-btn-reset svg,.vc-btn-reset .isax,#vc-btn-reset svg,#vc-btn-reset .isax{width:14px!important;height:14px!important}.virtual-canvas-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important}.vc-btn-cancel,#vc-btn-cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;padding:0 20px!important;font-family:DM Sans,-apple-system,sans-serif!important;font-size:12.5px!important;font-weight:400!important;letter-spacing:-.1px!important;border-radius:9999px!important;border:1px solid #e0e2e7!important;background-color:#fff!important;color:#1d1d1f!important;cursor:pointer!important;box-shadow:0 1px 2px #00000008!important;box-sizing:border-box!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important}.vc-btn-cancel:hover,#vc-btn-cancel:hover{background-color:#f0f1f4!important;border-color:#d1d5db!important;transform:translateY(-1px)!important}.vc-btn-cancel:active,#vc-btn-cancel:active{transform:scale(.98)!important}.vc-btn-apply,#vc-btn-apply{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:36px!important;padding:0 20px!important;font-family:DM Sans,-apple-system,sans-serif!important;font-size:12.5px!important;font-weight:400!important;letter-spacing:-.1px!important;border-radius:9999px!important;border:1px solid #0071e3!important;background-color:#0071e3!important;color:#fff!important;cursor:pointer!important;box-shadow:0 2px 8px #0071e340!important;box-sizing:border-box!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important}.vc-btn-apply:hover,#vc-btn-apply:hover{background-color:#0077ed!important;box-shadow:0 4px 14px #0071e359!important;transform:translateY(-1px)!important}.vc-btn-apply:active,#vc-btn-apply:active{transform:scale(.98)!important;box-shadow:0 1px 4px #0071e333!important}.vc-btn-apply svg,.vc-btn-apply .isax,#vc-btn-apply svg,#vc-btn-apply .isax{width:15px!important;height:15px!important}:root{--bg-bento: var(--bg-panel, #ffffff);--border-color: var(--border-panel, #e5e7eb);--border-subtle: var(--border-subtle, #eeeff2);--radius-lg: var(--radius-control, 14px);--radius-md: 10px;--radius-sm: 8px;--radius-xs: 4px;--color-accent: var(--accent-blue, #0071e3);--color-accent-subtle: rgba(0, 113, 227, .08);--bg-surface: var(--bg-card-subtle, #f6f7f9);--bg-viewport: #121214;--text-primary: var(--text-main, #1d1d1f);--text-secondary: var(--text-secondary, #515154);--text-muted: var(--text-muted, #86868b);--bg-bento-subtle: rgba(0, 0, 0, .02);--bg-bento-hover: rgba(0, 0, 0, .05);--transition-fast: .15s ease}[data-theme=dark]{--bg-bento: #1c1d22;--border-color: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .06);--color-accent: #0a84ff;--color-accent-subtle: rgba(10, 132, 255, .16);--bg-surface: #24252a;--bg-viewport: #121214;--text-primary: #ffffff;--text-secondary: #a1a1a6;--text-muted: #71717a;--bg-bento-subtle: rgba(255, 255, 255, .04);--bg-bento-hover: rgba(255, 255, 255, .08)}.subtrack-easing-btn,.easing-badge{cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.subtrack-easing-btn:hover,.easing-badge:hover{transform:scale(1.1);border-color:var(--color-accent)!important;color:var(--color-accent)!important}.easing-popover{position:fixed;z-index:99999;width:252px;background-color:var(--bg-bento);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000047,0 2px 8px #0000001f;padding:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:10px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);transform-origin:center top;user-select:none}.easing-popover.hidden{display:none!important;opacity:0!important;pointer-events:none!important;transform:scale(.95) translateY(6px)!important}.easing-popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-subtle);cursor:grab}.easing-popover-header.grabbing{cursor:grabbing}.easing-header-left{display:flex;align-items:center;gap:6px;color:var(--text-primary)}.easing-drag-grip{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.6;cursor:grab}.easing-popover-header:hover .easing-drag-grip{opacity:1;color:var(--color-accent)}.easing-popover-title{font-size:11.5px;font-weight:500;color:var(--text-primary);letter-spacing:.1px}.btn-close-easing{width:22px;height:22px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn-close-easing:hover{background-color:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}.easing-popover-content{display:flex;flex-direction:column;gap:10px}.easing-graph-wrapper{width:226px;height:226px;margin:0 auto;border-radius:var(--radius-md);background-color:var(--bg-viewport);border:1px solid var(--border-subtle);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.easing-graph-canvas{width:226px;height:226px;display:block;cursor:crosshair}.easing-type-switcher{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-surface);border-radius:var(--radius-sm);padding:3px;gap:3px;border:1px solid var(--border-subtle)}.easing-mode-btn{flex:1;height:26px;background:transparent;border:none;border-radius:var(--radius-xs);font-family:inherit;font-size:10.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);letter-spacing:.3px}.easing-mode-btn:hover{color:var(--text-primary)}.easing-mode-btn.active{background-color:var(--bg-bento);color:var(--color-accent);font-weight:600;box-shadow:0 1px 3px #00000026}.easing-presets-section{display:flex;flex-direction:column;gap:6px}.easing-presets-label{font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.2px;text-transform:none}.easing-presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.easing-preset-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px 4px;border-radius:var(--radius-sm);background-color:var(--bg-bento-subtle);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.easing-preset-card:hover{background-color:var(--bg-bento-hover);border-color:var(--border-color);transform:translateY(-1px)}.easing-preset-card.active{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.preset-card-preview{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.easing-preset-card.active .preset-card-preview{color:var(--color-accent)}.preset-card-name{font-family:DM Mono,monospace,sans-serif;font-size:9.5px;font-weight:400;color:var(--text-muted);letter-spacing:-.2px}.easing-preset-card.active .preset-card-name{color:var(--color-accent);font-weight:500}