.mcr-root{position:relative;display:flex;align-items:center;z-index:200;-webkit-app-region:no-drag}.mcr-panel{position:absolute;top:calc(100% + calc(6px * var(--ui-scale, 1)));right:calc(8px * var(--ui-scale, 1));min-width:calc(300px * var(--ui-scale, 1));width:min(calc(340px * var(--ui-scale, 1)),calc(100vw - 16px));background:var(--panel-inner-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-md);padding:calc(12px * var(--ui-scale, 1));box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1)) #00000059;display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));font-family:var(--font-family, system-ui, sans-serif);font-size:calc(12px * var(--ui-scale, 1));z-index:300;-webkit-app-region:no-drag;animation:mcr-fadeIn .12s ease}@keyframes mcr-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mcr-header{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1))}.mcr-header-left{display:flex;align-items:center;gap:calc(7px * var(--ui-scale, 1))}.mcr-title{font-size:calc(15px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)}.mcr-badge{display:inline-flex;align-items:center;padding:0 calc(6px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1));border-radius:calc(999px * var(--ui-scale, 1));font-size:calc(9px * var(--ui-scale, 1));font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mcr-badge--recording{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 40%,transparent);color:var(--accent-primary)}.mcr-badge--paused{background:color-mix(in srgb,var(--color-warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 35%,transparent);color:var(--color-warning)}.mcr-close-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:calc(3px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));border-radius:var(--radius-control);transition:background .14s ease,border-color .14s ease;line-height:1.2}.mcr-close-btn:hover:not(:disabled){background:var(--panel-header-hover);border-color:var(--border-strong)}.mcr-close-btn:disabled{opacity:.35;cursor:not-allowed}.mcr-divider{height:1px;background:var(--border-color)}.mcr-stack{display:flex;flex-direction:column;gap:calc(9px * var(--ui-scale, 1))}.mcr-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1))}.mcr-info-key{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);flex-shrink:0}.mcr-info-val{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-main);font-variant-numeric:tabular-nums;text-align:right}.mcr-info-val--highlight{color:var(--accent-primary);font-size:calc(11px * var(--ui-scale, 1));font-weight:600}.mcr-checkbox-row{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;padding:calc(4px * var(--ui-scale, 1)) 0}.mcr-checkbox-row input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;width:calc(13px * var(--ui-scale, 1));height:calc(13px * var(--ui-scale, 1));margin:0}.mcr-hint{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);line-height:1.45;padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:var(--surface-control);border-radius:var(--radius-control);border:1px solid var(--border-color)}.mcr-mode-toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.08);border-radius:calc(8px * var(--ui-scale, 1));background:#ffffff08}.mcr-mode-btn{border:none;background:transparent;color:var(--text-muted);min-height:calc(30px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));font-family:var(--font-family);font-size:calc(11px * var(--ui-scale, 1));cursor:pointer}.mcr-mode-btn.active{background:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.mcr-mode-btn--locked,.mcr-mode-btn:disabled{opacity:.55;cursor:not-allowed}.mcr-offscreen-note{margin:0;font-size:calc(10px * var(--ui-scale, 1));line-height:1.45;color:var(--text-muted)}.mcr-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(8px * var(--ui-scale, 1))}.mcr-field{display:flex;flex-direction:column;align-items:stretch;gap:calc(4px * var(--ui-scale, 1));min-width:0}.mcr-field .custom-dropdown{width:100%;min-width:0}.mcr-field .custom-dropdown-trigger,.mcr-field .custom-dropdown-value{min-width:0}.mcr-label{font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-main)}.mcr-actions{display:flex;gap:calc(6px * var(--ui-scale, 1));flex-wrap:wrap}.mcr-btn{padding:calc(8px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-main);font-family:var(--font-family);font-size:calc(11px * var(--ui-scale, 1));font-weight:500;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease}.mcr-btn:hover{background:var(--panel-header-hover);border-color:var(--border-strong)}.mcr-btn:active{transform:translateY(1px)}.mcr-btn--primary{flex:1 1 auto;justify-content:center;background:transparent;border-color:color-mix(in srgb,var(--accent-primary) 46%,var(--border-color));color:var(--accent-primary)}.mcr-btn--primary:hover{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 62%,var(--border-color))}.mcr-btn--pause{border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--border-color))}.mcr-btn--stop{border-color:var(--border-strong)}.mcr-btn--abort{background:none;border-color:var(--border-color);color:var(--text-muted)}.mcr-live-section{display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1))}.mcr-live-status{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1))}.mcr-live-copy{display:flex;flex-direction:column;gap:calc(1px * var(--ui-scale, 1))}.mcr-live-label{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)}.mcr-elapsed{font-variant-numeric:tabular-nums;font-size:calc(16px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);letter-spacing:.02em}.mcr-countdown{font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-muted);margin-left:calc(2px * var(--ui-scale, 1))}.mcr-dot{width:calc(8px * var(--ui-scale, 1));height:calc(8px * var(--ui-scale, 1));border-radius:50%;flex-shrink:0}.mcr-dot--rec{background:var(--color-recording);animation:mcr-blink 1.2s ease-in-out infinite}.mcr-dot--pause{background:var(--color-warning)}@keyframes mcr-blink{0%,to{opacity:1}50%{opacity:.25}}.mcr-msg{padding:calc(7px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));border-radius:var(--radius-control);border:1px solid var(--border-color);background:transparent;color:var(--text-main);font-size:calc(11px * var(--ui-scale, 1));line-height:1.45}.mcr-msg-success{border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent);background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.mcr-msg-error{border-color:color-mix(in srgb,var(--color-destructive) 22%,transparent);background:color-mix(in srgb,var(--color-destructive) 6%,transparent);color:color-mix(in srgb,var(--color-destructive) 70%,var(--text-main))}.mcr-msg-neutral{border-color:var(--border-color);background:transparent}.mcr-preview-section{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale, 1));border-top:1px solid var(--border-color);padding-top:calc(8px * var(--ui-scale, 1))}.mcr-preview-header{display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.mcr-preview-title{font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)}.mcr-preview-sub{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)}.mcr-preview-video{width:100%;border-radius:var(--radius-control);background:#000;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--border-color)}.preferences-overlay,.preferences-panel-shell{--ui-scale: 1 !important}.preferences-overlay{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;background-color:transparent;animation:preferences-overlay-in .12s ease-out}.preferences-panel-shell{pointer-events:auto;-webkit-app-region:no-drag;app-region:no-drag}@keyframes preferences-overlay-in{0%{opacity:0}to{opacity:1}}.preferences-panel{display:flex;flex-direction:column;width:min(880px,96vw);height:min(620px,88vh);background:var(--surface-floating, var(--panel-bg));border:1px solid var(--border-floating, var(--border-color));border-radius:var(--radius-lg, 8px);box-shadow:0 18px 48px #000000a6;overflow:hidden;animation:preferences-panel-in .16s cubic-bezier(.2,.7,.2,1);font-family:var(--font-family);color:var(--text-main)}:root.theme-cream .preferences-panel{box-shadow:0 18px 48px #0000002e}.preferences-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;border-bottom:1px solid var(--border-strong);background:var(--panel-inner-bg);-webkit-user-select:none;user-select:none;z-index:2}.preferences-topbar:active,.preferences-panel-shell.preferences-dragging .preferences-topbar{cursor:grabbing}.preferences-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.preferences-topbar-title{font-size:13px;font-weight:600;color:var(--text-passive);letter-spacing:0}.preferences-topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.preferences-topbar-close{background:transparent;border:none;color:var(--text-muted);font-size:16px;line-height:1;padding:6px;border-radius:6px;cursor:pointer}.preferences-topbar-close:hover{color:var(--text-main);background:var(--panel-header-hover)}.preferences-body{display:flex;flex:1;min-height:0;overflow:hidden}:root.theme-cream .preferences-topbar{background:var(--panel-inner-bg);border-bottom-color:#3c3c4324}:root.theme-cream .preferences-topbar-title{color:var(--text-main)}:root.theme-cream .preferences-topbar-close{color:#00000073}:root.theme-cream .preferences-topbar-close:hover{color:var(--text-main);background:#0000000f}@keyframes preferences-panel-in{0%{opacity:0;transform:scale(.985) translateY(calc(6px * var(--ui-scale, 1)))}to{opacity:1;transform:none}}.preferences-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--surface-floating, var(--panel-bg))}:root.theme-cream .preferences-sidebar{border-right-color:#3c3c4329}.preferences-nav{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:calc(1px * var(--ui-scale, 1))}.preferences-nav-item{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));width:100%;height:calc(32px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));border:none;border-radius:calc(var(--base-radius-md) * var(--ui-scale, 1));background:transparent;color:var(--text-passive);font-size:calc(12px * var(--ui-scale, 1));font-weight:500;font-family:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease;outline:none}.preferences-nav-item:hover{background-color:var(--panel-header-hover);color:var(--text-main)}.preferences-nav-item:focus-visible{box-shadow:inset 0 0 0 1px var(--accent-primary)}.preferences-nav-item.active{background-color:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.preferences-nav-icon{width:calc(15px * var(--ui-scale, 1));height:calc(15px * var(--ui-scale, 1));flex-shrink:0;opacity:.85}.preferences-nav-item.active .preferences-nav-icon{opacity:1}.preferences-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--panel-bg)}.preferences-content{flex:1;overflow-y:auto;padding:16px 20px 20px}.preferences-category-heading{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-passive);letter-spacing:0}.preferences-section-desc{margin:0 0 calc(20px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));color:var(--text-muted);line-height:1.55;max-width:calc(560px * var(--ui-scale, 1))}.preferences-group{margin-bottom:calc(28px * var(--ui-scale, 1))}.preferences-group:last-child{margin-bottom:0}.preferences-group-title{margin:0 0 calc(10px * var(--ui-scale, 1));padding-bottom:calc(8px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color-light);font-size:calc(10.5px * var(--ui-scale, 1));font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.preferences-row{display:flex;align-items:center;justify-content:space-between;gap:calc(20px * var(--ui-scale, 1));padding:calc(11px * var(--ui-scale, 1)) 0;min-height:calc(44px * var(--ui-scale, 1))}.preferences-row+.preferences-row{border-top:1px solid var(--border-color-light)}.preferences-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.preferences-row-label{display:block;font-size:calc(13px * var(--ui-scale, 1));font-weight:500;color:var(--text-main);line-height:1.3}.preferences-row-hint{display:block;font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);line-height:1.4}.preferences-row-control{flex-shrink:0;display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1))}.preferences-select{min-width:calc(160px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));padding:0 calc(28px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1));border:1px solid var(--border-strong);border-radius:calc(var(--base-radius-md) * var(--ui-scale, 1));background-color:var(--surface-control);color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 1 6 7 11 1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(10px * var(--ui-scale, 1)) center;background-size:calc(10px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));transition:background-color .12s ease,border-color .12s ease}.preferences-select:hover{background-color:var(--surface-control-hover)}.preferences-select:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--state-active-ring)}.preferences-theme-options{display:inline-flex;padding:calc(2px * var(--ui-scale, 1));border:1px solid var(--border-strong);border-radius:calc(var(--base-radius-md) * var(--ui-scale, 1));background-color:var(--surface-control);gap:calc(2px * var(--ui-scale, 1))}.preferences-theme-btn{height:calc(24px * var(--ui-scale, 1));padding:0 calc(14px * var(--ui-scale, 1));border:none;border-radius:calc(3px * var(--ui-scale, 1));background:transparent;color:var(--text-passive);font-size:calc(12px * var(--ui-scale, 1));font-weight:500;font-family:inherit;cursor:pointer;transition:color .12s ease,background-color .12s ease}.preferences-theme-btn:hover{color:var(--text-main)}.preferences-theme-btn.active{background-color:var(--accent-primary);color:var(--text-on-accent)}.preferences-scale-value{min-width:calc(48px * var(--ui-scale, 1));text-align:right;font-size:calc(12px * var(--ui-scale, 1));font-variant-numeric:tabular-nums;color:var(--text-muted)}.preferences-scale-slider{width:calc(180px * var(--ui-scale, 1));height:calc(4px * var(--ui-scale, 1));appearance:none;-webkit-appearance:none;background:var(--slider-bg);border-radius:calc(2px * var(--ui-scale, 1));outline:none;cursor:pointer;margin:0}.preferences-scale-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));border-radius:50%;background:var(--accent-primary);border:calc(2px * var(--ui-scale, 1)) solid var(--panel-bg);box-shadow:0 0 0 1px var(--accent-primary);cursor:pointer}.preferences-scale-slider::-moz-range-thumb{width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));border-radius:50%;background:var(--accent-primary);border:calc(2px * var(--ui-scale, 1)) solid var(--panel-bg);box-shadow:0 0 0 1px var(--accent-primary);cursor:pointer}.preferences-scale-slider:focus-visible{box-shadow:0 0 0 2px var(--state-active-ring)}.preferences-toggle{width:calc(32px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1));border-radius:calc(9px * var(--ui-scale, 1));background-color:var(--surface-control);border:1px solid var(--border-strong);position:relative;cursor:pointer;transition:background-color .18s ease,border-color .18s ease;flex-shrink:0;outline:none}.preferences-toggle:before{content:"";position:absolute;top:calc(2px * var(--ui-scale, 1));left:calc(2px * var(--ui-scale, 1));width:calc(12px * var(--ui-scale, 1));height:calc(12px * var(--ui-scale, 1));border-radius:50%;background:var(--text-muted);transition:transform .18s ease,background-color .18s ease}.preferences-toggle:hover:not(.active){border-color:var(--text-muted)}.preferences-toggle:focus-visible{box-shadow:0 0 0 2px var(--state-active-ring)}.preferences-toggle.active{background-color:var(--accent-primary);border-color:var(--accent-primary)}.preferences-toggle.active:before{transform:translate(calc(14px * var(--ui-scale, 1)));background:var(--text-on-accent)}.preferences-web-locked-group{border:0;margin:0;padding:0;min-width:0}.preferences-web-locked-group:disabled{opacity:.42;cursor:not-allowed}.preferences-web-locked-group:disabled .preferences-toggle,.preferences-web-locked-group:disabled .preferences-select,.preferences-web-locked-group:disabled .preferences-action-btn,.preferences-web-locked-group:disabled .preferences-theme-btn,.preferences-web-locked-group:disabled .preferences-start-mode-option,.preferences-web-locked-group:disabled input[type=range],.preferences-web-locked-group:disabled .preferences-scale-reset{cursor:not-allowed}.prefs-shortcut-item.web-trial-pref-locked{opacity:.42}.preferences-action-btn{height:calc(28px * var(--ui-scale, 1));padding:0 calc(14px * var(--ui-scale, 1));border:1px solid var(--border-strong);border-radius:calc(var(--base-radius-md) * var(--ui-scale, 1));background-color:var(--surface-control);color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .12s ease,border-color .12s ease;white-space:nowrap}.preferences-action-btn:hover{background-color:var(--surface-control-hover);border-color:var(--text-muted)}.preferences-action-btn:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--state-active-ring)}.preferences-action-btn.primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.preferences-action-btn.primary:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.preferences-action-btn.danger{border-color:#e8112373;color:var(--color-destructive);background-color:var(--state-destructive-bg)}.preferences-action-btn.danger:hover{background-color:#e811232e;border-color:var(--color-destructive)}.preferences-warning-box{padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border:1px solid rgba(246,166,35,.32);border-radius:calc(var(--base-radius-md) * var(--ui-scale, 1));background-color:#f6a62314;font-size:calc(12px * var(--ui-scale, 1));color:var(--text-passive);line-height:1.5;margin-bottom:calc(20px * var(--ui-scale, 1))}.preferences-row-control .font-selector-trigger{min-width:calc(180px * var(--ui-scale, 1))}.preferences-save-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-weight:400;opacity:0;transition:opacity .2s ease}.preferences-save-status.visible{opacity:1}.preferences-save-status:before{content:"";width:6px;height:6px;border-radius:50%;background-color:#34c759;box-shadow:0 0 6px #34c75980}.preferences-content::-webkit-scrollbar,.preferences-nav::-webkit-scrollbar{width:calc(8px * var(--ui-scale, 1));height:calc(8px * var(--ui-scale, 1))}.preferences-content::-webkit-scrollbar-thumb,.preferences-nav::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:calc(4px * var(--ui-scale, 1));border:calc(2px * var(--ui-scale, 1)) solid transparent;background-clip:padding-box}.preferences-content::-webkit-scrollbar-thumb:hover,.preferences-nav::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted);background-clip:padding-box}.preferences-content::-webkit-scrollbar-track,.preferences-nav::-webkit-scrollbar-track{background:transparent}.preferences-drag-handle{-webkit-user-select:none;user-select:none}.preferences-start-mode-list{display:flex;flex-direction:column;gap:8px}.preferences-start-mode-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--base-radius-md, 6px);background:var(--surface-control);color:var(--text-main);cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.preferences-start-mode-option:hover{border-color:var(--border-strong);background:var(--surface-control-hover, var(--surface-control))}.preferences-start-mode-option.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-control))}.preferences-start-mode-label{font-size:13px;font-weight:500}.preferences-start-mode-hint{font-size:11px;color:var(--text-muted)}.preferences-scale-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.preferences-scale-reset{flex-shrink:0}.prefs-shortcuts-list{display:flex;flex-direction:column;gap:2px}.prefs-shortcut-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px;font-size:12px;border-bottom:1px solid var(--border-color)}.prefs-shortcut-item:last-child{border-bottom:none}.prefs-shortcut-desc{color:var(--text-main);flex:1;min-width:0}.prefs-shortcut-key-btn,.prefs-shortcut-edit-input{font-family:var(--font-family-mono, monospace);font-size:11px;padding:5px 10px;border-radius:4px;border:1px solid var(--border-color);background:var(--panel-header-bg);color:var(--accent-primary, var(--accent-color));min-width:100px;text-align:center}.prefs-shortcut-key-btn:not(:disabled){cursor:pointer}.prefs-shortcut-key-btn:not(:disabled):hover{border-color:var(--accent-primary)}.preferences-group--actions{display:flex;justify-content:flex-end;padding-top:4px}body.preferences-open .font-selector-panel--prefs-child{z-index:100048}.preferences-row-control .color-picker-wrapper{flex-shrink:0}.preferences-row-control .color-picker-box{width:calc(36px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));border-radius:calc(var(--base-radius-md) * var(--ui-scale, 1));border:1px solid var(--border-strong)}.sp-workspace{grid-column:1 / -1;grid-row:2 / -1;min-height:0;display:flex;flex-direction:column;background:var(--app-bg);border-radius:0;border:none;overflow:hidden;animation:spFadeIn .12s ease-out;position:relative}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}.sp-body{display:flex;flex:1;min-height:0;overflow:hidden}.sp-canvas-pane{position:relative;background:var(--viewport-bg, #0a0a0c);display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.sp-canvas{width:100%!important;height:100%!important;display:block;flex:1;min-height:0;object-fit:contain}.sp-split-handle{width:calc(4px * var(--ui-scale, 1));flex-shrink:0;background:var(--border-color);cursor:col-resize;transition:background-color .15s;z-index:1}.sp-split-handle:hover,.sp-split-handle:active{background:var(--accent-primary)}.sp-code-pane{flex:0 0 var(--panel-width-rail);width:var(--panel-width-rail);display:flex;flex-direction:column;background:var(--panel-bg);min-width:0;overflow:hidden}.sp-code-pane .cm-editor,.sp-code-pane .cm-scroller{background:var(--panel-bg)!important}.sp-code-pane .cm-content{background:transparent!important}.sp-code-pane .cm-selectionLayer .cm-selectionBackground{background:#ffffff47!important}.sp-code-pane .cm-editor.cm-focused .cm-selectionLayer .cm-selectionBackground{background:#ffffff59!important}.sp-code-pane .cm-gutters{background:var(--panel-header-bg)!important;color:var(--text-muted)!important}.sp-compile-controls{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0}.sp-compile-btn{width:var(--control-height-chrome);height:var(--control-height-chrome);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:calc(12px * var(--ui-scale, 1));line-height:1;border-radius:calc(4px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);background:var(--panel-bg);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sp-compile-btn:hover{background:color-mix(in srgb,var(--accent-primary) 12%,var(--panel-bg));color:var(--text-main);border-color:var(--accent-primary)}.sp-compile-play.active,.sp-compile-stop.active{background:color-mix(in srgb,var(--accent-primary) 18%,var(--panel-bg));color:var(--accent-primary);border-color:var(--accent-primary)}.sp-compile-btn .sp-compile-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.sp-compile-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.sp-compile-hint{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);margin-left:calc(4px * var(--ui-scale, 1))}.sp-editors{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sp-editor-block{display:flex;flex-direction:column;min-height:0;overflow:hidden}.sp-editor-block+.sp-editor-block{border-top:none}.sp-editor-split-handle{flex-shrink:0;height:5px;cursor:ns-resize;background:var(--border-color);transition:background .15s;-webkit-user-select:none;user-select:none}.sp-editor-split-handle:hover,.sp-editor-split-handle:active{background:color-mix(in srgb,var(--accent-primary) 70%,transparent)}.sp-editor-header{display:flex;justify-content:space-between;align-items:center;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.7px;flex-shrink:0}.sp-editor-hint{font-size:calc(9px * var(--ui-scale, 1));color:var(--text-muted);opacity:.85;font-weight:400;letter-spacing:0;text-transform:none;font-family:var(--font-family)}.sp-editor-hint-error{color:#ef5350d9;font-weight:600;opacity:1}.sp-code{flex:1;width:100%;background:var(--panel-bg);color:var(--text-main);border:none;padding:calc(10px * var(--ui-scale, 1)) calc(13px * var(--ui-scale, 1));font-family:Consolas,Monaco,Courier New,monospace;font-size:calc(12px * var(--ui-scale, 1));line-height:1.55;resize:none;outline:none;tab-size:2;min-height:0;user-select:text;-webkit-user-select:text;box-sizing:border-box}.sp-code::-webkit-scrollbar{width:5px}.sp-code::-webkit-scrollbar-track{background:transparent}.sp-code::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sp-uniforms{background:var(--panel-bg);border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);max-height:calc(240px * var(--ui-scale, 1));overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sp-uniforms::-webkit-scrollbar{width:4px}.sp-uniforms::-webkit-scrollbar-track{background:transparent}.sp-uniforms::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sp-uniforms-header{display:flex;justify-content:space-between;align-items:center;padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);color:var(--text-muted);font-size:var(--font-size-chrome-section);font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;user-select:none;-webkit-user-select:none;flex-shrink:0;border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);transition:background-color .12s}.sp-uniforms-header:hover{background:var(--panel-header-hover, rgba(255,255,255,.04))}.sp-u-count{opacity:.6;font-weight:400}.sp-collapse-arrow{font-size:calc(8px * var(--ui-scale, 1));opacity:.5}.sp-uniforms-body{padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.sp-uniform-row{margin-bottom:calc(9px * var(--ui-scale, 1))}.sp-uniform-row--has-track{border-left:2px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);padding-left:calc(6px * var(--ui-scale, 1));margin-left:calc(-8px * var(--ui-scale, 1))}.sp-uniform-row--animated{border-left:2px solid var(--accent-primary);padding-left:calc(6px * var(--ui-scale, 1));margin-left:calc(-8px * var(--ui-scale, 1))}.sp-uniform-row--animated .sp-uval{color:var(--color-transport-pause)}.sp-uniform-row--animated input[type=range]{background:color-mix(in srgb,var(--color-transport-pause) 15%,transparent)}.sp-uniform-row--animated input[type=range]::-webkit-slider-thumb{background:var(--color-transport-pause)}.sp-anim-dot{display:inline-block;font-size:calc(7px * var(--ui-scale, 1));margin-right:calc(3px * var(--ui-scale, 1));vertical-align:middle;color:color-mix(in srgb,var(--accent-primary) 50%,transparent);line-height:1}.sp-uniform-row--animated .sp-anim-dot{color:var(--color-transport-pause)}.sp-uniform-row label{display:flex;justify-content:space-between;color:var(--text-passive);font-size:var(--font-size-label);font-family:var(--font-family);margin-bottom:calc(4px * var(--ui-scale, 1))}.sp-uval{color:var(--accent-primary);font-family:var(--font-family-mono);font-size:var(--font-size-value)}.sp-utype{color:var(--text-muted);opacity:.7;font-size:var(--font-size-value);margin-left:4px;font-style:italic}.sp-uniform-row input[type=range]{width:100%;height:calc(3px * var(--ui-scale, 1));background:var(--slider-bg);outline:none;border-radius:2px;-webkit-appearance:none;appearance:none;border:none}.sp-uniform-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));background:var(--accent-primary);border-radius:50%;cursor:pointer}.sp-toggle-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family)}.sp-toggle{background:var(--surface-control);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);color:var(--text-muted);padding:2px calc(10px * var(--ui-scale, 1));border-radius:var(--radius-control);font-size:var(--font-size-value);cursor:pointer;font-family:var(--font-family-mono);min-height:var(--control-height-chrome);transition:all .15s}.sp-toggle-on{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-main)}.sp-toggle:hover{border-color:var(--border-color)}.sp-vec-row label{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);margin-bottom:calc(4px * var(--ui-scale, 1))}.sp-vec-inputs{display:flex;gap:calc(4px * var(--ui-scale, 1))}.sp-vec-input{flex:1;background:var(--surface-control);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);color:var(--text-main);padding:calc(3px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-radius:var(--radius-control);font-family:var(--font-family-mono);font-size:var(--font-size-value);width:0;outline:none;text-align:center;user-select:text;-webkit-user-select:text}.sp-vec-input:focus{border-color:var(--accent-primary)}.sp-vec-input::-webkit-inner-spin-button,.sp-vec-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sp-color-picker{width:calc(22px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(3px * var(--ui-scale, 1));padding:0;cursor:pointer;background:none;-webkit-appearance:none;appearance:none}.sp-color-picker::-webkit-color-swatch-wrapper{padding:0}.sp-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.sp-console{background:var(--panel-bg);border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0}.sp-console-header{display:flex;justify-content:space-between;align-items:center;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);color:var(--text-muted);font-size:var(--font-size-chrome-section);font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .12s}.sp-console-header:hover{background:var(--panel-header-hover, rgba(255, 255, 255, .04))}.sp-console-arrow{font-size:calc(8px * var(--ui-scale, 1));opacity:.6}.sp-console-body{padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);font-size:var(--font-size-value);font-family:var(--font-family);line-height:1.7;max-height:calc(120px * var(--ui-scale, 1));overflow-y:auto;overflow-x:hidden;word-wrap:break-word}.sp-console-body::-webkit-scrollbar{width:4px}.sp-console-body::-webkit-scrollbar-track{background:transparent}.sp-console-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sp-shortcut-line{color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);display:flex;flex-wrap:wrap;gap:0 calc(2px * var(--ui-scale, 1));align-items:baseline}.sp-tip-kbd{font-family:var(--font-family);font-size:calc(9px * var(--ui-scale, 1));padding:1px 4px;border-radius:3px;background:var(--slider-bg);border:1px solid var(--border-color);font-weight:500}.sp-shortcut-hint{color:var(--text-muted);opacity:.65;font-size:var(--font-size-value);font-family:var(--font-family-mono);margin-top:calc(4px * var(--ui-scale, 1));word-break:break-all}.sp-missing-uniforms{margin-top:calc(6px * var(--ui-scale, 1));padding-top:calc(6px * var(--ui-scale, 1));border-top:1px solid var(--border-color);font-size:var(--font-size-value);font-family:var(--font-family-mono);color:var(--text-muted);opacity:.9;word-break:break-all}.sp-console-footer{padding-top:calc(6px * var(--ui-scale, 1));padding-bottom:calc(4px * var(--ui-scale, 1));border-top:1px solid var(--border-color);margin-top:calc(6px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);color:var(--text-muted)}.sp-console-link{color:var(--accent-primary);text-decoration:none}.sp-console-link:hover{text-decoration:underline}.sp-handbook-panel{width:360px;max-height:560px;display:flex;flex-direction:column;background:var(--panel-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));box-shadow:0 8px 32px #0000008c;z-index:9999;font-family:var(--font-family);overflow:hidden}.sp-handbook-header{display:flex;align-items:center;justify-content:space-between;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);letter-spacing:.3px;flex-shrink:0}.sp-handbook-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:calc(12px * var(--ui-scale, 1));padding:0 2px;line-height:1;opacity:.6;transition:opacity .12s}.sp-handbook-close:hover{opacity:1}.sp-handbook-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(4px * var(--ui-scale, 1)) 0 0}.sp-handbook-body::-webkit-scrollbar{width:4px}.sp-handbook-body::-webkit-scrollbar-track{background:transparent}.sp-handbook-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sp-handbook-section{padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color)}.sp-handbook-section:last-of-type{border-bottom:none}.sp-handbook-section-title{font-size:calc(9px * var(--ui-scale, 1));font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:calc(7px * var(--ui-scale, 1));opacity:.7}.sp-handbook-hint{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);line-height:1.6;margin-bottom:calc(6px * var(--ui-scale, 1))}.sp-handbook-inline-code{font-family:Consolas,Monaco,monospace;font-size:calc(9.5px * var(--ui-scale, 1));background:var(--slider-bg, rgba(255,255,255,.06));padding:1px 4px;border-radius:3px;color:var(--text-main)}.sp-handbook-row{display:flex;align-items:baseline;gap:calc(8px * var(--ui-scale, 1));margin-bottom:calc(5px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)}.sp-handbook-row:last-child{margin-bottom:0}.sp-handbook-badge{flex-shrink:0;display:inline-block;font-size:calc(9px * var(--ui-scale, 1));font-weight:600;font-family:Consolas,Monaco,monospace;padding:1px 6px;border-radius:3px;border:1px solid}.sp-handbook-badge-green{color:#4ade80;border-color:#4ade8059;background:#4ade8014}.sp-handbook-badge-red{color:#f87171;border-color:#f8717159;background:#f8717114}.sp-handbook-table{width:100%;border-collapse:collapse;font-size:calc(10px * var(--ui-scale, 1))}.sp-handbook-table td{padding:calc(3px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));vertical-align:top;color:var(--text-muted);line-height:1.5}.sp-handbook-table tr:hover td{background:#ffffff06}.sp-handbook-code{font-family:Consolas,Monaco,monospace;font-size:calc(9.5px * var(--ui-scale, 1));color:var(--accent-primary);white-space:nowrap;padding-right:calc(10px * var(--ui-scale, 1))!important;width:1%}.sp-handbook-type{font-family:Consolas,Monaco,monospace;font-size:calc(8.5px * var(--ui-scale, 1));opacity:.55;margin-left:4px}.sp-handbook-pre{margin:calc(4px * var(--ui-scale, 1)) 0;padding:calc(7px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));background:var(--panel-header-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(4px * var(--ui-scale, 1));font-family:Consolas,Monaco,monospace;font-size:calc(9.5px * var(--ui-scale, 1));color:var(--text-muted);white-space:pre;overflow-x:auto;line-height:1.65}.sp-handbook-kbd-cell{width:1%;white-space:nowrap;padding-right:calc(10px * var(--ui-scale, 1))!important}.sp-handbook-kbd{display:inline-block;font-family:var(--font-family);font-size:calc(9px * var(--ui-scale, 1));font-weight:500;padding:1px 5px;border-radius:3px;background:var(--slider-bg, rgba(255,255,255,.06));border:1px solid var(--border-color);color:var(--text-main);white-space:nowrap}.sp-handbook-footer{padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);text-align:center}.sp-handbook-link{font-size:calc(10px * var(--ui-scale, 1));color:var(--accent-primary);text-decoration:none;opacity:.85;transition:opacity .12s}.sp-handbook-link:hover{opacity:1;text-decoration:underline}.sp-toolbar{position:absolute;bottom:calc(14px * var(--ui-scale, 1));left:calc(14px * var(--ui-scale, 1));right:calc(14px * var(--ui-scale, 1));display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));flex-wrap:wrap}.sp-res-toolbar{position:absolute;top:calc(10px * var(--ui-scale, 1));right:calc(10px * var(--ui-scale, 1));z-index:5;opacity:0;transition:opacity .15s;pointer-events:none}.sp-canvas-pane:hover .sp-res-toolbar{opacity:1;pointer-events:auto}.sp-res-select{height:calc(24px * var(--ui-scale, 1));padding:0 calc(8px * var(--ui-scale, 1));background:#101012c2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid rgba(255,255,255,.1);color:var(--text-muted);border-radius:calc(5px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='rgba(255,255,255,0.35)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(7px * var(--ui-scale, 1)) center;padding-right:calc(22px * var(--ui-scale, 1));transition:border-color .15s,color .15s}.sp-res-select:hover{border-color:var(--border-strong);color:var(--text-main)}.sp-res-select option{background:var(--panel-bg);color:var(--text-main)}.sp-btn{height:calc(27px * var(--ui-scale, 1));display:flex;align-items:center;gap:calc(5px * var(--ui-scale, 1));padding:0 calc(11px * var(--ui-scale, 1));background:var(--surface-overlay-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);color:var(--text-muted);border-radius:calc(5px * var(--ui-scale, 1));cursor:pointer;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}.sp-btn:hover{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text-main)}.sp-btn-active{border-color:#ef535080!important;color:#ef5350e6!important}.sp-file{height:calc(27px * var(--ui-scale, 1));display:flex;align-items:center;padding:0 calc(10px * var(--ui-scale, 1));background:var(--surface-overlay-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(5px * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);max-width:calc(180px * var(--ui-scale, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-error-fixed{position:fixed;top:0;left:0;right:0;z-index:100000;padding:calc(10px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));background:#1a0a0afa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:calc(2px * var(--ui-scale, 1)) solid rgba(239,83,80,.6);box-shadow:0 4px 20px #00000080}.sp-error-fixed-inner{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));max-width:min(100%,90vw);margin:0 auto}.sp-error-fixed-icon{flex-shrink:0;color:#ef5350;font-size:calc(18px * var(--ui-scale, 1))}.sp-error-fixed-text{flex:1;font-size:calc(12px * var(--ui-scale, 1));font-family:JetBrains Mono,Consolas,Monaco,monospace;color:#ffc8c8f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-error-fixed-dismiss{flex-shrink:0;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:calc(14px * var(--ui-scale, 1));padding:2px 8px;border-radius:calc(4px * var(--ui-scale, 1))}.sp-error-fixed-dismiss:hover{color:#fff;background:#ef535040}.sp-error{position:absolute;bottom:calc(52px * var(--ui-scale, 1));left:calc(8px * var(--ui-scale, 1));right:calc(8px * var(--ui-scale, 1));background:#1a0a0af7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:calc(6px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid rgba(239,83,80,.45);font-size:calc(11px * var(--ui-scale, 1));max-height:calc(240px * var(--ui-scale, 1));overflow:hidden;z-index:2;display:flex;flex-direction:column;box-shadow:0 4px 16px #0006}.sp-error-summary{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));color:#ef5350;flex-shrink:0}.sp-error-title{flex:1;font-size:calc(11px * var(--ui-scale, 1));font-weight:600;font-family:var(--font-family)}.sp-error-dismiss{background:none;border:none;color:#fff6;cursor:pointer;font-size:calc(11px * var(--ui-scale, 1));padding:0 2px;line-height:1;border-radius:calc(3px * var(--ui-scale, 1));transition:color .12s}.sp-error-dismiss:hover{color:#ffffffd9}.sp-error-details{overflow:auto;padding:0 calc(10px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-top:calc(1px * var(--ui-scale, 1)) solid rgba(239,83,80,.18)}.sp-error-details summary{cursor:pointer;font-size:calc(10px * var(--ui-scale, 1));color:#fff6;padding:calc(5px * var(--ui-scale, 1)) 0;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:4px}.sp-error-details summary:before{content:"▶";font-size:8px;transition:transform .12s}.sp-error-details[open] summary:before{transform:rotate(90deg)}.sp-error-details summary:hover{color:#ffffffb3}.sp-error-pre{margin:0;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:calc(10px * var(--ui-scale, 1));white-space:pre-wrap;word-break:break-all;color:#ffb4b4e6;padding:calc(4px * var(--ui-scale, 1)) 0;user-select:text;-webkit-user-select:text;cursor:text}.sp-gpu-overlay{position:absolute;top:calc(12px * var(--ui-scale, 1));right:calc(12px * var(--ui-scale, 1));background:var(--panel-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));min-width:calc(160px * var(--ui-scale, 1));z-index:3;box-shadow:0 4px 12px #0000004d;overflow:hidden}.sp-gpu-section-title{margin-bottom:calc(8px * var(--ui-scale, 1));font-weight:700;font-size:calc(13px * var(--ui-scale, 1));font-family:var(--font-family);color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:calc(6px * var(--ui-scale, 1))}.sp-gpu-row{display:flex;justify-content:space-between;align-items:center;gap:calc(16px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));font-family:Consolas,Monaco,monospace;color:var(--text-muted);line-height:1.6;margin-bottom:calc(4px * var(--ui-scale, 1))}.sp-gpu-row:last-child{margin-bottom:0}.sp-gpu-val{color:var(--text-main);font-weight:600}.sp-gpu-select{background:var(--bg-input, #23262b);color:var(--text-main);border:1px solid var(--border-color);border-radius:3px;padding:1px 4px;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-mono, monospace);outline:none;cursor:pointer}.sp-gpu-select:focus{border-color:var(--accent-primary)}.sp-gpu-val-small{color:var(--text-muted);font-weight:500;font-size:calc(10px * var(--ui-scale, 1))}.sp-gpu-divider{height:1px;background:var(--border-color);margin:calc(6px * var(--ui-scale, 1)) 0}.sp-gpu-hint{color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);justify-content:center;margin-top:calc(4px * var(--ui-scale, 1));opacity:.8}.sp-gpu-chart{display:block;margin-top:calc(6px * var(--ui-scale, 1));background:var(--slider-bg);border-radius:calc(3px * var(--ui-scale, 1));width:100%;height:calc(40px * var(--ui-scale, 1));color:var(--text-muted)}.sp-gpu-chart polyline{opacity:.9}.sp-recording-dropdown{position:absolute;top:calc(6px * var(--ui-scale, 1));right:calc(212px * var(--ui-scale, 1));width:calc(260px * var(--ui-scale, 1));z-index:300;box-shadow:0 8px 24px #0000008c;animation:spDropDown .12s ease-out}.sp-library-dropdown{width:min(520px,90vw);height:min(540px,70vh);z-index:200;display:flex;flex-direction:column;border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));overflow:hidden;box-shadow:0 8px 24px #00000080;animation:spDropDown .12s ease-out}@keyframes spDropDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.sp-library-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column}.sp-library-panel{position:absolute;inset:0;background:var(--panel-bg);z-index:10;display:flex;flex-direction:column;animation:spFadeIn .1s ease-out}.sp-library-header{display:flex;justify-content:space-between;align-items:center;padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0}.sp-library-title{font-size:calc(12px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);font-family:var(--font-family)}.sp-library-grid{flex:1;overflow-y:auto;padding:calc(14px * var(--ui-scale, 1));display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(120px * var(--ui-scale, 1)),1fr));gap:calc(10px * var(--ui-scale, 1));align-content:start}.sp-library-empty{grid-column:1 / -1;text-align:center;padding:calc(40px * var(--ui-scale, 1));color:#ffffff40;font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family)}.sp-timeline-panel{height:calc(160px * var(--ui-scale, 1));background:var(--panel-bg);border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0;overflow:hidden}.sp-texture-slots{display:flex;flex-direction:row;gap:calc(4px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#0a0a0eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border-color);overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.sp-tex-slot{position:relative;width:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1));border:1px dashed rgba(255,255,255,.2);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;overflow:hidden;transition:border-color .15s}.sp-tex-slot:hover{border-color:var(--accent-primary)}.sp-tex-slot[draggable=true]{cursor:grab}.sp-tex-slot[draggable=true]:active{cursor:grabbing}.sp-tex-slot-drag-over{border-color:var(--accent-primary)!important;border-style:solid!important;background:var(--state-active-bg)}.sp-tex-slot-dragging{opacity:.45;outline:1px dashed var(--state-active-ring)}.sp-tex-slot-filled{border-style:solid;border-color:var(--state-active-ring)}.sp-tex-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:3px}.sp-tex-thumb-video{display:flex;align-items:center;justify-content:center;font-size:calc(14px * var(--ui-scale, 1));color:var(--accent-primary);background:var(--state-active-bg);border-radius:3px}.sp-tex-clear{position:absolute;top:1px;right:1px;background:#000000b3;border:none;color:#fff;font-size:calc(8px * var(--ui-scale, 1));line-height:1;padding:1px 3px;border-radius:2px;cursor:pointer;z-index:2;opacity:0;transition:opacity .15s}.sp-tex-slot:hover .sp-tex-clear{opacity:1}.sp-tex-label{font-size:calc(8px * var(--ui-scale, 1));color:#fff6;font-family:Consolas,Monaco,monospace;text-align:center;z-index:1;pointer-events:none;position:absolute;bottom:2px;left:0;right:0}.sp-tex-slot-filled .sp-tex-label{color:#ffffffb3}.sp-tex-empty-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sp-tex-divider{width:1px;height:calc(28px * var(--ui-scale, 1));background:var(--border-color);flex-shrink:0;align-self:center;margin:0 calc(2px * var(--ui-scale, 1));opacity:.6}.sp-audio-base-slot{cursor:default;transition:border-color .15s,width .18s ease,background .15s}.sp-audio-idle{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:none;border:none;cursor:pointer;color:#ffffff47;padding:0 0 calc(10px * var(--ui-scale, 1)) 0;transition:color .15s}.sp-audio-idle:hover{color:var(--accent-primary)}.sp-audio-expanded{width:calc(160px * var(--ui-scale, 1));flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:0 calc(5px * var(--ui-scale, 1));gap:calc(3px * var(--ui-scale, 1));overflow:hidden}.sp-audio-slot-active{border-style:solid!important;border-color:#81c78459!important;background:#81c7840a}.sp-audio-icn{display:flex;align-items:center;flex-shrink:0;color:#ffffff73}.sp-audio-ctrl{display:flex;align-items:center;justify-content:center;width:var(--control-height-chrome);height:var(--control-height-chrome);flex-shrink:0;background:none;border:none;border-radius:var(--radius-control);cursor:pointer;color:var(--text-muted);padding:0;transition:color .12s,background .12s}.sp-audio-ctrl svg,.sp-transport-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.sp-audio-ctrl:hover{color:var(--text-main);background:var(--tl-control-hover)}.sp-audio-ctrl-active{color:var(--accent-primary)!important}.sp-audio-ctrl-muted{color:var(--color-destructive-alt)!important}.sp-audio-seek{flex:1;min-width:0;height:calc(12px * var(--ui-scale, 1));display:flex;align-items:center;cursor:pointer;position:relative}.sp-audio-seek:before{content:"";position:absolute;left:0;right:0;height:calc(3px * var(--ui-scale, 1));background:#ffffff1a;border-radius:2px}.sp-audio-seek-fill{position:absolute;left:0;width:var(--audio-progress, 0%);height:calc(3px * var(--ui-scale, 1));background:#81c784a6;border-radius:2px;pointer-events:none;transition:width .1s linear}.sp-audio-seek:hover:before{background:#ffffff2e}.sp-audio-seek:hover .sp-audio-seek-fill{background:#81c784e6}.sp-audio-close{display:flex;align-items:center;justify-content:center;width:calc(13px * var(--ui-scale, 1));height:calc(13px * var(--ui-scale, 1));flex-shrink:0;margin-left:auto;background:none;border:none;border-radius:2px;cursor:pointer;color:#ffffff38;font-size:calc(8px * var(--ui-scale, 1));line-height:1;padding:0;transition:color .12s}.sp-audio-close:hover{color:#ffffffbf}.sp-audio-other-inactive{opacity:.25;pointer-events:none}.sp-audio-expanded .sp-tex-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 calc(4px * var(--ui-scale, 1))}.sp-compile-reset{opacity:.7}.sp-compile-reset:hover{opacity:1}.sp-editor-collapse-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:calc(8px * var(--ui-scale, 1));padding:0 calc(5px * var(--ui-scale, 1)) 0 0;line-height:1;flex-shrink:0;opacity:.6;transition:opacity .12s}.sp-editor-collapse-btn:hover{opacity:1}.sp-video-controls{position:absolute;bottom:calc(52px * var(--ui-scale, 1));left:calc(12px * var(--ui-scale, 1));right:calc(12px * var(--ui-scale, 1));z-index:5;display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));min-height:var(--control-height-chrome);background:var(--surface-overlay-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-md);padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));opacity:0;pointer-events:none;transition:opacity .2s ease}.sp-canvas-pane:hover .sp-video-controls{opacity:1;pointer-events:auto}.sp-vc-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;width:var(--control-height-chrome);height:var(--control-height-chrome);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .12s,background .12s}.sp-vc-btn:hover{color:var(--text-main);background:var(--tl-control-hover)}.sp-vc-scrubber{flex:1;height:calc(3px * var(--ui-scale, 1));accent-color:var(--accent-primary);cursor:pointer}.sp-vc-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;background:var(--accent-primary);cursor:pointer}.sp-vc-scrubber::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);border:none;cursor:pointer}.sp-vc-time{font-size:var(--font-size-value);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.sp-overwrite-backdrop{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:500}.sp-overwrite-modal{background:var(--panel-bg, #1a1b1e);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(8px * var(--ui-scale, 1));padding:calc(20px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));min-width:calc(280px * var(--ui-scale, 1));max-width:calc(360px * var(--ui-scale, 1));box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;gap:calc(12px * var(--ui-scale, 1))}.sp-overwrite-title{font-size:calc(14px * var(--ui-scale, 1));font-weight:700;color:var(--text-main);font-family:var(--font-family)}.sp-overwrite-msg{font-size:calc(12px * var(--ui-scale, 1));color:var(--text-muted);font-family:var(--font-family);line-height:1.5}.sp-overwrite-actions{display:flex;gap:calc(8px * var(--ui-scale, 1));justify-content:flex-end}.sp-overwrite-yes,.sp-overwrite-cancel{height:calc(28px * var(--ui-scale, 1));padding:0 calc(14px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);cursor:pointer;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;transition:background .12s,border-color .12s}.sp-overwrite-yes{background:#ef535026;color:#ef5350e6;border-color:#ef535059}.sp-overwrite-yes:hover{background:#ef535040;border-color:#ef535099}.sp-overwrite-cancel{background:var(--panel-header-bg, rgba(30,31,34,.9));color:var(--text-muted)}.sp-overwrite-cancel:hover{background:#ffffff0f;color:var(--text-main)}.sp-saveframe-panel{position:absolute;top:calc(6px * var(--ui-scale, 1));right:calc(6px * var(--ui-scale, 1));width:calc(200px * var(--ui-scale, 1));background:var(--panel-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));z-index:300;box-shadow:0 8px 24px #0000008c;display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));animation:spDropDown .12s ease-out}.sp-saveframe-formats{display:flex;gap:calc(6px * var(--ui-scale, 1))}.sp-saveframe-fmt{flex:1;height:calc(26px * var(--ui-scale, 1));background:var(--slider-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);color:var(--text-muted);border-radius:calc(4px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:600;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}.sp-saveframe-fmt:hover{background:var(--panel-header-hover, rgba(255,255,255,.06));border-color:#fff3;color:var(--text-main)}.sp-saveframe-fmt-active{background:var(--state-active-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.sp-saveframe-quality{display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);font-family:var(--font-family)}.sp-saveframe-quality input[type=range]{width:100%;accent-color:var(--accent-primary);cursor:pointer}:root.theme-cream .sp-video-controls{background:var(--surface-overlay-card);border-color:var(--border-strong)}:root.theme-cream .sp-vc-btn:hover,:root.theme-cream .sp-audio-ctrl:hover{background:var(--tl-control-hover)}.sp-saveframe-save{height:calc(28px * var(--ui-scale, 1));background:var(--accent-primary);border:none;color:var(--text-on-accent);border-radius:calc(4px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:700;cursor:pointer;transition:opacity .12s}.sp-saveframe-save:hover{opacity:.85}.sp-hidden-media{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.sp-workspace--closed{display:none}.sp-floating-anchor{position:fixed;top:var(--float-top, 0);left:var(--float-left, 0);right:auto}.sp-code-pane--sized{width:var(--code-pane-width);flex:0 0 var(--code-pane-width)}.sp-editor-block--vert{flex:0 0 var(--vert-editor-flex, 50%)}.sp-editor-block--vert-collapsed{flex:0 0 auto}.sp-editor-block--frag{flex:1}.sp-editor-block--frag-collapsed{flex:0 0 auto}.sp-compile-btn--end{margin-left:auto}.sp-tex-slot--grab{cursor:grab}.sp-tex-slot--grabbing{cursor:grabbing}.sp-error-icon{flex-shrink:0}.lp-panel{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--panel-bg)}.lp-header{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:var(--panel-header-bg, rgba(255,255,255,.03));border-bottom:1px solid var(--border-color);flex-shrink:0}.lp-title{margin:0;font-size:calc(13px * var(--ui-scale, 1));font-weight:600;font-family:var(--font-family);color:var(--text-main);letter-spacing:.02em}.lp-actions,.lp-select-actions{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1))}.lp-actions-sep{width:1px;height:calc(14px * var(--ui-scale, 1));background:var(--border-color);opacity:.6;flex-shrink:0}.lp-btn-text{min-width:auto;padding:0 calc(6px * var(--ui-scale, 1));border:none;font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)}.lp-btn-text:hover{color:var(--text-main);background:transparent;border:none}.lp-btn{height:calc(26px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));background:transparent;border:1px solid var(--border-color);border-radius:calc(var(--radius-control, 4px) * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.lp-btn:hover{background:var(--panel-header-hover, rgba(255,255,255,.06));color:var(--text-main);border-color:#ffffff26}.lp-btn-emphasis{color:var(--accent-primary);border-color:var(--state-active-ring)}.lp-btn-emphasis:hover{background:var(--state-active-bg);border-color:var(--state-active-border);color:var(--accent-primary)}.lp-close{width:calc(26px * var(--ui-scale, 1));height:calc(26px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:calc(var(--radius-control, 4px) * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(18px * var(--ui-scale, 1));line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lp-close:hover{background:var(--panel-header-hover);color:var(--text-main)}.lp-toolbar{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color);flex-shrink:0}.lp-search{width:100%;height:calc(30px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));background:var(--slider-bg, rgba(255,255,255,.04));border:1px solid var(--border-color);border-radius:calc(var(--radius-control, 4px) * var(--ui-scale, 1));color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);outline:none;box-sizing:border-box;transition:border-color .15s ease}.lp-search::placeholder{color:var(--text-muted);opacity:.8}.lp-search:focus{border-color:var(--state-active-border);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.lp-tags{display:flex;flex-wrap:wrap;gap:calc(4px * var(--ui-scale, 1))}.lp-tag{height:calc(24px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));background:transparent;border:1px solid var(--border-color);border-radius:calc(12px * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease;text-transform:capitalize}.lp-tag:hover{color:var(--text-main);border-color:#fff3}.lp-tag-active{background:var(--state-active-bg);border-color:var(--state-active-border);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.lp-grid{flex:1;overflow-y:auto;padding:calc(8px * var(--ui-scale, 1));display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(72px * var(--ui-scale, 1)),1fr));gap:calc(6px * var(--ui-scale, 1));align-content:start}.lp-grid::-webkit-scrollbar{width:6px}.lp-grid::-webkit-scrollbar-track{background:transparent}.lp-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.lp-empty{grid-column:1 / -1;padding:calc(48px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));text-align:center;color:var(--text-muted);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);line-height:1.5}.lp-card{position:relative;display:flex;flex-direction:column;background:var(--slider-bg, rgba(255,255,255,.04));border:1px solid var(--border-color);border-radius:calc(4px * var(--ui-scale, 1));overflow:hidden;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.lp-card:hover{border-color:#ffffff26;background:#ffffff0f}.lp-card-builtin{border-style:dashed;border-color:#ffffff14}.lp-card-builtin:hover{border-color:#ffffff2e}.lp-card-selected{border-color:var(--state-active-border);background:var(--state-active-bg);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.lp-card-thumb{position:relative;aspect-ratio:1;background:#00000040;display:flex;align-items:center;justify-content:center;overflow:hidden}.lp-card-thumb-img{width:100%;height:100%;object-fit:cover;display:block;background:#0003}.lp-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000040;color:#ffffff26;font-size:calc(14px * var(--ui-scale, 1));font-family:var(--font-family)}.lp-card-thumb-placeholder:before{content:"◇";font-size:calc(18px * var(--ui-scale, 1))}.lp-card-check-wrap{position:absolute;top:calc(4px * var(--ui-scale, 1));left:calc(4px * var(--ui-scale, 1));z-index:2;opacity:0;transition:opacity .15s ease;cursor:pointer}.lp-card:hover .lp-card-check-wrap{opacity:1}.lp-card-checkbox{width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.35);border-radius:calc(3px * var(--ui-scale, 1));color:transparent;font-size:calc(9px * var(--ui-scale, 1));font-weight:700;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.lp-card-check-wrap:hover .lp-card-checkbox{border-color:#ffffff80;background:#0009}.lp-card-checkbox-on{background:var(--accent-primary);border-color:var(--accent-primary);color:#000}.lp-card-body{padding:calc(4px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));min-height:calc(20px * var(--ui-scale, 1));display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1));flex-shrink:0}.lp-card-name{font-size:calc(10px * var(--ui-scale, 1));font-weight:500;font-family:var(--font-family);color:var(--text-main);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-context-menu{position:fixed;z-index:5000;min-width:calc(120px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1));background:var(--panel-bg);border:1px solid var(--border-color);border-radius:calc(4px * var(--ui-scale, 1));box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:1px}.lp-context-item{display:block;width:100%;padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));background:transparent;border:none;border-radius:calc(3px * var(--ui-scale, 1));color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.lp-context-item:hover{background:var(--panel-header-hover, rgba(255,255,255,.08))}.lp-context-item-danger:hover{background:#ef535026;color:#ef5350f2}.lp-rename{width:100%;height:calc(18px * var(--ui-scale, 1));padding:0 calc(4px * var(--ui-scale, 1));background:var(--slider-bg);border:1px solid var(--accent-primary);border-radius:calc(3px * var(--ui-scale, 1));color:var(--text-main);font-size:calc(9px * var(--ui-scale, 1));font-family:var(--font-family);outline:none;box-sizing:border-box}.rc-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:calc(10px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));min-width:calc(300px * var(--ui-scale, 1));width:min(calc(340px * var(--ui-scale, 1)),calc(100vw - 16px));box-shadow:0 10px 28px #0000003d;font-family:var(--font-family, system-ui, sans-serif);font-size:calc(12px * var(--ui-scale, 1))}.rc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1))}.rc-heading-group{display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1));min-width:0}.rc-title-row{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1));flex-wrap:wrap}.rc-title{font-size:calc(15px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)}.rc-live-badge{display:inline-flex;align-items:center;justify-content:center;height:calc(18px * var(--ui-scale, 1));padding:0 calc(6px * var(--ui-scale, 1));border-radius:calc(999px * var(--ui-scale, 1));border:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text-muted);font-size:calc(9px * var(--ui-scale, 1));font-weight:700;letter-spacing:.05em;text-transform:uppercase}.rc-live-badge-ready{color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent);background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.rc-live-badge-recording,.rc-live-badge-processing{color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);background:color-mix(in srgb,var(--accent-primary) 15%,transparent)}.rc-live-badge-paused{color:#f6a623;border-color:#f6a62359;background:#f6a6231f}.rc-close{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);cursor:pointer;padding:calc(3px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));transition:background .14s ease,border-color .14s ease;line-height:1.2}.rc-close:hover{background:#ffffff0d;border-color:#ffffff24}.rc-unsupported{color:#f6a623;font-size:calc(11px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:#f6a6231a;border:1px solid rgba(246,166,35,.22);border-radius:calc(10px * var(--ui-scale, 1))}.rc-stack{display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1))}.rc-rule{height:1px;background:#ffffff14}.rc-section{display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));padding:0;border:none;background:transparent}.rc-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(10px * var(--ui-scale, 1))}.rc-section-title{margin:0;font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)}.rc-section-copy{margin:calc(3px * var(--ui-scale, 1)) 0 0;color:var(--text-muted);line-height:1.4;font-size:calc(10px * var(--ui-scale, 1))}.rc-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10px * var(--ui-scale, 1));align-items:end}.rc-field{display:flex;flex-direction:column;align-items:stretch;gap:calc(5px * var(--ui-scale, 1));color:var(--text-muted);min-width:0}.rc-field .custom-dropdown{width:100%;min-width:0}.rc-field .custom-dropdown-trigger,.rc-field .custom-dropdown-value{min-width:0}.rc-field-label{color:var(--text-main);font-weight:500;font-size:calc(11px * var(--ui-scale, 1))}.rc-field select{background:var(--panel-header-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:3px;padding:2px 4px;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer}.rc-mode-toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.08);border-radius:calc(8px * var(--ui-scale, 1));background:#ffffff08}.rc-mode-btn{border:none;background:transparent;color:var(--text-muted);min-height:calc(30px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));font-family:var(--font-family);font-size:calc(11px * var(--ui-scale, 1));cursor:pointer}.rc-mode-btn.active{background:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.rc-mode-btn--locked,.rc-mode-btn:disabled{opacity:.55;cursor:not-allowed}.rc-offscreen-note{margin:0;font-size:calc(10px * var(--ui-scale, 1));line-height:1.45;color:var(--text-muted)}.rc-status{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));padding:0}.rc-status-copy{display:flex;flex-direction:column;gap:calc(1px * var(--ui-scale, 1))}.rc-status-label{color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1))}.rc-dot{width:calc(8px * var(--ui-scale, 1));height:calc(8px * var(--ui-scale, 1));border-radius:50%;flex-shrink:0;box-shadow:none}.rc-dot-rec{background:#ff453ae6;animation:rc-blink 1.2s ease-in-out infinite}.rc-dot-pause{background:#f6a623}@keyframes rc-blink{0%,to{opacity:1}50%{opacity:.25}}.rc-elapsed{font-variant-numeric:tabular-nums;font-size:calc(16px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);letter-spacing:.02em}.rc-controls{display:flex;gap:calc(8px * var(--ui-scale, 1));flex-wrap:wrap}.rc-controls-idle{justify-content:stretch}.rc-btn{padding:calc(8px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));border-radius:calc(8px * var(--ui-scale, 1));border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-main);font-family:var(--font-family);font-size:calc(11px * var(--ui-scale, 1));font-weight:500;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease}.rc-btn:hover{background:#ffffff0a;border-color:#ffffff1f}.rc-btn:active{transform:translateY(calc(1px * var(--ui-scale, 1)))}.rc-btn-primary{flex:1 1 auto;justify-content:center;background:transparent;border-color:color-mix(in srgb,var(--accent-primary) 46%,var(--border-color));color:var(--accent-primary)}.rc-btn-primary:hover{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 62%,var(--border-color))}.rc-btn-rec{background:#f043;border-color:#f04;color:#f88;font-weight:600}.rc-btn-rec:hover{background:#ff004459}.rc-btn-stop{border-color:#ffffff1f;color:var(--text-main)}.rc-btn-stop:hover{background:#ffffff0a}.rc-btn-pause{border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--border-color));color:var(--text-main)}.rc-btn-pause:hover{background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.rc-btn-abort{background:none;border-color:var(--border-color);color:var(--text-muted)}.rc-btn-accent{background:var(--accent-primary);color:#fff;border-color:transparent;font-weight:600}.rc-btn-accent:hover{filter:brightness(1.15)}.rc-preview{display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));border-top:1px solid rgba(255,255,255,.08);padding-top:calc(10px * var(--ui-scale, 1))}.rc-video{width:100%;max-height:calc(164px * var(--ui-scale, 1));background:#000;border-radius:calc(8px * var(--ui-scale, 1));object-fit:contain;border:1px solid rgba(255,255,255,.08)}.rc-preview-actions{display:flex;gap:calc(8px * var(--ui-scale, 1));flex-wrap:wrap}.rc-offscreen-info{background:#ab47bc14;border-color:#ab47bc4d;color:#ce93d8e6}.rc-timeline-note{padding:0;background:transparent;border:none;border-radius:0;color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));line-height:1.45}.rc-hint{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted, #888);line-height:1.45;padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#ffffff08;border-radius:calc(6px * var(--ui-scale, 1));border:1px solid rgba(255,255,255,.06)}.rc-offscreen-summary{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));padding-top:calc(2px * var(--ui-scale, 1))}.rc-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:calc(8px * var(--ui-scale, 1))}.rc-info-key{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);flex-shrink:0}.rc-info-val{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-main);font-variant-numeric:tabular-nums;text-align:right}.rc-offscreen-progress{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale, 1))}.rc-offscreen-phase{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);font-family:var(--font-family);line-height:1.4}.rc-progress-percent{font-size:calc(16px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);font-variant-numeric:tabular-nums}.rc-progress-bar{height:calc(6px * var(--ui-scale, 1));background:#ffffff0f;border-radius:calc(999px * var(--ui-scale, 1));overflow:hidden}.rc-progress-fill{height:100%;background:color-mix(in srgb,var(--accent-primary) 78%,white 8%);border-radius:calc(999px * var(--ui-scale, 1));transition:width .15s linear}.rc-message{padding:calc(7px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));border-radius:calc(7px * var(--ui-scale, 1));border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-main);line-height:1.45;font-size:calc(11px * var(--ui-scale, 1))}.rc-message-success{border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent);background:color-mix(in srgb,var(--accent-primary) 8%,transparent);color:var(--text-main)}.rc-message-error{border-color:#ff453a38;background:#ff453a0f;color:#ff826e}.rc-message-neutral{border-color:var(--border-color);background:transparent;color:var(--text-main)}.tl3-panel{display:flex;flex-direction:column;background:var(--panel-bg);border-top:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-family);font-size:calc(11px * var(--ui-scale, 1));overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.tl3-panel--disabled{pointer-events:none;opacity:.5}.tl3-resize{height:3px;cursor:ns-resize;background:transparent;flex-shrink:0;transition:background .1s}.tl3-resize:hover,.tl3-resize:active{background:var(--accent-primary, var(--accent-primary))}.tl3-header{display:flex;align-items:center;height:var(--timeline-header-height);min-height:var(--timeline-header-height);padding:0 calc(8px * var(--ui-scale, 1));gap:calc(4px * var(--ui-scale, 1));background:var(--panel-header-bg, var(--panel-bg));border-bottom:1px solid var(--border-color);color:var(--text-main);flex-shrink:0}.tl3-collapse{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));min-width:calc(20px * var(--ui-scale, 1));min-height:calc(20px * var(--ui-scale, 1))}.tl3-collapse:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-collapse svg,.tl3-header-icon{display:block;width:calc(10px * var(--ui-scale, 1));height:calc(10px * var(--ui-scale, 1));min-width:calc(10px * var(--ui-scale, 1));min-height:calc(10px * var(--ui-scale, 1));flex-shrink:0}.tl3-transport{display:flex;align-items:center;gap:calc(1px * var(--ui-scale, 1));margin:0 auto}.tl3-tbtn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(3px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;transition:color .1s,background .1s;line-height:1}.tl3-tbtn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.tl3-tbtn:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-tbtn-play{color:var(--accent-primary)!important}.tl3-tbtn-pause{color:var(--color-transport-pause)!important}.tl3-time{font-variant-numeric:tabular-nums;font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)!important;margin-left:calc(6px * var(--ui-scale, 1));white-space:nowrap}.tl3-sep{color:var(--text-muted)!important;font-size:calc(10px * var(--ui-scale, 1));margin:0 calc(2px * var(--ui-scale, 1))}.tl3-dur{font-variant-numeric:tabular-nums;font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)!important;white-space:nowrap}.tl3-header-right{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));margin-left:calc(6px * var(--ui-scale, 1));flex-shrink:0}.tl3-dur-label{display:flex;align-items:center;gap:calc(2px * var(--ui-scale, 1));color:var(--text-muted)}.tl3-dur-input{width:calc(38px * var(--ui-scale, 1));height:var(--control-height-chrome);background:var(--tl-input-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:3px;padding:0 calc(4px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);text-align:center;-moz-appearance:textfield;appearance:textfield;outline:none}.tl3-dur-input::-webkit-inner-spin-button,.tl3-dur-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tl3-dur-input:focus{border-color:var(--accent-primary, var(--accent-primary))}.tl3-dur-unit{font-size:calc(10px * var(--ui-scale, 1))}.tl3-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));border-radius:3px;display:flex;align-items:center;justify-content:center;transition:color .1s,background .1s}.tl3-icon-btn:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-icon-btn-active{color:var(--accent-primary, var(--accent-primary))!important}.tl3-body{display:flex;flex-direction:column;overflow:hidden;min-height:0}.tl3-columns{display:flex;flex:1;min-height:0;overflow:hidden}.tl3-labels-col{width:calc(136px * var(--ui-scale, 1));flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--tl-labels-bg)}.tl3-labels-ruler-spacer{height:var(--timeline-ruler-height);flex-shrink:0;border-bottom:1px solid var(--border-color)}.tl3-labels-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.tl3-labels-scroll::-webkit-scrollbar{display:none}.tl3-track-label{display:flex;align-items:center;height:calc(26px * var(--ui-scale, 1));padding:0 calc(6px * var(--ui-scale, 1));gap:calc(5px * var(--ui-scale, 1));border-bottom:1px solid var(--tl-strip-border)}.tl3-track-label:hover{background:var(--tl-row-hover)}.tl3-track-label-curved{cursor:pointer}.tl3-track-label-curved:hover,.tl3-track-label-curved.tl3-track-label-active{background:var(--tl-control-hover)}.tl3-type-dot{width:calc(6px * var(--ui-scale, 1));height:calc(6px * var(--ui-scale, 1));border-radius:50%;flex-shrink:0;opacity:.85}.tl3-track-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(10px * var(--ui-scale, 1));color:var(--text-main)}.tl3-add-kf,.tl3-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(1px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));font-size:calc(9px * var(--ui-scale, 1));border-radius:2px;flex-shrink:0;line-height:1}.tl3-add-kf:hover{color:var(--accent-primary, var(--accent-primary))}.tl3-clear:hover{color:#ef5350}.tl3-empty{padding:calc(12px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));text-align:center;line-height:1.5}.tl3-strips-col{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.tl3-marquee{position:absolute;pointer-events:none;z-index:20;background:var(--state-active-bg);border:1px dashed var(--state-active-ring);border-radius:1px}.tl3-strips-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:var(--tl-strips-bg)}.tl3-strips-scroll::-webkit-scrollbar{display:none}.tl3-ruler{position:relative;height:var(--timeline-ruler-height);background:var(--tl-ruler-bg);border-bottom:1px solid var(--border-color);cursor:col-resize;overflow:hidden;flex-shrink:0}.tl3-ruler-curved{padding:0}.tl3-ruler-inner{position:relative;height:100%;margin-left:44px;margin-right:10px;box-sizing:border-box}.tl3-grid-layer{position:absolute;inset:0;pointer-events:none}.tl3-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--tl-grid-line);transform:translate(-50%)}.tl3-grid-line-major{width:1px;background:var(--tl-grid-line-major)}.tl3-grid-label{position:absolute;top:calc(3px * var(--ui-scale, 1));left:calc(3px * var(--ui-scale, 1));font-size:calc(8px * var(--ui-scale, 1));font-weight:600;color:var(--tl-grid-label);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.tl3-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-primary, var(--accent-primary));transform:translate(-1px);pointer-events:none;z-index:4;will-change:left}.tl3-ruler .tl3-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--accent-primary, var(--accent-primary))}.tl3-track-strip{position:relative;height:calc(26px * var(--ui-scale, 1));border-bottom:1px solid var(--tl-strip-border);overflow:hidden;cursor:crosshair}.tl3-track-strip:hover{background:var(--tl-row-hover)}.tl3-track-needle{position:absolute;top:0;bottom:0;width:1px;background:#4fc3f759;transform:translate(-.5px);pointer-events:none;z-index:2;will-change:left}.tl3-kf-seg{position:absolute;top:calc(50% - 1px);height:2px;background:color-mix(in srgb,var(--seg-color, var(--accent-primary)) 25%,transparent);pointer-events:none}.tl3-kf{position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:calc(7px * var(--ui-scale, 1));height:calc(7px * var(--ui-scale, 1));background:var(--kf-color, var(--accent-primary));border:1px solid var(--tl-kf-ring);cursor:grab;z-index:3;transition:transform .08s,border-color .08s}.tl3-kf:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.35);border-color:var(--tl-kf-sel-border)}.tl3-kf-sel{transform:translate(-50%,-50%) rotate(45deg) scale(1.25);border:2px solid var(--tl-kf-sel-border);z-index:4}.tl3-kf-drag{cursor:grabbing;background:var(--text-on-accent);border-color:var(--kf-color, var(--accent-primary));transform:translate(-50%,-50%) rotate(45deg) scale(1.4);z-index:5;transition:none}.tl3-ease-editor{border-top:1px solid var(--border-color);background:var(--tl-ease-editor-bg);padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));flex-shrink:0}.tl3-ease-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(8px * var(--ui-scale, 1))}.tl3-ease-title{font-size:calc(9px * var(--ui-scale, 1));font-weight:700;letter-spacing:.1em;color:var(--tl-graph-text-muted);text-transform:uppercase}.tl3-ease-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(2px * var(--ui-scale, 1));display:flex;align-items:center;border-radius:3px;transition:color .1s,background .1s}.tl3-ease-close:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-ease-opts{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(4px * var(--ui-scale, 1))}.tl3-ease-opt{display:flex;flex-direction:column;align-items:center;gap:calc(3px * var(--ui-scale, 1));background:var(--tl-input-bg);border:1px solid var(--border-color);border-radius:4px;padding:calc(5px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));cursor:pointer;transition:background .1s,border-color .1s}.tl3-ease-opt:hover{background:#4fc3f714;border-color:#4fc3f740}.tl3-ease-opt-active{background:#4fc3f71f!important;border-color:#4fc3f780!important}.tl3-ease-thumb{width:calc(40px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));display:block}.tl3-ease-lbl{font-size:calc(8px * var(--ui-scale, 1));color:var(--tl-graph-text-muted);white-space:nowrap;pointer-events:none}.tl3-ease-opt-active .tl3-ease-lbl{color:#4fc3f7cc}.tl3-bezier-editor{margin-top:calc(10px * var(--ui-scale, 1));border-top:1px solid var(--border-color);padding-top:calc(8px * var(--ui-scale, 1))}.tl3-bezier-canvas{display:block;width:100%;aspect-ratio:1;background:var(--tl-graph-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:calc(8px * var(--ui-scale, 1));cursor:default;touch-action:none}.tl3-bezier-vals{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:calc(4px * var(--ui-scale, 1))}.tl3-bezier-val{display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.tl3-bezier-lbl{font-size:calc(8px * var(--ui-scale, 1));color:var(--tl-graph-text-muted);text-align:center;font-weight:600;letter-spacing:.04em}.tl3-bezier-input{width:100%;background:var(--tl-input-bg);border:1px solid var(--border-color);border-radius:3px;color:var(--text-main);font-size:calc(10px * var(--ui-scale, 1));font-family:Consolas,Courier New,monospace;padding:calc(3px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));outline:none;box-sizing:border-box;text-align:center;-moz-appearance:textfield;appearance:textfield;transition:border-color .1s}.tl3-bezier-input::-webkit-inner-spin-button,.tl3-bezier-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tl3-bezier-input:focus{border-color:#4fc3f780;background:#4fc3f70f}.tl3-tabs{display:flex;align-items:center;gap:calc(2px * var(--ui-scale, 1));margin-right:calc(8px * var(--ui-scale, 1));flex-shrink:0}.tl3-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted)!important;cursor:pointer;padding:calc(2px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));border-radius:3px 3px 0 0;font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;letter-spacing:.03em;transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.tl3-tab:hover{color:var(--text-main);background:var(--tl-tab-active-bg)}.tl3-tab-active{color:var(--text-main)!important;background:var(--tl-tab-active-bg)!important;font-weight:600;border-bottom-color:var(--accent-primary, var(--accent-primary))!important}.tl3-snap-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.tl3-snap-btn{display:flex;align-items:center;justify-content:center;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));padding:0;margin-right:calc(4px * var(--ui-scale, 1));background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:color .12s,background .12s}.tl3-snap-btn:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-snap-btn.tl3-snap-on{color:var(--accent-primary, var(--accent-primary))}.tl3-ctx-menu{position:fixed;background:var(--panel-header-bg, var(--panel-bg));border:1px solid var(--border-color);border-radius:5px;padding:calc(3px * var(--ui-scale, 1)) 0;z-index:9999;min-width:calc(140px * var(--ui-scale, 1));box-shadow:0 6px 20px #00000073;font-family:var(--font-family)}.tl3-ctx-item{display:block;width:100%;background:none;border:none;color:var(--text-main);cursor:pointer;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));text-align:left;font-size:calc(11px * var(--ui-scale, 1));font-family:inherit;white-space:nowrap;transition:background .1s}.tl3-ctx-item:hover{background:var(--tl-control-hover)}.tl3-ctx-item-danger{color:#ef5350cc}.tl3-ctx-item-danger:hover{background:#ef53501a;color:#ef5350}.tl3-ctx-sep{height:1px;background:var(--border-color);margin:calc(3px * var(--ui-scale, 1)) 0}.tl3-curve-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.tl3-graph-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--tl-graph-toolbar-bg)}.tl3-graph-channels{display:flex;align-items:center;flex-wrap:wrap;gap:calc(2px * var(--ui-scale, 1))}.tl3-graph-channel{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:var(--tl-input-bg);border:1px solid transparent;border-radius:3px;color:var(--tl-graph-text);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.tl3-graph-channel:hover{background:var(--tl-control-hover);color:var(--text-main)}.tl3-graph-channel-active{background:var(--state-active-bg)!important;border-color:var(--state-active-ring)!important;color:var(--accent-primary)!important}.tl3-graph-channel-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tl3-graph-channel-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl3-graph-actions{display:flex;align-items:center;flex-wrap:wrap;gap:calc(4px * var(--ui-scale, 1));margin-left:auto}.tl3-graph-interp-label{font-size:calc(9px * var(--ui-scale, 1));color:var(--tl-graph-text-muted);margin-right:calc(4px * var(--ui-scale, 1));text-transform:uppercase;letter-spacing:.05em}.tl3-graph-frame-all{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:var(--tl-control-hover);border:1px solid var(--border-color);border-radius:3px;color:var(--text-main);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;transition:background .12s,border-color .12s}.tl3-graph-frame-all:hover{background:#4fc3f726;border-color:#4fc3f74d}.tl3-graph-empty{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;padding:20px;color:var(--text-muted);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);text-align:center}.tl3-graph-placeholder{width:100%;height:100%;min-height:60px}.tl3-ease-presets{display:flex;align-items:center;flex-wrap:wrap;gap:calc(3px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--tl-overlay-subtle)}.tl3-ease-pre{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));background:none;border:1px solid transparent;border-radius:3px;color:var(--tl-graph-text-muted);cursor:pointer;padding:calc(2px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));font-size:calc(9px * var(--ui-scale, 1));font-family:var(--font-family);transition:color .1s,background .1s,border-color .1s}.tl3-ease-pre:disabled{opacity:.2;cursor:default;pointer-events:none}.tl3-ease-pre:not(:disabled):hover{color:var(--text-main);background:var(--tl-tab-active-bg);border-color:var(--border-color)}.tl3-ease-pre-active{color:var(--accent-primary, var(--accent-primary))!important;border-color:#4fc3f74d!important;background:#4fc3f70f!important}.tl3-ease-pre-icon{width:calc(24px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));display:block;flex-shrink:0}.tl3-ease-pre-lbl{font-size:calc(9px * var(--ui-scale, 1));color:inherit;pointer-events:none;white-space:nowrap}.tl3-curve-wrap{flex:1;min-height:0;min-width:120px;overflow:hidden;position:relative;touch-action:none;background:var(--tl-graph-bg)}.tl3-curve-svg{display:block;touch-action:none}.tl3-tangent-line{stroke:var(--tl-tangent-stroke);stroke-width:1}.tl3-tangent-handle{fill:var(--panel-bg, #1a2030);stroke-width:1;pointer-events:none}.tl3-tangent-group:hover .tl3-tangent-line{stroke:var(--tl-kf-ring)}.tl3-tangent-group:hover .tl3-tangent-handle{stroke-width:1.5}.tl3-track-name{opacity:.9}.kt-workspace{position:fixed;inset:0;top:calc(40px * var(--ui-scale, 1));background-color:var(--app-bg);display:flex;flex-direction:column;z-index:90;animation:kt-fade-in .15s ease forwards}.kt-body{display:flex;flex:1;min-height:0;overflow:hidden}@keyframes kt-fade-in{0%{opacity:0}to{opacity:1}}.kt-canvas-area{flex:1;position:relative;background-color:var(--canvas-bg);overflow:hidden;min-width:0;display:flex;align-items:center;justify-content:center}.kt-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;outline:1px solid var(--border-color);background-color:var(--kt-canvas-bg, #2a2a2a);filter:var(--kt-canvas-filter, none)}.kt-panel-wrapper{position:relative!important;grid-column:unset!important;grid-row:unset!important;flex-shrink:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.kt-panel-wrapper .unified-panel{flex:1 1 auto;min-height:0}.kt-panel-wrapper .unified-panel-inner{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.kt-panel-wrapper .unified-panel,.kt-panel-wrapper .unified-panel-inner{border-radius:0!important}.kt-panel-wrapper .up-divider{flex-shrink:0;display:block;width:100%;min-height:1px;height:1px;margin:0;padding:0;border:none;background-color:var(--border-strong)}.kt-text-field{width:100%!important;box-sizing:border-box}.kt-export-btn{width:100%;height:calc(32px * var(--ui-scale, 1));background-color:var(--slider-bg);border:1px solid var(--border-color);border-radius:calc(var(--radius-control) * var(--ui-scale, 1));color:var(--text-main);font-family:var(--font-family);font-size:calc(12px * var(--ui-scale, 1));font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1));transition:background-color .15s ease}.kt-export-btn:hover{background-color:var(--panel-header-hover)}.kt-export-btn:active{transform:scale(.98)}.top-bar-kinetic-group{display:flex;align-items:center;position:relative;margin-right:calc(8px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-kinetic-group .top-bar-kinetic-btn{width:calc(32px * var(--ui-scale, 1));min-width:calc(32px * var(--ui-scale, 1));padding:0;border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.kt-panel-wrapper .up-toggle-label-text.active{color:var(--theme-toggle-active-text);font-weight:500}:root.theme-cream .kt-panel-wrapper .up-toggle-label-text.active{color:var(--text-main);font-weight:500}.model-button.active{background-color:var(--state-active-bg)!important;box-shadow:inset 0 0 0 1px var(--state-active-ring)!important}:root.theme-cream .model-button.active{background-color:var(--state-active-bg)!important;box-shadow:inset 0 0 0 1px var(--state-active-ring)!important}.kt-saved-frame-notif{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);padding:var(--spacing-sm);padding-left:var(--spacing-md);padding-right:var(--spacing-sm);max-width:calc(380px * var(--ui-scale));z-index:10000;animation:kt-notif-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes kt-notif-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kt-saved-frame-notif-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kt-saved-frame-notif-title{font-size:calc(13px * var(--ui-scale, 1));font-weight:500;color:var(--text-main);white-space:nowrap}.kt-saved-frame-notif-path{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(300px * var(--ui-scale, 1))}.kt-saved-frame-notif-close{background:transparent;border:none;color:var(--text-muted);font-size:calc(16px * var(--ui-scale, 1));line-height:1;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;flex-shrink:0}.kt-saved-frame-notif-close:hover{color:var(--text-main)}.kt-svg-defs{position:absolute}.kt-size-label-row{display:flex;align-items:center;gap:4px;flex:1}.up-mode-row--spaced-top{margin-top:12px}.up-mode-row--spaced-bottom{margin-bottom:calc(10px * var(--ui-scale, 1))}.up-section-header--static{cursor:default;-webkit-user-select:none;user-select:none}.kt-export-blocker{position:absolute;inset:0;z-index:1000;cursor:not-allowed;pointer-events:all}.kt-saved-frame-notif--error{background:#4a1515;border-color:#c0392b}.kt-saved-frame-notif-title--error{color:#ff6b6b}.up-palette-swatch--gradient{background:var(--palette-gradient)}:root{--bp-tablet: 1023px;--bp-mobile: 767px;--panel-width-drawer: min(100vw, 360px);--ui-scale: 1;--base-panel-width: 350px;--base-panel-width-popover: 350px;--base-control-height-panel: 32px;--base-control-height-chrome: 28px;--base-radius-md: 5px;--base-radius-lg: 10px;--base-icon-size-sm: 14px;--base-icon-size-md: 16px;--base-panel-max-height: 740px;--base-slider-width: 165px;--base-slider-label-width: 122px;--base-slider-divider-height: 28px;--base-font-size-label: 14px;--base-font-size-value: 11px;--base-font-size-title: 14px;--base-control-height: 30px;--base-button-height: 30px;--base-spacing-xs: 8px;--base-spacing-sm: 12px;--base-spacing-md: 18px;--base-spacing-lg: 22px;--base-spacing-xl: 28px;--base-radius-panel: 12px;--base-radius-control: 4px;--base-input-group-gap: 58px;--base-zoom-btn-size: 36px;--base-zoom-display-width: 78px;--base-zoom-gap: 8px;--base-zoom-bottom: 18px;--base-panel-header-height: 34px;--base-chrome-bar-height: 40px;--base-timeline-ruler-height: 22px;--base-topbar-mac-safe-left: 80px;--base-topbar-mac-safe-right: 16px;--base-topbar-mac-safe-fullscreen-left: 16px;--three3d-label-offset: calc(var(--spacing-lg) + 10px);--three3d-label-width: calc((95px * var(--ui-scale, 1)) + var(--three3d-label-offset));--panel-width: calc(var(--base-panel-width) * var(--ui-scale));--panel-max-height: calc(var(--base-panel-max-height) * var(--ui-scale));--slider-width: calc(var(--base-slider-width) * var(--ui-scale));--slider-label-width: calc(var(--base-slider-label-width) * var(--ui-scale));--slider-divider-height: calc(var(--base-slider-divider-height) * var(--ui-scale));--font-size-label: calc(var(--base-font-size-label) * var(--ui-scale));--font-size-value: calc(var(--base-font-size-value) * var(--ui-scale));--font-size-title: calc(var(--base-font-size-title) * var(--ui-scale));--control-height: calc(var(--base-control-height) * var(--ui-scale));--button-height: calc(var(--base-button-height) * var(--ui-scale));--spacing-xs: calc(var(--base-spacing-xs) * var(--ui-scale));--spacing-sm: calc(var(--base-spacing-sm) * var(--ui-scale));--spacing-md: calc(var(--base-spacing-md) * var(--ui-scale));--spacing-lg: calc(var(--base-spacing-lg) * var(--ui-scale));--spacing-xl: calc(var(--base-spacing-xl) * var(--ui-scale));--radius-panel: calc(var(--base-radius-panel) * var(--ui-scale));--radius-control: calc(var(--base-radius-control) * var(--ui-scale));--radius-md: calc(var(--base-radius-md) * var(--ui-scale));--radius-lg: calc(var(--base-radius-lg) * var(--ui-scale));--panel-width-rail: calc(var(--base-panel-width) * var(--ui-scale));--panel-width-popover: calc(var(--base-panel-width-popover) * var(--ui-scale));--control-height-panel: calc(var(--base-control-height-panel) * var(--ui-scale));--control-height-chrome: calc(var(--base-control-height-chrome) * var(--ui-scale));--icon-size-sm: calc(var(--base-icon-size-sm) * var(--ui-scale));--icon-size-md: calc(var(--base-icon-size-md) * var(--ui-scale));--chrome-bar-height: calc(var(--base-chrome-bar-height) * var(--ui-scale));--timeline-header-height: calc(var(--base-chrome-bar-height) * var(--ui-scale));--timeline-ruler-height: calc(var(--base-timeline-ruler-height) * var(--ui-scale));--topbar-mac-safe-left: calc(var(--base-topbar-mac-safe-left) * var(--ui-scale));--topbar-mac-safe-right: calc(var(--base-topbar-mac-safe-right) * var(--ui-scale));--topbar-mac-safe-fullscreen-left: calc(var(--base-topbar-mac-safe-fullscreen-left) * var(--ui-scale));--font-family-mono: ui-monospace, "Cascadia Code", Consolas, Monaco, monospace;--color-transport-pause: #ffb74d;--canvas-bg: #141414;--app-bg: #141414;--panel-bg: #1A1A1B;--panel-header-bg: #242426;--viewport-bg: rgba(30, 30, 30, 1);--accent-color: #D9D9D9;--accent-primary: #007AFF;--accent-empty: #242426;--text-main: #FFFFFF;--text-muted: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .1);--border-color-light: rgba(255, 255, 255, .05);--slider-bg: #2a2a2c;--slider-border: rgba(255, 255, 255, .15);--slider-divider-color: #D9D9D9;--theme-toggle-active-text: #FFFFFF;--dropdown-arrow-color: rgba(255, 255, 255, .7);--panel-header-hover: rgba(36, 36, 38, .8);--selection-color: #004AAD;--text-passive: #D8D8D8;--text-secondary: var(--text-passive);--panel-inner-bg: #1E1E1E;--surface-control: #303030;--surface-control-hover: #3A3A3A;--border-strong: #2F2F2F;--surface-floating: #111111;--border-floating: #232323;--state-active-bg: rgba(0, 122, 255, .12);--state-active-bg-strong: rgba(0, 74, 173, .15);--state-active-ring: rgba(0, 122, 255, .45);--state-active-border: var(--accent-primary);--toggle-dot-active: var(--state-active-border);--control-disabled-opacity: .4;--state-destructive-bg: rgba(232, 17, 35, .12);--state-accent-muted-bg: rgba(0, 122, 255, .1);--state-accent-muted-border: rgba(0, 122, 255, .35);--state-accent-muted-text: rgba(0, 122, 255, .9);--accent-primary-hover: #0056c7;--text-on-accent: #FFFFFF;--export-brand: #4A1AFE;--export-brand-hover: #3d14e0;--compare-wipe-fg: #FFFFFF;--compare-wipe-icon: #333333;--surface-tooltip: #2A2A2C;--tooltip-border: transparent;--tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .28);--surface-overlay-card: rgba(20, 20, 20, .86);--overlay-scrim: rgba(0, 0, 0, .5);--color-destructive: #e81123;--color-destructive-alt: #c0392b;--color-warning: #f6a623;--color-badge-new: #3A8C5C;--color-star-filled: #FFD166;--color-recording: rgba(255, 69, 58, .9);--drag-ghost-bg: rgba(55, 55, 58, .95);--surface-raised: rgba(30, 30, 32, .92);--control-dot: var(--text-main);--tl-labels-bg: rgba(0, 0, 0, .14);--tl-ruler-bg: rgba(0, 0, 0, .18);--tl-strips-bg: var(--panel-inner-bg);--tl-grid-line: rgba(255, 255, 255, .1);--tl-grid-line-major: rgba(255, 255, 255, .18);--tl-grid-label: rgba(255, 255, 255, .38);--tl-strip-border: rgba(255, 255, 255, .08);--tl-row-hover: rgba(255, 255, 255, .04);--tl-tab-active-bg: rgba(255, 255, 255, .06);--tl-graph-toolbar-bg: rgba(0, 0, 0, .14);--tl-graph-bg: rgba(0, 0, 0, .08);--tl-graph-text: rgba(255, 255, 255, .82);--tl-graph-text-muted: rgba(255, 255, 255, .42);--tl-graph-grid-dot: rgba(255, 255, 255, .08);--tl-graph-grid-line: rgba(255, 255, 255, .1);--tl-graph-axis: rgba(255, 255, 255, .22);--tl-graph-axis-label: rgba(255, 255, 255, .55);--tl-tangent-stroke: rgba(255, 255, 255, .38);--tl-kf-ring: rgba(255, 255, 255, .55);--tl-kf-sel-border: #FFFFFF;--tl-input-bg: rgba(255, 255, 255, .06);--tl-control-hover: rgba(255, 255, 255, .06);--tl-ease-editor-bg: rgba(0, 0, 0, .15);--tl-curve-stroke: rgba(255, 255, 255, .45);--tl-curve-stroke-dim: rgba(255, 255, 255, .15);--tl-overlay-subtle: rgba(0, 0, 0, .06);--font-family: "Roboto", sans-serif;--font-size-section: calc(15px * var(--ui-scale));--font-size-chrome-section: calc(12px * var(--ui-scale))}:root.theme-cream{--canvas-bg: #E5E5EA;--app-bg: #F5F5F7;--panel-bg: #FFFFFF;--panel-header-bg: #F2F2F7;--viewport-bg: #FAFAFA;--accent-color: #007AFF;--accent-primary: #007AFF;--accent-empty: #F2F2F7;--text-main: #1D1D1F;--text-muted: rgba(0, 0, 0, .55);--border-color: rgba(60, 60, 67, .29);--border-color-light: rgba(60, 60, 67, .18);--slider-bg: #E8E8ED;--slider-border: rgba(60, 60, 67, .36);--slider-divider-color: #007AFF;--theme-toggle-active-text: #1D1D1F;--dropdown-arrow-color: rgba(0, 0, 0, .55);--panel-header-hover: rgba(0, 0, 0, .06);--selection-color: #004AAD;--text-passive: rgba(0, 0, 0, .55);--text-secondary: var(--text-passive);--panel-inner-bg: #FFFFFF;--surface-control: #E8E8ED;--surface-control-hover: #DCDCE0;--border-strong: rgba(60, 60, 67, .29);--surface-floating: #FFFFFF;--border-floating: rgba(60, 60, 67, .29);--state-active-bg: rgba(0, 122, 255, .12);--state-active-bg-strong: rgba(0, 122, 255, .15);--state-active-ring: rgba(0, 122, 255, .45);--state-active-border: var(--accent-primary);--toggle-dot-active: var(--state-active-border);--control-disabled-opacity: .4;--state-destructive-bg: rgba(232, 17, 35, .12);--state-accent-muted-bg: rgba(0, 122, 255, .1);--state-accent-muted-border: rgba(0, 122, 255, .35);--state-accent-muted-text: rgba(0, 122, 255, .9);--accent-primary-hover: #0056c7;--text-on-accent: #FFFFFF;--export-brand: #4A1AFE;--export-brand-hover: #3d14e0;--compare-wipe-fg: #FFFFFF;--compare-wipe-icon: #1D1D1F;--surface-tooltip: #FFFFFF;--tooltip-border: rgba(60, 60, 67, .22);--tooltip-shadow: 0 2px 10px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .04);--surface-overlay-card: rgba(255, 255, 255, .92);--overlay-scrim: rgba(0, 0, 0, .35);--color-destructive: #e81123;--color-destructive-alt: #c0392b;--color-warning: #f6a623;--color-badge-new: #34A853;--color-star-filled: #D4A017;--color-recording: rgba(255, 69, 58, .9);--drag-ghost-bg: rgba(242, 242, 247, .98);--surface-raised: #F0F0F5;--control-dot: #1D1D1F;--tl-labels-bg: #E8E8ED;--tl-ruler-bg: #DCDCE0;--tl-strips-bg: #F5F5F7;--tl-grid-line: rgba(0, 0, 0, .16);--tl-grid-line-major: rgba(0, 0, 0, .28);--tl-grid-label: rgba(0, 0, 0, .62);--tl-strip-border: rgba(0, 0, 0, .1);--tl-row-hover: rgba(0, 0, 0, .05);--tl-tab-active-bg: rgba(0, 0, 0, .06);--tl-graph-toolbar-bg: #E8E8ED;--tl-graph-bg: #FFFFFF;--tl-graph-text: rgba(0, 0, 0, .78);--tl-graph-text-muted: rgba(0, 0, 0, .48);--tl-graph-grid-dot: rgba(0, 0, 0, .12);--tl-graph-grid-line: rgba(0, 0, 0, .12);--tl-graph-axis: rgba(0, 0, 0, .28);--tl-graph-axis-label: rgba(0, 0, 0, .58);--tl-tangent-stroke: rgba(0, 0, 0, .38);--tl-kf-ring: rgba(0, 0, 0, .35);--tl-kf-sel-border: #1D1D1F;--tl-input-bg: rgba(0, 0, 0, .04);--tl-control-hover: rgba(0, 0, 0, .06);--tl-ease-editor-bg: #E8E8ED;--tl-curve-stroke: rgba(0, 0, 0, .42);--tl-curve-stroke-dim: rgba(0, 0, 0, .18);--tl-overlay-subtle: rgba(0, 0, 0, .04);--font-size-section: calc(15px * var(--ui-scale));--font-size-chrome-section: calc(12px * var(--ui-scale))}.ds-state-active-inset{background-color:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.ds-state-active-inset:hover:not(:disabled){background-color:var(--state-active-bg-strong)}.ds-state-tool-open{background-color:var(--accent-primary);color:var(--text-on-accent)}.ds-state-tool-open:hover:not(:disabled){background-color:var(--accent-primary-hover)}.unified-panel-wrapper{grid-column:2;grid-row:1 / -1;min-height:0;display:flex;flex-direction:column;overflow:hidden;z-index:10}.unified-panel{position:relative;width:var(--panel-width-rail);min-width:var(--panel-width-rail);max-width:var(--panel-width-rail);flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(calc(20px * var(--ui-scale, 1)));animation:panelFadeIn .25s ease forwards;font-family:Roboto,sans-serif}.model-panel{position:fixed;min-width:280px;min-height:260px;max-width:640px;max-height:560px;background-color:var(--surface-floating);border:1px solid var(--border-floating);border-radius:var(--radius-lg);display:flex;z-index:160;box-shadow:0 18px 48px #000000a6;overflow:hidden}.model-panel-resize-handle{position:absolute;z-index:65;background:transparent}.model-panel-resize-w{top:0;left:0;width:8px;height:100%;cursor:ew-resize}.model-panel-resize-e{top:0;right:0;width:8px;height:100%;cursor:ew-resize}.model-panel-resize-s{bottom:0;left:0;width:100%;height:8px;cursor:ns-resize}.model-panel-resize-se{bottom:0;right:0;width:14px;height:14px;cursor:nwse-resize}.model-panel-resize-se:after{content:"";position:absolute;right:2px;bottom:2px;width:8px;height:8px;border-right:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-radius:0 0 2px}.model-panel-resize-sw{bottom:0;left:0;width:14px;height:14px;cursor:nesw-resize}.model-panel-resize-sw:after{content:"";position:absolute;left:2px;bottom:2px;width:8px;height:8px;border-left:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-radius:2px 0 0}.model-panel-topbar{position:absolute;top:0;left:0;right:0;height:calc(44px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:space-between;padding:0 calc(12px * var(--ui-scale, 1));border-bottom:1px solid var(--border-strong);background:var(--panel-inner-bg);cursor:grab;-webkit-user-select:none;user-select:none;z-index:64}.model-panel.dragging .model-panel-topbar,.model-panel-topbar:active{cursor:grabbing}.model-panel-leftside{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1))}.model-panel-title{font-size:calc(13px * var(--ui-scale, 1));color:var(--text-passive);font-weight:600}.model-panel-close{background:transparent;border:none;color:var(--text-muted);font-size:calc(16px * var(--ui-scale, 1));line-height:1;padding:calc(6px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));cursor:pointer}.model-panel-close:hover{color:var(--text-main);background:var(--panel-header-hover)}.model-panel-content{display:flex;position:absolute;top:calc(44px * var(--ui-scale, 1));left:0;right:0;bottom:0;overflow:hidden}.model-panel-left{width:calc(108px * var(--ui-scale, 1));border-right:1px solid var(--border-floating);display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));background:var(--surface-floating);align-self:stretch;box-sizing:border-box;overflow:hidden}.model-category-button{background:transparent;border:none;color:var(--text-passive);padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .08s ease;font-size:calc(13px * var(--ui-scale, 1));width:100%;box-sizing:border-box}.model-category-button.active{background-color:var(--panel-header-hover);color:var(--text-main);font-weight:600;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));text-align:left;display:block;width:100%;margin-left:0}.model-category-divider{height:calc(1px * var(--ui-scale, 1));background:var(--border-color, rgba(255,255,255,.1));margin:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1))}.model-category-playground{color:color-mix(in srgb,var(--accent-primary) 75%,transparent)!important}.model-category-playground:hover{color:var(--accent-primary)!important;background:var(--state-active-bg)!important}.model-panel-right{flex:1;padding:calc(12px * var(--ui-scale, 1));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.model-grid{width:100%;display:grid;grid-template-columns:1fr;grid-auto-rows:calc(36px * var(--ui-scale, 1));gap:calc(3px * var(--ui-scale, 1));padding-top:calc(8px * var(--ui-scale, 1));overflow-y:auto;flex:1 1 auto;padding-right:calc(6px * var(--ui-scale, 1));scrollbar-gutter:stable}.model-grid::-webkit-scrollbar{width:10px}.model-grid::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:10px}.model-row{display:flex;flex-direction:row;align-items:stretch;gap:0}.model-drag-to-chain-handle{display:none}.model-row .model-button{flex:1;min-width:0}.model-panel.model-panel-dragging .model-row:not(.model-row-dragging) .model-button{pointer-events:none}.model-row.model-row-dragging .model-button{background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:0 6px 20px #00000073,0 2px 8px #0000004d;cursor:grabbing}.model-button{position:relative;background:var(--surface-control);color:var(--text-main);border:1px solid var(--border-strong);border-radius:calc(6px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(44px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1));cursor:grab;transition:background .12s ease;display:flex;align-items:center;justify-content:flex-start;min-height:calc(36px * var(--ui-scale, 1));width:100%;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none}.model-button.disabled,.model-button[aria-disabled=true]{opacity:.4;cursor:grab;filter:grayscale(.1)}.model-button.disabled sup.support-sup,.model-button[aria-disabled=true] sup.support-sup{color:#ffffffd9!important;font-weight:600!important}.model-button:hover{background:var(--surface-control-hover)}.model-button.active{background:var(--state-active-bg)!important;box-shadow:inset 0 0 0 1px var(--state-active-ring)!important}.model-button.active .model-label{color:var(--text-main);font-weight:500}.model-label{padding-left:calc(2px * var(--ui-scale, 1));display:flex;align-items:baseline;gap:calc(3px * var(--ui-scale, 1));flex:1;min-width:0;overflow:visible}.model-star-btn{position:absolute;right:calc(8px * var(--ui-scale, 1));top:50%;transform:translateY(-50%) scale(.92);background:transparent;border:none;color:var(--text-muted);padding:calc(6px * var(--ui-scale, 1));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.model-add-to-chain-btn{position:absolute;right:calc(34px * var(--ui-scale, 1));top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);font-size:calc(16px * var(--ui-scale, 1));line-height:1;padding:calc(4px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .12s ease;font-weight:300;pointer-events:auto;-webkit-user-select:none;user-select:none}.model-add-to-chain-btn:hover{color:var(--text-main)}.model-button:hover .model-add-to-chain-btn{color:var(--text-passive)}.model-button:hover .model-add-to-chain-btn:hover{color:var(--text-main)}.model-button:hover .model-star-btn,.model-button:focus-within .model-star-btn,.model-button:focus .model-star-btn,.model-star-btn:hover,.model-star-btn.filled{opacity:1;pointer-events:auto}.model-star-btn:hover{transform:translateY(-50%) scale(1)}.model-star-btn .star{font-size:calc(14px * var(--ui-scale, 1))}.model-star-btn.filled{color:var(--color-star-filled)}sup.support-sup{font-size:calc(10px * var(--ui-scale, 1))!important;color:#ffffffbf!important;margin-left:calc(4px * var(--ui-scale, 1))!important;position:relative!important;top:calc(-4px * var(--ui-scale, 1))!important;line-height:1!important;vertical-align:baseline!important;display:inline!important;font-weight:500!important;letter-spacing:.02em!important}.new-badge{display:inline-block;font-size:calc(9px * var(--ui-scale, 1));font-weight:700;letter-spacing:.06em;line-height:1;padding:calc(2px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));margin-left:calc(6px * var(--ui-scale, 1));border-radius:calc(3px * var(--ui-scale, 1));background:var(--color-badge-new);color:var(--text-on-accent);vertical-align:middle;position:relative;top:calc(-1px * var(--ui-scale, 1));pointer-events:none;-webkit-user-select:none;user-select:none}.unified-panel-inner{background-color:var(--panel-inner-bg);border-radius:0;border:none;border-left:1px solid var(--border-strong);flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.up-section{padding:0 calc(17px * var(--ui-scale, 1))}.up-section-header{display:flex;align-items:center;justify-content:space-between;height:calc(70px * var(--ui-scale, 1));padding:0 calc(17px * var(--ui-scale, 1));cursor:pointer;-webkit-user-select:none;user-select:none}.up-section-actions{display:flex;align-items:center;gap:calc(2px * var(--ui-scale, 1));flex-shrink:0}.up-section-actions .up-section-reset{margin-left:0;margin-right:0}.up-section-reset{background:transparent;border:none;color:var(--text-passive);cursor:pointer;margin-left:calc(10px * var(--ui-scale, 1));margin-right:calc(10px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));transition:color .15s ease,background-color .15s ease,box-shadow .12s ease;display:flex;align-items:center;justify-content:center;min-width:calc(32px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1))}.up-section-reset .material-symbols-rounded{font-size:calc(20px * var(--ui-scale, 1));font-weight:400}.up-section-reset:hover:not(:disabled),.up-section-reset:focus:not(:disabled){color:var(--text-main);background-color:var(--panel-header-hover);outline:none;box-shadow:0 0 0 3px #ffffff05 inset}.up-section-reset:focus-visible{box-shadow:0 0 0 3px #ffffff0f inset}.up-section-reset:hover:not(:disabled){color:var(--text-main);background-color:var(--panel-header-hover)}.up-section-reset:disabled{opacity:.5;cursor:not-allowed}.up-section-title{font-size:calc(15px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)}.up-section-title-context{font-weight:400;color:var(--text-passive)}.up-subgroup-title{display:block;font-size:calc(12px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);margin-top:calc(20px * var(--ui-scale, 1));margin-bottom:calc(20px * var(--ui-scale, 1))}.up-subgroup-title+.slider-container,.up-subgroup-title+.up-mode-row,.up-subgroup-title+.up-toggle-row{margin-top:calc(12px * var(--ui-scale, 1))}.up-section-toggle{font-size:calc(18px * var(--ui-scale, 1));font-weight:300;color:var(--text-main);line-height:1}.up-section-content{padding:0 calc(17px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));transition:opacity .2s ease,padding .3s ease;max-height:none;opacity:1;overflow:visible}.up-section-content.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden;pointer-events:none}.up-divider{height:1px;background-color:var(--border-strong);margin:0}.unified-panel .up-toggle-row+.slider-container,.unified-panel .up-toggle-row+.up-mode-row{margin-top:calc(10px * var(--ui-scale, 1))}.up-canvas-section{padding:calc(17px * var(--ui-scale, 1));padding-bottom:calc(12px * var(--ui-scale, 1))}.up-canvas-title{font-size:calc(15px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);margin-bottom:calc(14px * var(--ui-scale, 1))}.up-size-row{display:flex;align-items:center}.up-size-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);flex:1}.up-size-inputs{display:flex;align-items:center;gap:0;width:calc(185px * var(--ui-scale, 1))}.up-size-input{width:calc(87px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background-color:var(--surface-control);border:none;border-radius:calc(5px * var(--ui-scale, 1));color:var(--text-main);font-family:Roboto,sans-serif;font-size:calc(14px * var(--ui-scale, 1));font-weight:400;padding:0 calc(12px * var(--ui-scale, 1));outline:none;transition:background-color .15s ease;position:relative;z-index:1}.up-size-input.draggable-edge{cursor:ew-resize}.up-size-input:focus{background-color:var(--surface-control-hover)}.up-size-input::placeholder{color:var(--text-muted)}.up-size-separator{width:calc(16px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;margin:0;cursor:pointer;transition:opacity .15s ease;position:relative;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.up-size-separator:hover{opacity:.8}.up-size-separator:disabled{opacity:.5;cursor:not-allowed}.up-size-separator-dot{color:var(--text-passive);font-size:calc(14px * var(--ui-scale, 1));line-height:1;transition:opacity .15s ease,color .15s ease,transform .15s ease;opacity:0}.up-size-separator.linked .up-size-separator-dot{color:var(--text-main);transform:scale(1.2);opacity:1}.up-size-separator:hover .up-size-separator-dot{color:var(--text-main);opacity:.6}.up-size-separator.linked:hover .up-size-separator-dot{opacity:1}.up-size-separator.dragging .up-size-separator-dot,.up-size-separator.linked.dragging .up-size-separator-dot{opacity:0!important;transform:scale(1)!important;color:var(--text-passive)!important}.up-mode-row{display:flex;align-items:center;width:100%}.up-section-content .up-mode-row{margin-bottom:10px}.up-section-content .up-mode-row:last-child{margin-bottom:0}.up-mode-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);flex:1}.up-mode-dropdown-wrapper{width:calc(185px * var(--ui-scale, 1));display:flex;justify-content:flex-end;gap:calc(8px * var(--ui-scale, 1))}.up-mode-dropdown-wrapper .custom-dropdown{flex:1;min-width:0}.up-mode-dropdown-wrapper .custom-dropdown:first-child{flex:0 0 calc(80px * var(--ui-scale, 1));min-width:calc(80px * var(--ui-scale, 1))}.up-mode-dropdown-wrapper .custom-dropdown:last-child{flex:1;min-width:0}.up-mode-dropdown-wrapper .color-picker-wrapper{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1))}.up-mode-dropdown-wrapper .custom-dropdown-trigger{width:100%;height:calc(32px * var(--ui-scale, 1));background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:calc(5px * var(--ui-scale, 1));color:var(--text-main);font-family:Roboto,sans-serif;font-size:calc(14px * var(--ui-scale, 1));font-weight:400;padding:0 calc(12px * var(--ui-scale, 1));cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease}.up-mode-dropdown-wrapper .custom-dropdown-trigger:hover,.up-mode-dropdown-wrapper .custom-dropdown-trigger.open{background-color:var(--surface-control-hover);border:1px solid var(--border-strong)}.up-mode-section{padding:calc(17px * var(--ui-scale, 1));display:flex;flex-direction:column;gap:calc(12px * var(--ui-scale, 1))}.up-effect-chain-section{padding:0}.up-effect-chain-section-content{display:flex;flex-direction:column;gap:calc(14px * var(--ui-scale, 1))}.up-effect-chain-card{min-height:calc(110px * var(--ui-scale, 1));background-color:var(--surface-raised);border:1px solid var(--border-strong);border-radius:calc(5px * var(--ui-scale, 1));padding:calc(14px * var(--ui-scale, 1))}.up-effect-chain-card--empty{min-height:0;padding:calc(8px * var(--ui-scale, 1));background-color:transparent;border-color:var(--border-color)}.up-effect-chain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale, 1))}.up-effect-chain-item{display:flex;align-items:center;justify-content:space-between;padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background-color:var(--surface-control-hover);border-radius:calc(4px * var(--ui-scale, 1));border:1px solid var(--border-color)}.up-effect-chain-item-label{font-size:calc(12px * var(--ui-scale, 1));color:var(--text-passive);flex:1;min-width:0}.up-effect-chain-item-visibility{background:transparent;border:none;color:var(--text-muted);font-size:calc(14px * var(--ui-scale, 1));line-height:1;padding:calc(2px * var(--ui-scale, 1));cursor:pointer;border-radius:calc(4px * var(--ui-scale, 1));margin-left:calc(4px * var(--ui-scale, 1));flex-shrink:0}.up-effect-chain-item-visibility:hover:not(:disabled){color:var(--text-main);background:var(--panel-header-hover)}.up-effect-chain-item-disabled .up-effect-chain-item-label{text-decoration:line-through;color:var(--text-muted)}.up-effect-chain-item-remove{background:transparent;border:none;color:var(--text-muted);font-size:calc(16px * var(--ui-scale, 1));line-height:1;padding:calc(2px * var(--ui-scale, 1));cursor:pointer;border-radius:calc(4px * var(--ui-scale, 1))}.up-effect-chain-item-remove:hover:not(:disabled){color:var(--text-main);background:var(--panel-header-hover)}.up-effect-chain-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1));padding:calc(2px * var(--ui-scale, 1)) 0;cursor:pointer;text-align:center;transition:opacity .12s ease}.up-effect-chain-empty:hover{opacity:1}.up-effect-chain-empty-preview{display:flex;flex-direction:column;gap:calc(5px * var(--ui-scale, 1));width:100%;margin-bottom:calc(1px * var(--ui-scale, 1))}.up-effect-chain-empty-slot{display:block;height:calc(22px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));background-color:var(--surface-control-hover);border:1px solid var(--border-color);opacity:.55}.up-effect-chain-empty-slot--next{opacity:1;background-color:transparent;border-style:dashed;border-color:var(--border-strong)}.up-effect-chain-empty-title{font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-passive);line-height:1.3}.up-effect-chain-empty-desc{font-size:calc(10px * var(--ui-scale, 1));font-weight:400;color:var(--text-muted);line-height:1.35;max-width:calc(220px * var(--ui-scale, 1))}.up-effect-chain-empty-action{margin-top:calc(1px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));font-weight:500;color:var(--text-muted);padding:calc(4px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border:1px solid var(--border-strong);border-radius:calc(4px * var(--ui-scale, 1));background-color:var(--surface-control-hover);transition:color .12s ease,border-color .12s ease,background-color .12s ease}.up-effect-chain-empty:hover .up-effect-chain-empty-action{color:var(--text-main);border-color:var(--border-strong);background-color:var(--panel-header-hover)}.up-effect-chain-card--empty.up-effect-chain-card-over .up-effect-chain-empty-slot--next{border-color:#78a0ffa6;background-color:#78a0ff14}.up-effect-chain-header-right{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));margin-left:auto}.up-ec-opacity-field,.up-ec-blend-field{--up-ec-control-w: calc(52px * var(--ui-scale, 1));width:var(--up-ec-control-w);flex-shrink:0}.up-ec-opacity-field{position:relative;display:inline-flex;align-items:stretch;height:calc(20px * var(--ui-scale, 1));border:1px solid var(--surface-control-hover);border-radius:calc(3px * var(--ui-scale, 1));background:var(--surface-control-hover);overflow:visible;box-sizing:border-box}.up-ec-opacity-input-wrap{display:flex;align-items:center;padding:0 calc(3px * var(--ui-scale, 1));gap:calc(1px * var(--ui-scale, 1))}.up-ec-opacity-input{width:calc(26px * var(--ui-scale, 1));background:transparent;border:none;color:var(--text-passive);font-size:calc(11px * var(--ui-scale, 1));text-align:right;padding:0;-moz-appearance:textfield;outline:none}.up-ec-opacity-input::-webkit-outer-spin-button,.up-ec-opacity-input::-webkit-inner-spin-button{-webkit-appearance:none}.up-ec-opacity-pct-inner{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);-webkit-user-select:none;user-select:none;line-height:1}.up-ec-chevron{display:block;font-size:calc(9px * var(--ui-scale, 1));line-height:1;color:var(--text-muted);transition:color .1s ease,transform .12s ease;transform-origin:center center}.up-ec-chevron--open{transform:rotate(180deg)}.up-ec-opacity-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(14px * var(--ui-scale, 1));background:transparent;border:none;border-left:1px solid var(--surface-control-hover);padding:0;cursor:pointer;transition:background .1s ease}.up-ec-opacity-arrow:hover:not(:disabled) .up-ec-chevron{color:var(--text-passive)}.up-ec-opacity-arrow:hover:not(:disabled){background:var(--panel-header-hover)}.up-ec-opacity-presets{position:absolute;top:calc(100% + 3px);right:0;z-index:200;background:var(--panel-inner-bg);border:1px solid var(--surface-control-hover);border-radius:calc(4px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1));display:flex;flex-direction:column;gap:calc(1px * var(--ui-scale, 1));min-width:calc(52px * var(--ui-scale, 1));box-shadow:0 4px 12px #00000080}.up-ec-opacity-preset{background:transparent;border:none;color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));text-align:left;padding:calc(3px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));cursor:pointer;border-radius:calc(3px * var(--ui-scale, 1));transition:background .1s ease,color .1s ease;white-space:nowrap}.up-ec-opacity-preset:hover{background:var(--panel-header-hover);color:var(--text-main)}.up-ec-opacity-preset.active{color:var(--text-main);background:#78a0ff33}.up-ec-blend-field{height:calc(20px * var(--ui-scale, 1))}.up-ec-blend-field .custom-dropdown{width:100%;height:100%}.up-ec-blend-field .custom-dropdown--effect-chain .custom-dropdown-trigger{height:100%;min-height:0;padding:0;display:flex;align-items:stretch;font-size:calc(10px * var(--ui-scale, 1));line-height:calc(18px * var(--ui-scale, 1));border:1px solid var(--surface-control-hover);border-radius:calc(3px * var(--ui-scale, 1));background:var(--surface-control-hover);color:var(--text-passive);box-sizing:border-box}.up-ec-blend-field .custom-dropdown--effect-chain .custom-dropdown-trigger:hover:not(.disabled){background:var(--panel-header-hover);border-color:var(--surface-control-hover)}.up-ec-blend-field .custom-dropdown--effect-chain .custom-dropdown-trigger.open{border-radius:calc(3px * var(--ui-scale, 1))}.up-ec-blend-field .custom-dropdown--effect-chain .custom-dropdown-value{flex:1;min-width:0;padding:0 0 0 calc(4px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));color:var(--text-passive);text-align:left}.up-ec-blend-field .up-ec-chevron-slot{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(14px * var(--ui-scale, 1));border-left:1px solid var(--surface-control-hover)}.up-ec-blend-field .custom-dropdown--effect-chain .custom-dropdown-trigger:hover:not(.disabled) .up-ec-chevron{color:var(--text-passive)}.up-ec-blend-field .custom-dropdown-menu{min-width:calc(108px * var(--ui-scale, 1))}.up-ec-blend-field .custom-dropdown-menu .dropdown-option-label{white-space:nowrap}.up-ec-mask-panel{margin-top:calc(6px * var(--ui-scale, 1));padding-top:calc(6px * var(--ui-scale, 1));border-top:1px solid var(--surface-control-hover)}.up-ec-mask-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1));min-height:calc(22px * var(--ui-scale, 1))}.up-ec-mask-toggle-row .up-effect-chain-detail-key{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted)}.up-ec-pill-toggle{position:relative;width:calc(28px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));border-radius:999px;background:var(--surface-control);border:1px solid var(--surface-control-hover);cursor:pointer;flex-shrink:0;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease}.up-ec-pill-toggle:after{content:"";position:absolute;top:50%;left:calc(2px * var(--ui-scale, 1));width:calc(9px * var(--ui-scale, 1));height:calc(9px * var(--ui-scale, 1));margin-top:calc(-4.5px * var(--ui-scale, 1));border-radius:50%;background:var(--text-muted);transition:left .15s ease,background-color .15s ease}.up-ec-pill-toggle:hover:not(.disabled):after{background:var(--text-passive)}.up-ec-pill-toggle.active{background:var(--state-active-bg);border-color:var(--state-active-ring)}.up-ec-pill-toggle.active:after{left:calc(15px * var(--ui-scale, 1));background:var(--toggle-dot-active)}.up-ec-pill-toggle.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.up-ec-mask-sliders{display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale, 1));margin-top:calc(4px * var(--ui-scale, 1))}.up-ec-mask-row{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1))}.up-ec-mask-row .custom-dropdown{flex:1;min-width:0}.up-effect-chain-header-btns{display:inline-flex;align-items:center;gap:calc(4px * var(--ui-scale, 1))}.up-effect-chain-add-btn,.up-effect-chain-clear-btn{background:transparent;border:1px solid var(--surface-control-hover);color:var(--text-muted);line-height:1;padding:0;border-radius:calc(4px * var(--ui-scale, 1));cursor:pointer;width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));display:inline-flex;align-items:center;justify-content:center;transition:color .12s ease,border-color .12s ease,background .12s ease}.up-effect-chain-add-btn{font-size:calc(14px * var(--ui-scale, 1));font-weight:500}.up-effect-chain-clear-btn{font-size:calc(16px * var(--ui-scale, 1))}.up-effect-chain-add-btn:hover:not(:disabled),.up-effect-chain-clear-btn:hover:not(:disabled){color:var(--text-main);border-color:var(--border-strong);background:var(--panel-header-hover)}.up-effect-chain-clear-wrap{position:relative}.up-effect-chain-clear-confirm-panel{position:absolute;top:100%;right:0;margin-top:calc(4px * var(--ui-scale, 1));width:max-content;max-width:calc(200px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--surface-tooltip);border:1px solid var(--surface-control-hover);border-radius:calc(6px * var(--ui-scale, 1));box-shadow:0 4px 12px #0006;z-index:10}.up-effect-chain-clear-confirm-title{margin:0 0 calc(4px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1));font-weight:600;color:var(--text-passive)}.up-effect-chain-clear-confirm-desc{margin:0 0 calc(10px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);line-height:1.35}.up-effect-chain-clear-confirm-actions{display:flex;gap:calc(8px * var(--ui-scale, 1));justify-content:center}.up-effect-chain-clear-confirm-btn{background:transparent;border:1px solid var(--surface-control-hover);color:var(--text-muted);font-size:calc(12px * var(--ui-scale, 1));cursor:pointer;padding:calc(4px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));transition:color .12s ease,border-color .12s ease,background .12s ease}.up-effect-chain-clear-confirm-btn:hover{color:var(--text-main);border-color:var(--border-strong);background:var(--panel-header-hover)}.up-effect-chain-card-over{border-color:#fff3;background-color:#28282cf2}.up-effect-chain-item-drag,.up-effect-chain-drag-handle{display:none}.up-effect-chain-item{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,background-color .12s ease}.up-effect-chain-item:hover:not(.up-effect-chain-item-selected){background-color:#323236e6}.up-effect-chain-item-selected{border-color:#78a0ff73;background-color:#3c508240}.up-effect-chain-item-category{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.up-effect-chain-detail{margin-top:calc(12px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background-color:#232326e6;border:1px solid rgba(120,160,255,.2);border-radius:calc(4px * var(--ui-scale, 1));display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale, 1))}.up-effect-chain-detail-row{display:flex;justify-content:space-between;align-items:center}.up-effect-chain-detail-key{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted)}.up-effect-chain-detail-value{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-passive);font-weight:500}.up-slider-row{display:flex;align-items:center;margin-bottom:10px}.up-slider-row:last-child{margin-bottom:0}.up-slider-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);flex:1}.unified-panel .slider-container{display:flex;align-items:center;width:100%;margin-bottom:10px}.unified-panel .slider-container:last-child{margin-bottom:0}.unified-panel .slider-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);flex:1;width:auto;margin-right:calc(12px * var(--ui-scale, 1))}.unified-panel .slider-track-wrapper{flex:0 0 calc(185px * var(--ui-scale, 1));width:calc(185px * var(--ui-scale, 1))}.unified-panel .slider-track{position:relative;width:calc(185px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));overflow:hidden}.unified-panel .slider-background{position:absolute;inset:0;background-color:var(--surface-control);border-radius:calc(5px * var(--ui-scale, 1));z-index:1}.unified-panel .slider-divider{position:absolute;height:calc(32px * var(--ui-scale, 1));top:0;pointer-events:none;z-index:5;display:flex;align-items:center;transform:translate(-50%)}.unified-panel .slider-divider-line{width:calc(2px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background-color:var(--slider-divider-color);border-radius:0;margin:0}.unified-panel .slider-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;z-index:10;-webkit-appearance:none;appearance:none;outline:none}.unified-panel .slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background:transparent;cursor:pointer;border:none}.unified-panel .slider-input::-moz-range-thumb{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background:transparent;border:none;cursor:pointer}.unified-panel .slider-input::-webkit-slider-runnable-track{background:transparent;border:none;height:calc(32px * var(--ui-scale, 1))}.unified-panel .slider-input::-moz-range-track{background:transparent;border:none;height:calc(32px * var(--ui-scale, 1))}.unified-panel .slider-input:disabled{cursor:not-allowed}.unified-panel .slider-value{position:absolute;top:50%;transform:translateY(-50%);font-size:calc(11px * var(--ui-scale, 1));font-weight:400;color:var(--text-main);pointer-events:auto;z-index:15;white-space:nowrap;font-variant-numeric:tabular-nums}.unified-panel .slider-track--editing .slider-input{pointer-events:none}.unified-panel .slider-value-input{border-bottom-color:var(--text-main);color:var(--text-main)}.unified-panel .slider-label--scrub{touch-action:none}.up-slider-track{position:relative;width:calc(185px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background-color:var(--surface-control);border-radius:calc(5px * var(--ui-scale, 1));overflow:hidden;flex-shrink:0;cursor:pointer}.up-slider-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;z-index:10;-webkit-appearance:none;appearance:none;outline:none}.up-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background:transparent;cursor:pointer;border:none}.up-slider-input::-moz-range-thumb{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background:transparent;border:none;cursor:pointer}.up-slider-input::-webkit-slider-runnable-track{background:transparent;border:none;height:calc(32px * var(--ui-scale, 1))}.up-slider-input::-moz-range-track{background:transparent;border:none;height:calc(32px * var(--ui-scale, 1))}.up-slider-input:disabled{cursor:not-allowed}.up-slider-divider{position:absolute;top:0;bottom:0;width:calc(2px * var(--ui-scale, 1));background-color:var(--slider-divider-color);border-radius:0;pointer-events:none;z-index:5}.up-slider-value{position:absolute;top:50%;transform:translateY(-50%);font-size:calc(11px * var(--ui-scale, 1));font-weight:400;color:var(--text-main);pointer-events:none;z-index:5;white-space:nowrap}.up-input-row{display:flex;align-items:center;margin-bottom:10px}.up-input-row:last-child{margin-bottom:0}.up-input-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);flex:1}.up-input{width:calc(185px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background-color:var(--surface-control);border:none;border-radius:calc(5px * var(--ui-scale, 1));color:var(--text-main);font-family:Roboto,sans-serif;font-size:calc(14px * var(--ui-scale, 1));font-weight:400;padding:0 calc(12px * var(--ui-scale, 1));outline:none;transition:background-color .15s ease;flex-shrink:0}.up-input:focus{background-color:var(--surface-control-hover)}.up-input::placeholder{color:var(--text-muted)}.up-setting-row{display:flex;align-items:center;margin-bottom:10px}.up-setting-row:last-child{margin-bottom:0}.up-setting-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);flex:1}.up-pattern-select{width:calc(185px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background-color:var(--surface-control);border:none;border-radius:calc(5px * var(--ui-scale, 1));color:var(--text-main);font-family:Roboto,sans-serif;font-size:calc(14px * var(--ui-scale, 1));font-weight:400;padding:0 calc(12px * var(--ui-scale, 1));outline:none;transition:background-color .15s ease;flex-shrink:0;cursor:pointer}.up-pattern-select:hover{background-color:var(--surface-control-hover)}.up-pattern-select:focus{background-color:var(--surface-control-hover)}.up-toggle-row{display:flex;align-items:center;height:calc(32px * var(--ui-scale, 1));margin-top:calc(10px * var(--ui-scale, 1))}.up-toggle-row:first-child{margin-top:0}.up-toggle-row-vhs{margin-bottom:10px}.up-toggle-label-text{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);line-height:1;height:calc(32px * var(--ui-scale, 1));display:flex;align-items:center;margin-right:calc(4px * var(--ui-scale, 1));cursor:pointer;-webkit-user-select:none;user-select:none}.up-toggle-switch{display:flex;align-items:center;justify-content:center;cursor:pointer;width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));padding:0;position:relative;border-radius:50%;flex-shrink:0;transition:background-color .15s ease,box-shadow .15s ease}.up-toggle-switch:before{content:"";width:calc(3px * var(--ui-scale, 1));height:calc(3px * var(--ui-scale, 1));border-radius:50%;background-color:var(--control-dot);opacity:0;transition:opacity .15s ease,background-color .15s ease,transform .15s ease}.up-toggle-switch:not(.active):hover:before,.up-toggle-row:hover .up-toggle-switch:not(.active):before{opacity:1}.up-toggle-switch.active{background-color:var(--state-active-bg);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.up-toggle-switch.active:before{opacity:1;width:calc(4px * var(--ui-scale, 1));height:calc(4px * var(--ui-scale, 1));background-color:var(--toggle-dot-active)}.up-palette-section{padding:calc(24px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1))}.up-palette-section--disabled .up-palette-label{cursor:default}.up-palette-disabled-note{font-size:calc(12px * var(--ui-scale, 1));color:var(--text-muted, #888);margin-bottom:8px}.up-palette-row{display:flex;align-items:center;margin-bottom:12px;width:100%}.up-palette-row .up-palette-label{flex:1;margin-right:12px}.up-palette-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);cursor:pointer;transition:color .15s ease;position:relative;flex:1}.up-palette-label.active{color:var(--text-main)}.up-palette-label:after{content:"•";margin-left:6px;color:var(--text-main);opacity:0;transition:opacity .15s ease}.up-palette-label.active:after{opacity:1}.up-palette-bar{width:calc(185px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));overflow:hidden;cursor:pointer;display:flex;flex-shrink:0}.up-palette-bar.disabled{opacity:.5;cursor:not-allowed}.unified-panel .gradient-palette-bar{width:calc(185px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));flex:0 0 calc(185px * var(--ui-scale, 1));flex-shrink:0}.up-add-palette-row{display:flex;align-items:center}.up-add-palette-label{font-size:calc(14px * var(--ui-scale, 1));font-weight:400;color:var(--text-passive);flex:1}.up-palette-grid{display:flex;gap:calc(8px * var(--ui-scale, 1));flex-wrap:wrap;width:calc(185px * var(--ui-scale, 1));justify-content:flex-start}.up-palette-swatch{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden;flex-shrink:0}.up-palette-swatch:hover{transform:scale(1.08);box-shadow:0 2px 8px #0000004d}.up-palette-swatch.selected{box-shadow:0 0 0 2px var(--text-on-accent, var(--text-main))}.up-palette-swatch-delete{position:absolute;top:calc(1px * var(--ui-scale, 1));right:calc(1px * var(--ui-scale, 1));width:calc(12px * var(--ui-scale, 1));height:calc(12px * var(--ui-scale, 1));background-color:#000000b3;color:var(--text-main);border:none;border-radius:50%;font-size:calc(9px * var(--ui-scale, 1));line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.up-palette-swatch:hover .up-palette-swatch-delete{opacity:1}.up-palette-swatch-delete:hover{background-color:#e81123}.up-palette-add-btn{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));border:1px dashed #666;background-color:transparent;color:#666;font-size:calc(18px * var(--ui-scale, 1));font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease,background-color .15s ease;flex-shrink:0}.up-palette-add-btn:hover{border-color:#999;color:#999;background-color:#ffffff0d}.up-presets-section{padding:calc(17px * var(--ui-scale, 1));padding-bottom:calc(12px * var(--ui-scale, 1))}.up-presets-row{display:flex;align-items:center}.up-presets-label{font-size:calc(15px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);flex:1}.up-presets-buttons{display:flex;gap:calc(8px * var(--ui-scale, 1))}.up-preset-btn{width:calc(88px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:calc(5px * var(--ui-scale, 1));color:var(--text-main);font-family:Roboto,sans-serif;font-size:calc(14px * var(--ui-scale, 1));font-weight:400;cursor:pointer;transition:background-color .15s ease;padding:0}.up-preset-btn:hover{background-color:#5a5a5a}.up-preset-btn:active{background-color:#606060}.up-preset-input-row{display:flex;align-items:center;margin-top:calc(8px * var(--ui-scale, 1));margin-left:auto;width:calc(184px * var(--ui-scale, 1));background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:calc(5px * var(--ui-scale, 1));overflow:hidden}.up-preset-input{width:calc(145px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));background-color:transparent;border:none;color:var(--text-main);font-family:Roboto,sans-serif;font-size:calc(14px * var(--ui-scale, 1));font-weight:400;padding:0 calc(12px * var(--ui-scale, 1));outline:none}.up-preset-input::placeholder{color:var(--text-muted)}.up-preset-submit{height:calc(32px * var(--ui-scale, 1));padding:0 calc(12px * var(--ui-scale, 1));background-color:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease;flex-shrink:0}.up-preset-submit:hover:not(:disabled){color:var(--text-main)}.up-preset-submit:disabled{color:var(--text-muted);cursor:not-allowed}.up-preset-menu{margin-top:calc(8px * var(--ui-scale, 1));margin-left:auto;width:calc(184px * var(--ui-scale, 1));background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:calc(5px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1));max-height:calc(150px * var(--ui-scale, 1));overflow-y:auto}.up-preset-menu-item{display:flex;justify-content:space-between;align-items:center;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));margin:calc(2px * var(--ui-scale, 1)) 0;border-radius:calc(5px * var(--ui-scale, 1));cursor:pointer;color:var(--text-passive);font-size:calc(14px * var(--ui-scale, 1));transition:background-color .15s ease}.up-preset-menu-item:hover{background-color:var(--state-active-bg-strong);color:var(--accent-primary)}.up-preset-menu-delete{background:transparent;border:none;color:#666;cursor:pointer;font-size:calc(16px * var(--ui-scale, 1));padding:0 calc(4px * var(--ui-scale, 1));line-height:1;transition:color .15s ease}.up-preset-menu-delete:hover{color:#e81123}.up-preset-menu-empty{color:var(--text-muted);font-size:calc(13px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));text-align:center}:root.theme-cream .up-preset-btn{background-color:var(--surface-control);border-color:#3c3c434a;color:var(--text-main)}:root.theme-cream .up-preset-btn:hover{background-color:var(--surface-control-hover)}:root.theme-cream .up-preset-btn:active{background-color:var(--surface-control-hover)}:root.theme-cream .up-preset-input-row{background-color:var(--surface-control);border-color:#3c3c434a}:root.theme-cream .up-preset-input{color:var(--text-main)}:root.theme-cream .up-preset-input::placeholder{color:#00000059}:root.theme-cream .up-preset-submit{color:#00000073}:root.theme-cream .up-preset-submit:hover:not(:disabled){color:var(--text-main)}:root.theme-cream .up-preset-submit:disabled{color:#00000040}:root.theme-cream .up-preset-menu{background-color:var(--panel-bg);border-color:var(--border-strong)}:root.theme-cream .up-preset-menu-item{color:var(--text-main)}:root.theme-cream .up-preset-menu-item:hover{background-color:var(--state-active-bg)}:root.theme-cream .up-preset-menu-delete{color:#00000059}:root.theme-cream .up-preset-menu-delete:hover{color:#e81123}:root.theme-cream .up-preset-menu-empty{color:#00000073}.up-scroll-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(24px * var(--ui-scale, 1));scrollbar-width:none;-ms-overflow-style:none}.up-scroll-content::-webkit-scrollbar{display:none}.up-web-trial-footer{flex-shrink:0;display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));border-top:1px solid var(--border-strong);background:var(--panel-header-bg);z-index:2}.up-web-trial-footer-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.up-web-trial-footer-label{font-size:calc(11px * var(--ui-scale, 1));font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-passive)}.up-web-trial-footer-desc{font-size:calc(11px * var(--ui-scale, 1));line-height:1.35;color:var(--text-muted)}.up-web-trial-footer-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:calc(52px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));padding:0 calc(12px * var(--ui-scale, 1));border:1px solid var(--accent-primary);border-radius:var(--radius-control);background:var(--accent-primary);color:var(--text-on-accent);font-family:var(--font-family);font-size:calc(12px * var(--ui-scale, 1));font-weight:600;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.up-web-trial-footer-btn:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:var(--text-on-accent)}.up-web-trial-footer-btn:focus-visible{outline:none;box-shadow:0 0 0 calc(2px * var(--ui-scale, 1)) var(--state-active-ring)}:root.theme-cream .unified-panel-inner{background-color:var(--panel-inner-bg);border:none;border-left:1px solid var(--border-strong)}:root.theme-cream .up-section-title,:root.theme-cream .up-presets-label,:root.theme-cream .up-canvas-title{color:var(--text-main)}:root.theme-cream .up-size-label,:root.theme-cream .up-mode-label,:root.theme-cream .up-slider-label,:root.theme-cream .up-toggle-label,:root.theme-cream .up-palette-label,:root.theme-cream .up-add-palette-label{color:#0000008c}:root.theme-cream .up-toggle-label.active,:root.theme-cream .up-palette-label.active{color:var(--text-main);font-weight:500}:root.theme-cream .up-size-input,:root.theme-cream .up-slider-track,:root.theme-cream .up-preset-btn{background-color:var(--surface-control);color:var(--text-main);border-color:#3c3c432e}:root.theme-cream .up-size-input:focus,:root.theme-cream .up-preset-btn:hover{background-color:var(--surface-control-hover)}:root.theme-cream .up-mode-dropdown{background-color:var(--surface-control);color:var(--text-main);border-color:#3c3c434a}:root.theme-cream .up-slider-divider{background-color:var(--accent-primary)}:root.theme-cream .unified-panel .slider-divider-line{background-color:var(--accent-primary)}:root.theme-cream .unified-panel .slider-background{background-color:var(--surface-control)}:root.theme-cream .unified-panel .slider-value{color:var(--text-main)}:root.theme-cream .up-divider{background-color:#3c3c432e}:root.theme-cream .up-section-reset{color:#0000008c}:root.theme-cream .up-section-reset:hover:not(:disabled){color:var(--text-main);background-color:#0000000f}:root.theme-cream .up-section-header{color:var(--text-main)}:root.theme-cream .up-section-toggle{color:var(--text-main)}:root.theme-cream .unified-panel .slider-label{color:#0000008c}:root.theme-cream .up-toggle-label-text{color:#0000008c}:root.theme-cream .up-input-label{color:#0000008c}:root.theme-cream .up-input{background-color:var(--surface-control);color:var(--text-main)}:root.theme-cream .up-input:focus{background-color:var(--surface-control-hover)}:root.theme-cream .up-input::placeholder{color:#00000059}:root.theme-cream .up-setting-label{color:#0000008c}:root.theme-cream .up-pattern-select{background-color:var(--surface-control);color:var(--text-main)}:root.theme-cream .up-pattern-select:hover,:root.theme-cream .up-pattern-select:focus{background-color:var(--surface-control-hover)}:root.theme-cream .up-effect-chain-card{background-color:var(--surface-raised);border-color:#3c3c432e}:root.theme-cream .up-effect-chain-item{background-color:var(--surface-control);border-color:#3c3c4324}:root.theme-cream .up-effect-chain-item-label{color:var(--text-main)}:root.theme-cream .up-effect-chain-item-visibility{color:#00000073}:root.theme-cream .up-effect-chain-item-visibility:hover:not(:disabled){color:var(--text-main);background:#0000000f}:root.theme-cream .up-effect-chain-item-remove{color:#00000073}:root.theme-cream .up-effect-chain-item-remove:hover:not(:disabled){color:var(--text-main);background:#0000000f}:root.theme-cream .up-effect-chain-card--empty{border-color:#3c3c4333}:root.theme-cream .up-effect-chain-empty-slot{background-color:#0000000a;border-color:#3c3c432e}:root.theme-cream .up-effect-chain-empty-slot--next{border-color:#3c3c4352}:root.theme-cream .up-effect-chain-empty-title{color:#000000b8}:root.theme-cream .up-effect-chain-empty-desc{color:#0000006b}:root.theme-cream .up-effect-chain-empty-action{color:#0000008c;background-color:#0000000a;border-color:#3c3c4347}:root.theme-cream .up-effect-chain-empty:hover .up-effect-chain-empty-action{color:#000000d9;background-color:#0000000f;border-color:#3c3c4366}:root.theme-cream .up-ec-opacity-field{background:#e8e8ed;border-color:#3c3c4340}:root.theme-cream .up-ec-opacity-input{color:var(--text-main)}:root.theme-cream .up-ec-opacity-pct-inner{color:#0006}:root.theme-cream .up-ec-opacity-arrow{color:#00000073;border-left-color:#3c3c4333}:root.theme-cream .up-ec-opacity-arrow:hover{color:var(--text-main);background:#0000000f}:root.theme-cream .up-ec-blend-field .custom-dropdown-trigger{background:#e8e8ed;border-color:#3c3c4340;color:var(--text-main)}:root.theme-cream .up-ec-blend-field .custom-dropdown-value{color:var(--text-main)}:root.theme-cream .up-ec-pill-toggle{background:#e8e8ed;border-color:#3c3c4340}:root.theme-cream .up-ec-pill-toggle:after{background:#00000059}:root.theme-cream .up-ec-pill-toggle.active{background:#78a0ff38;border-color:#5078c873}:root.theme-cream .model-panel{background-color:var(--surface-floating);border-color:var(--border-floating);box-shadow:0 18px 48px #0000002e}:root.theme-cream .model-panel-topbar{background:var(--panel-inner-bg);border-bottom-color:#3c3c4324}:root.theme-cream .model-panel-title{color:var(--text-main)}:root.theme-cream .model-panel-close{color:#00000073}:root.theme-cream .model-panel-close:hover{color:var(--text-main);background:#0000000f}:root.theme-cream .model-panel-left{background:var(--surface-floating);border-right-color:#3c3c4329}:root.theme-cream .model-category-button{color:#0000008c}:root.theme-cream .model-category-button:hover{background-color:#0000000d;color:var(--text-main)}:root.theme-cream .model-category-button.active{background-color:#00000012;color:var(--text-main)}:root.theme-cream .model-grid::-webkit-scrollbar-thumb{background:#0000001a}:root.theme-cream .model-button{background:var(--panel-bg);color:var(--text-main);border-color:var(--border-strong)}:root.theme-cream .model-button:hover{background:var(--surface-control-hover)}:root.theme-cream .model-button.active{background:var(--state-active-bg)!important;box-shadow:inset 0 0 0 1px var(--state-active-ring)!important}:root.theme-cream .model-row.model-row-dragging .model-button{background:#e8e6e1;border-color:#3c3c434d;box-shadow:0 6px 20px #0000001f,0 2px 8px #00000014}:root.theme-cream .model-star-btn{color:#00000073}:root.theme-cream .model-star-btn.filled{color:#d4a017}:root.theme-cream .model-add-to-chain-btn{color:#00000040}:root.theme-cream .model-button:hover .model-add-to-chain-btn{color:#00000073}:root.theme-cream .model-button:hover .model-add-to-chain-btn:hover{color:var(--text-main)}:root.theme-cream .model-panel-resize-se:after,:root.theme-cream .model-panel-resize-sw:after{border-color:#0003}:root.theme-cream sup.support-sup{color:#0000008c!important}:root.theme-cream .new-badge{background:#2e7d50}.top-bar-app-menu,.top-bar-compare-menu,.top-bar-preset-menu,.chrome-menu-shell{background-color:var(--panel-inner-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1)) #00000059;font-family:var(--font-family);z-index:1000;animation:compareMenuFadeIn .15s ease}.app-menu-submenu{background-color:var(--panel-inner-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1)) #00000059}.chrome-menu-item{display:flex;align-items:center;width:100%;padding:calc(8px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));background:transparent;border:none;border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);font-weight:400;font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease;text-align:left}.chrome-menu-item:hover:not(:disabled){background-color:var(--panel-header-hover)}.chrome-menu-item:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.chrome-menu-item.active,.chrome-menu-item.ds-state-active-inset{background-color:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.chrome-menu-divider{height:calc(1px * var(--ui-scale, 1));background-color:var(--border-strong);margin:calc(6px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1))}.preset-menu-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.preset-menu-delete{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-control);color:var(--text-muted);padding:0;flex-shrink:0;cursor:pointer;transition:opacity .12s ease,background-color .12s ease,color .12s ease}.preset-menu-delete svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.preset-menu-delete:hover{background-color:var(--state-destructive-bg);color:var(--color-destructive)}.top-bar-preset-menu{position:absolute;top:calc(100% + calc(6px * var(--ui-scale, 1)));right:0;width:calc(var(--panel-width-popover, 350px) * .72);min-width:calc(248px * var(--ui-scale, 1));max-width:calc(300px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) 0}.preset-menu-block{padding:calc(4px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}.top-bar-preset-menu .preset-menu-input-row{display:flex;align-items:stretch;width:100%;margin:0;background-color:var(--surface-control);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden}.top-bar-preset-menu .preset-menu-input-row .up-preset-input{flex:1;width:0;min-width:0;height:var(--control-height-chrome)}.top-bar-preset-menu .preset-menu-input-row .up-preset-submit{height:var(--control-height-chrome);border-left:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);font-size:var(--font-size-label);font-weight:500;color:var(--accent-primary);min-width:calc(52px * var(--ui-scale, 1))}.top-bar-preset-menu .preset-menu-input-row .up-preset-submit:hover:not(:disabled){background-color:var(--panel-header-hover);color:var(--accent-primary)}.preset-menu-list-scroll{max-height:calc(220px * var(--ui-scale, 1));overflow-y:auto;overflow-x:hidden;padding:calc(2px * var(--ui-scale, 1)) 0}.preset-menu-list-scroll::-webkit-scrollbar{width:5px}.preset-menu-list-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.preset-menu-item-row{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:0 calc(6px * var(--ui-scale, 1));margin:calc(1px * var(--ui-scale, 1)) 0}.preset-menu-item-row .preset-menu-item{flex:1;min-width:0;margin:0}.preset-menu-item-row .preset-menu-item.is-renaming{cursor:default;background-color:var(--panel-header-hover)}.preset-menu-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:text}.preset-menu-rename-input{flex:1;min-width:0;height:auto;margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;outline:none}.preset-menu-item-row.is-export-selected .preset-menu-item:not(.is-renaming){background-color:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.preset-menu-item-row.is-export-selected .preset-menu-item:not(.is-renaming) svg{opacity:1}.preset-menu-export-check{display:flex;align-items:center;flex-shrink:0;padding-left:calc(6px * var(--ui-scale, 1));cursor:pointer}.preset-menu-item-row .preset-menu-delete{width:var(--control-height-chrome);height:var(--control-height-chrome);margin-right:calc(4px * var(--ui-scale, 1));opacity:0}.preset-menu-item-row:hover .preset-menu-delete,.preset-menu-item-row:focus-within .preset-menu-delete{opacity:1}.preset-menu-empty{padding:calc(14px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));text-align:center;font-size:var(--font-size-label);color:var(--text-muted);line-height:1.45}.preset-menu-empty strong{display:block;font-weight:500;color:var(--text-passive);margin-bottom:calc(4px * var(--ui-scale, 1))}.preset-menu-actions-row{display:flex;gap:calc(4px * var(--ui-scale, 1));padding:calc(2px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1))}.preset-menu-actions-row .chrome-menu-item{flex:1;justify-content:center;padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}.preset-menu-actions-row .chrome-menu-item:disabled{opacity:var(--control-disabled-opacity)}.preset-menu-toolbar{display:flex;align-items:center;justify-content:space-between;padding:calc(2px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted)}.preset-menu-toolbar-actions{display:flex;gap:calc(2px * var(--ui-scale, 1))}.preset-menu-toolbar-btn{background:none;border:none;padding:calc(2px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-family:inherit;color:var(--text-muted);border-radius:var(--radius-control);cursor:pointer;transition:background-color .12s ease,color .12s ease}.preset-menu-toolbar-btn:hover:not(:disabled){background-color:var(--panel-header-hover);color:var(--text-main)}.preset-menu-toolbar-btn:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.preset-menu-toolbar-btn-delete{color:var(--color-destructive)}.preset-menu-toolbar-btn-delete:hover:not(:disabled){background-color:var(--state-destructive-bg);color:var(--color-destructive)}.preset-menu-hint{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1)) calc(2px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted)}:root.theme-cream .top-bar-preset-menu .preset-menu-input-row{background-color:var(--surface-control);border-color:#3c3c434a}:root.theme-cream .top-bar-preset-menu .preset-menu-input-row .up-preset-submit{border-left-color:#3c3c434a}:root.theme-cream .preset-menu-toolbar-btn:hover{background-color:var(--surface-control-hover)}:root.theme-cream .top-bar-preset-menu{background-color:var(--panel-bg);border-color:var(--border-strong)}:root.theme-cream .preset-menu-list-scroll::-webkit-scrollbar-thumb{background:#0003}:root.theme-cream .preset-menu-empty{color:#00000073}:root.theme-cream .preset-menu-item-row.is-export-selected{background-color:var(--state-active-bg)}:root.theme-cream .preset-menu-rename-input{background-color:var(--surface-control);border-color:var(--state-active-border)}:root.theme-cream .top-bar-preset-group{background-color:#e8e8ed}:root.theme-cream .top-bar-preset-btn{color:#0009}:root.theme-cream .top-bar-preset-btn:hover:not(:disabled){background-color:#0000000f;color:#1d1d1f}.font-selector-trigger{position:relative;width:100%;height:calc(32px * var(--ui-scale, 1));background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-main);font-family:Roboto,sans-serif;font-size:calc(14px * var(--ui-scale, 1));font-weight:400;padding:0 calc(12px * var(--ui-scale, 1));padding-right:calc(30px * var(--ui-scale, 1));cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}.font-selector-trigger:hover:not(:disabled){background-color:var(--surface-control-hover)}.font-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.font-selector-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.font-selector-arrow{position:absolute;right:calc(11px * var(--ui-scale, 1));top:50%;transform:translateY(-50%);width:calc(15px * var(--ui-scale, 1));height:calc(9px * var(--ui-scale, 1));pointer-events:none;transition:transform .2s;color:var(--text-muted)}.font-selector-panel--prefs-child{z-index:100048}.font-selector-panel{-webkit-app-region:no-drag;app-region:no-drag;position:fixed;background-color:var(--panel-inner-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-strong);border-radius:calc(8px * var(--ui-scale, 1));box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(32px * var(--ui-scale, 1)) #0006;z-index:99999;display:flex;flex-direction:column;max-height:calc(500px * var(--ui-scale, 1));width:calc(280px * var(--ui-scale, 1));overflow:hidden;pointer-events:auto}.font-selector-header{display:flex;align-items:center;justify-content:space-between;padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));border-bottom:1px solid rgba(255,255,255,.1);min-height:calc(36px * var(--ui-scale, 1));max-height:calc(36px * var(--ui-scale, 1));width:100%;box-sizing:border-box;flex-shrink:0;user-select:none;-webkit-user-select:none}.font-selector-title{font-size:calc(13px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);margin:0;font-family:var(--font-family);flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-selector-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:calc(4px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;transition:color .15s ease;border-radius:calc(4px * var(--ui-scale, 1));flex-shrink:0;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));margin-left:calc(8px * var(--ui-scale, 1))}.font-selector-close:hover{color:var(--text-main);background-color:#ffffff1a}.font-selector-search{position:relative;padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));border-bottom:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.font-selector-search-icon{position:absolute;left:calc(28px * var(--ui-scale, 1));top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none}.font-selector-search-input{width:100%;max-width:100%;height:var(--control-height-chrome);background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-family);font-size:var(--font-size-label);padding:0 calc(36px * var(--ui-scale, 1)) 0 calc(36px * var(--ui-scale, 1));outline:none;transition:border-color .15s ease,background-color .15s ease;box-sizing:border-box}.font-selector-search-input:focus{border-color:var(--state-active-border);box-shadow:inset 0 0 0 1px var(--state-active-ring);background-color:var(--surface-control-hover)}.font-selector-search-input::placeholder{color:#fff6}.font-selector-search-clear{position:absolute;right:calc(16px * var(--ui-scale, 1));top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:calc(4px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;border-radius:calc(4px * var(--ui-scale, 1));transition:color .15s ease,background-color .15s ease;z-index:10}.font-selector-search-clear:hover{color:var(--text-main);background-color:#ffffff1a}.font-selector-type-wrapper{display:flex;gap:calc(6px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));border-bottom:1px solid rgba(255,255,255,.1)}.font-selector-type-button{flex:1;height:var(--control-height-chrome);background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-family);font-size:calc(13px * var(--ui-scale, 1));font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;text-transform:capitalize}.font-selector-type-button:hover{background-color:var(--surface-control-hover);border-color:var(--border-strong);color:var(--text-main)}.font-selector-type-button.active{background-color:var(--state-active-bg);border-color:var(--state-active-border);box-shadow:inset 0 0 0 1px var(--state-active-ring);color:var(--accent-primary)}.font-selector-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(4px * var(--ui-scale, 1)) 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.font-selector-list::-webkit-scrollbar{width:calc(8px * var(--ui-scale, 1))}.font-selector-list::-webkit-scrollbar-track{background:transparent}.font-selector-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:calc(4px * var(--ui-scale, 1))}.font-selector-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.font-selector-item{padding:calc(10px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));min-height:calc(40px * var(--ui-scale, 1));max-height:calc(40px * var(--ui-scale, 1));cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.font-selector-item:hover{background-color:#ffffff0d}.font-selector-item.selected{background-color:var(--state-active-bg);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.font-selector-item.selected:hover{background-color:var(--state-active-bg-strong)}.font-selector-item-label{flex:1;font-size:calc(16px * var(--ui-scale, 1));color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;min-height:calc(20px * var(--ui-scale, 1));display:flex;align-items:center}.font-selector-check{flex-shrink:0;width:var(--icon-size-md);height:var(--icon-size-md);color:var(--accent-primary);margin-left:calc(8px * var(--ui-scale, 1))}.font-selector-loading,.font-selector-empty{padding:calc(24px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));text-align:center;color:#ffffff80;font-size:calc(14px * var(--ui-scale, 1));font-family:Roboto,sans-serif}:root.theme-cream .font-selector-trigger{background-color:#e8e8ed;border-color:#3c3c434a;color:#1d1d1f}:root.theme-cream .font-selector-trigger:hover:not(:disabled){background-color:#dcdce0}:root.theme-cream .font-selector-arrow{color:#0000008c}:root.theme-cream .font-selector-panel{background-color:#fffffffa;border-color:#3c3c434a;box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(32px * var(--ui-scale, 1)) #00000026}:root.theme-cream .font-selector-header{border-bottom-color:#3c3c432e}:root.theme-cream .font-selector-title{color:#1d1d1f}:root.theme-cream .font-selector-close{color:#0000008c}:root.theme-cream .font-selector-close:hover{color:#1d1d1f;background-color:#0000000f}:root.theme-cream .font-selector-search{border-bottom-color:#3c3c432e}:root.theme-cream .font-selector-search-icon{color:#00000073}:root.theme-cream .font-selector-search-input{background-color:#f2f2f7;border-color:#3c3c432e;color:#1d1d1f}:root.theme-cream .font-selector-search-input:focus{border-color:var(--state-active-border);background-color:var(--panel-bg);box-shadow:inset 0 0 0 1px var(--state-active-ring)}:root.theme-cream .font-selector-search-input::placeholder{color:#00000059}:root.theme-cream .font-selector-search-clear{color:#00000073}:root.theme-cream .font-selector-search-clear:hover{color:#1d1d1f;background-color:#0000000f}:root.theme-cream .font-selector-type-wrapper{border-bottom-color:#3c3c432e}:root.theme-cream .font-selector-type-button{background-color:#f2f2f7;border-color:#3c3c432e;color:#0000008c}:root.theme-cream .font-selector-type-button:hover{background-color:#e8e8ed;border-color:#3c3c434a;color:#1d1d1f}:root.theme-cream .font-selector-type-button.active{background-color:var(--state-active-bg);border-color:var(--state-active-border);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}:root.theme-cream .font-selector-list{scrollbar-color:rgba(0,0,0,.2) transparent}:root.theme-cream .font-selector-list::-webkit-scrollbar-thumb{background-color:#0003}:root.theme-cream .font-selector-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}:root.theme-cream .font-selector-item{color:#1d1d1f}:root.theme-cream .font-selector-item:hover{background-color:#f2f2f7}:root.theme-cream .font-selector-item.selected{background-color:var(--state-active-bg);box-shadow:inset 0 0 0 1px var(--state-active-ring)}:root.theme-cream .font-selector-item.selected:hover{background-color:var(--state-active-bg-strong)}:root.theme-cream .font-selector-item-label{color:#1d1d1f}:root.theme-cream .font-selector-check{color:var(--accent-primary)}:root.theme-cream .font-selector-loading,:root.theme-cream .font-selector-empty{color:#00000073}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html,body,#root{width:100%;height:100vh;overflow:hidden;font-family:var(--font-family);background-color:var(--app-bg);color:var(--text-main);transition:background-color .2s ease,color .2s ease}.app-layout{width:100%;height:100vh;background-color:var(--app-bg);display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr var(--panel-width-rail);gap:0;padding:0;padding-top:calc(40px * var(--ui-scale, 1));transition:background-color .2s ease;box-sizing:border-box}.app-layout.playground-active{grid-template-columns:1fr;gap:0;padding:0;padding-top:calc(40px * var(--ui-scale, 1))}.top-bar{position:fixed;top:0;left:0;right:0;height:calc(40px * var(--ui-scale, 1));background-color:var(--panel-bg);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 0 0 calc(var(--spacing-lg) * var(--ui-scale, 1));z-index:100;border:none;border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:0;transition:background-color .2s ease,padding-left .25s ease;user-select:none;-webkit-user-select:none}.top-bar.top-bar-mac,.top-bar.top-bar-mac.top-bar-mac-zoomed{padding-left:var(--topbar-mac-safe-left)}.top-bar.top-bar-mac.top-bar-mac-fullscreen{padding-left:var(--topbar-mac-safe-fullscreen-left)}.top-bar-left{display:flex;align-items:center;gap:calc(2px * var(--ui-scale, 1));justify-self:start;position:relative}.top-bar-logo{width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;color:var(--accent-primary);cursor:pointer;border-radius:calc(var(--radius-control) * var(--ui-scale, 1));transition:background-color .15s ease,transform .15s ease}.top-bar-logo:hover{background-color:var(--panel-header-hover);transform:scale(1)}.top-bar-logo svg{width:calc(18px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1))}.top-bar-logo img{filter:brightness(0) invert(1)}.viewport-export-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1200;background:var(--overlay-scrim)}.viewport-export-card{width:min(420px,82vw);padding:14px;border-radius:var(--radius-md);background:var(--surface-overlay-card);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-family)}.viewport-export-title{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:8px}.viewport-export-tip{font-size:12px;line-height:1.45;color:var(--text-passive);background:var(--surface-control);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 10px}.viewport-export-percent{margin-top:8px;font-size:12px;color:var(--text-muted);text-align:right}:root.theme-cream .viewport-export-card{background:var(--surface-overlay-card);border-color:var(--border-strong)}:root.theme-cream .viewport-export-tip{background:var(--surface-control);color:var(--text-passive)}:root.theme-cream .top-bar-logo img{filter:brightness(0)}.top-bar-app-name{font-size:calc(14px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);letter-spacing:calc(-.3px * var(--ui-scale, 1));margin-left:calc(4px * var(--ui-scale, 1))}.top-bar-app-menu-btn{height:calc(24px * var(--ui-scale, 1));display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:0 calc(8px * var(--ui-scale, 1));background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:calc(var(--radius-control) * var(--ui-scale, 1));transition:background-color .15s ease,color .15s ease;position:relative}.top-bar-app-menu-btn:hover{background-color:var(--panel-header-hover);color:var(--text-muted)}.top-bar-app-menu-btn .top-bar-logo{width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));margin:0}.top-bar-app-menu-arrow{width:calc(12px * var(--ui-scale, 1));height:calc(12px * var(--ui-scale, 1));opacity:.7;transition:transform .15s ease,opacity .15s ease}.top-bar-app-menu-btn:hover .top-bar-app-menu-arrow{opacity:.7}.top-bar-app-menu{position:absolute;top:calc(100% + calc(6px * var(--ui-scale, 1)));left:0;min-width:calc(180px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) 0;display:flex;flex-direction:column;gap:0}.app-menu-item{display:flex;align-items:center;justify-content:space-between;padding:calc(8px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));background:transparent;border:none;color:var(--text-main);font-size:var(--font-size-label);font-weight:400;font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-control);transition:background-color .15s ease;text-align:left;width:100%;position:relative}.app-menu-item:hover{background-color:var(--panel-header-hover)}.app-menu-item svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0;opacity:.6;margin-left:auto}.app-menu-item:hover svg{opacity:1}.app-menu-item--action{justify-content:flex-start}.app-menu-item--action svg{margin-left:0}.app-menu-divider{height:calc(1px * var(--ui-scale, 1));width:auto;background-color:var(--border-strong);margin:calc(6px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));align-self:stretch}.app-menu-submenu{position:absolute;left:calc(100% + calc(2px * var(--ui-scale, 1)));top:0;min-width:calc(140px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) 0;z-index:1001;display:flex;flex-direction:column;gap:0;margin-left:calc(-2px * var(--ui-scale, 1))}.app-menu-submenu.help-submenu{min-width:calc(180px * var(--ui-scale, 1))}.app-menu-submenu-item{display:flex;align-items:center;padding:calc(8px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));background:transparent;border:none;color:var(--text-main);font-size:var(--font-size-label);font-weight:400;font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-control);transition:background-color .15s ease;text-align:left;width:100%}.app-menu-submenu-item:hover{background-color:var(--panel-header-hover)}.app-menu-submenu-item.active{background-color:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.app-menu-submenu-item.active:hover{background-color:var(--state-active-bg-strong)}.app-menu-submenu .app-menu-divider{margin:calc(6px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));align-self:stretch}.chrome-menu-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:calc(20px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1));padding:0 calc(6px * var(--ui-scale, 1));background-color:var(--surface-control);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-control);font-family:inherit;font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-main)}.top-bar-menu-btn{width:calc(20px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:calc(var(--radius-control) * var(--ui-scale, 1));transition:background-color .15s ease,color .15s ease;padding:0}.top-bar-menu-btn:hover{background-color:var(--panel-header-hover);color:var(--text-main)}.top-bar-menu-btn svg{width:calc(16px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1))}.top-bar-center{display:flex;align-items:center;justify-content:center;justify-self:center;max-width:100%;min-width:0;transform:translate(calc(-100px * var(--ui-scale, 1)))}.top-bar-playground-active{grid-template-columns:auto 1fr auto}.top-bar-playground-active .top-bar-center{transform:translate(0);overflow:hidden;justify-self:stretch}.top-bar-breadcrumb{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1));max-width:calc(320px * var(--ui-scale, 1));cursor:default;position:relative}.top-bar-breadcrumb:hover .top-bar-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.top-bar-breadcrumb-project{font-size:calc(12px * var(--ui-scale, 1));font-weight:400;color:var(--text-muted);white-space:nowrap}.top-bar-breadcrumb-separator{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted);opacity:.5}.top-bar-breadcrumb-file{font-size:calc(13px * var(--ui-scale, 1));font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(180px * var(--ui-scale, 1))}.top-bar-file-ext{font-size:calc(9px * var(--ui-scale, 1));font-weight:600;color:var(--accent-primary);background-color:#004aad26;padding:calc(2px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-radius:calc(3px * var(--ui-scale, 1));text-transform:uppercase;letter-spacing:calc(.5px * var(--ui-scale, 1));flex-shrink:0}.top-bar-tooltip{position:absolute;top:calc(100% + calc(8px * var(--ui-scale, 1)));left:50%;transform:translate(-50%) translateY(calc(-4px * var(--ui-scale, 1)));background-color:var(--surface-tooltip);color:var(--text-main);border:1px solid var(--tooltip-border);font-size:calc(12px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none;z-index:1000;box-shadow:var(--tooltip-shadow)}.top-bar-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:calc(5px * var(--ui-scale, 1)) solid transparent;border-bottom-color:var(--surface-tooltip)}.top-bar-btn-tooltip-wrap{position:relative;display:inline-flex}.top-bar-btn-tooltip-wrap .top-bar-btn-tooltip{position:absolute;top:calc(100% + calc(8px * var(--ui-scale, 1)));left:50%;transform:translate(-50%) translateY(calc(-2px * var(--ui-scale, 1)));background-color:var(--surface-tooltip);color:var(--text-main);border:1px solid var(--tooltip-border);font-size:calc(12px * var(--ui-scale, 1));font-weight:500;padding:calc(5px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-radius:calc(6px * var(--ui-scale, 1));white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;pointer-events:none;z-index:1001;box-shadow:var(--tooltip-shadow)}.top-bar-btn-tooltip-wrap .top-bar-btn-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:calc(5px * var(--ui-scale, 1)) solid transparent;border-bottom-color:var(--surface-tooltip)}.top-bar-btn-tooltip-wrap:not(:has(button:disabled)):hover .top-bar-btn-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.top-bar-window-controls .top-bar-btn-tooltip-wrap{display:flex;align-items:stretch}.top-bar-placeholder{font-size:calc(13px * var(--ui-scale, 1));color:var(--text-muted);padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.top-bar-export-progress{position:relative;flex:1;height:calc(27px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1));overflow:hidden;display:flex;align-items:center;justify-content:center}.top-bar-export-progress-bar{position:absolute;left:0;top:0;height:100%;background-color:var(--accent-primary);transition:width .1s linear;z-index:1}.top-bar-export-content{position:relative;z-index:2;display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:0 calc(12px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1));color:var(--text-main);white-space:nowrap}.top-bar-export-label{font-weight:500}.top-bar-loading{position:relative;flex:1;height:calc(27px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1));overflow:hidden;display:flex;align-items:center;justify-content:center}.top-bar-loading-content{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:0 calc(12px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1));color:var(--text-main);z-index:2;white-space:nowrap}.top-bar-loading-spinner{width:calc(12px * var(--ui-scale, 1));height:calc(12px * var(--ui-scale, 1));border:calc(2px * var(--ui-scale, 1)) solid rgba(255,255,255,.18);border-top-color:#ffffffd9;border-radius:50%;animation:topbar-spin 1s linear infinite}@keyframes topbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-bar-loading-label{font-weight:500}.top-bar-loading-message{color:var(--text-muted)}.top-bar-loading-stop-btn{margin-left:calc(8px * var(--ui-scale, 1));background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:calc(6px * var(--ui-scale, 1));display:inline-flex;align-items:center;justify-content:center}.top-bar-export-separator{color:var(--text-muted);opacity:.5}.top-bar-export-status{font-weight:400;color:var(--text-main)}.top-bar-export-stop-btn{height:calc(27px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1));background-color:var(--slider-bg);border:none;border-radius:calc(var(--radius-control) * var(--ui-scale, 1));color:var(--text-main);cursor:pointer;padding:0 calc(12px * var(--ui-scale, 1));flex-shrink:0;transition:background-color .15s ease,transform .1s ease;margin-left:calc(12px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1));font-weight:500;font-family:var(--font-family)}.top-bar-export-stop-text{color:var(--text-main)}.top-bar-export-stop-icon-wrapper{width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background-color:#004aad26;border-radius:calc(3px * var(--ui-scale, 1));flex-shrink:0}.top-bar-export-stop-icon-wrapper svg{width:calc(10px * var(--ui-scale, 1));height:calc(10px * var(--ui-scale, 1));color:var(--accent-primary)}.top-bar-export-stop-btn:hover{background-color:var(--panel-header-hover)}.top-bar-export-stop-btn:active{transform:scale(.95)}.top-bar-file-info{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1))}.top-bar-file-name{font-size:calc(14px * var(--ui-scale, 1));font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(300px * var(--ui-scale, 1))}.top-bar-right{display:flex;align-items:center;align-self:stretch;gap:0;justify-self:end;min-width:0}.top-bar-compare-group{display:flex;align-items:center;position:relative;margin-right:calc(8px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-compare-btn{width:calc(32px * var(--ui-scale, 1));padding:0;border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-compare-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.top-bar-compare-btn.active,.top-bar-three3d-btn.active,.top-bar-preset-btn.active,.top-bar-playground-btn.active,.top-bar-kinetic-btn.active,.top-bar-sp-library-btn.active,.top-bar-playground-btn-group .top-bar-btn.active,.top-bar-kinetic-group .top-bar-kinetic-btn.active,.top-bar-kinetic-preset-group .top-bar-preset-btn.active{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:none;border-color:transparent}.top-bar-compare-btn.active:hover:not(:disabled),.top-bar-three3d-btn.active:hover:not(:disabled),.top-bar-preset-btn.active:hover:not(:disabled),.top-bar-playground-btn.active:hover:not(:disabled),.top-bar-kinetic-btn.active:hover:not(:disabled),.top-bar-sp-library-btn.active:hover:not(:disabled),.top-bar-playground-btn-group .top-bar-btn.active:hover:not(:disabled),.top-bar-kinetic-group .top-bar-kinetic-btn.active:hover:not(:disabled),.top-bar-kinetic-preset-group .top-bar-preset-btn.active:hover:not(:disabled){background-color:var(--accent-primary-hover);color:var(--text-on-accent)}.top-bar-compare-btn.active svg,.top-bar-three3d-btn.active svg,.top-bar-preset-btn.active svg,.top-bar-playground-btn.active svg,.top-bar-kinetic-btn.active svg,.top-bar-sp-library-btn.active svg,.top-bar-playground-btn-group .top-bar-btn.active svg,.top-bar-kinetic-group .top-bar-kinetic-btn.active svg,.top-bar-kinetic-preset-group .top-bar-preset-btn.active svg{color:currentColor;opacity:1}.top-bar-compare-menu{position:absolute;top:calc(100% + calc(6px * var(--ui-scale, 1)));right:0;min-width:calc(200px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) 0}@keyframes compareMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.compare-menu-item{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));width:100%;padding:calc(8px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));background:transparent;border:none;border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);text-align:left;cursor:pointer;transition:background-color .15s ease}.compare-menu-item:hover:not(:disabled){background-color:var(--panel-header-hover)}.compare-menu-item:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.compare-menu-item.active{background-color:var(--state-active-bg);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.compare-menu-item svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0;opacity:.7}.compare-menu-item.active svg{opacity:1}.compare-menu-divider{height:calc(1px * var(--ui-scale, 1));background-color:var(--border-strong);margin:calc(6px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1))}.compare-menu-shortcut{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:11px;color:var(--text-muted)}.compare-menu-shortcut kbd:not(.chrome-menu-kbd),.preset-menu-shortcut kbd:not(.chrome-menu-kbd){display:inline-flex;align-items:center;justify-content:center;min-width:calc(20px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1));padding:0 calc(6px * var(--ui-scale, 1));background-color:var(--surface-control);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-control);font-family:inherit;font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-main)}.top-bar-preset-group{display:flex;align-items:center;position:relative;margin-right:calc(8px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-preset-group .top-bar-preset-btn{width:calc(32px * var(--ui-scale, 1));min-width:calc(32px * var(--ui-scale, 1));padding:0;border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-preset-group .top-bar-preset-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}:root.theme-cream .top-bar-app-menu,:root.theme-cream .app-menu-submenu{background-color:var(--panel-bg);border-color:var(--border-strong)}:root.theme-cream .app-menu-item:hover,:root.theme-cream .app-menu-submenu-item:hover{background-color:var(--panel-header-hover)}:root.theme-cream .app-menu-submenu-item.active{background-color:var(--state-active-bg);color:var(--accent-primary)}:root.theme-cream .app-menu-submenu-item.active:hover{background-color:var(--state-active-bg-strong)}:root.theme-cream .compare-menu-shortcut kbd:not(.chrome-menu-kbd),:root.theme-cream .preset-menu-shortcut kbd:not(.chrome-menu-kbd),:root.theme-cream .chrome-menu-kbd{background-color:#e8e8ed;border-color:#3c3c434a;color:#1d1d1f}:root.theme-cream .top-bar-btn-tooltip-wrap .top-bar-btn-tooltip{color:var(--text-main)}:root.theme-cream .top-bar-btn{color:var(--text-muted)}:root.theme-cream .top-bar-btn:hover:not(:disabled){color:var(--text-main)}:root.theme-cream .top-bar-export-btn.top-bar-btn,:root.theme-cream .top-bar-export-btn.top-bar-btn:hover:not(:disabled){color:#fff}:root.theme-cream .top-bar-three3d-btn,:root.theme-cream .top-bar-compare-btn{color:var(--text-muted)}:root.theme-cream .top-bar-three3d-btn:hover:not(:disabled),:root.theme-cream .top-bar-compare-btn:hover:not(:disabled){color:var(--text-main)}:root.theme-cream .top-bar-compare-btn.active,:root.theme-cream .top-bar-three3d-btn.active,:root.theme-cream .top-bar-preset-btn.active,:root.theme-cream .top-bar-playground-btn.active,:root.theme-cream .top-bar-kinetic-btn.active,:root.theme-cream .top-bar-sp-library-btn.active,:root.theme-cream .top-bar-playground-btn-group .top-bar-btn.active,:root.theme-cream .top-bar-kinetic-group .top-bar-kinetic-btn.active,:root.theme-cream .top-bar-kinetic-preset-group .top-bar-preset-btn.active{background-color:var(--accent-primary);color:var(--text-on-accent)}:root.theme-cream .top-bar-compare-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-three3d-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-preset-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-playground-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-kinetic-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-sp-library-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-playground-btn-group .top-bar-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-kinetic-group .top-bar-kinetic-btn.active:hover:not(:disabled),:root.theme-cream .top-bar-kinetic-preset-group .top-bar-preset-btn.active:hover:not(:disabled){background-color:var(--accent-primary-hover);color:var(--text-on-accent)}:root.theme-cream .top-bar-window-btn:hover{color:var(--text-main);background-color:var(--panel-header-hover)}.compare-wipe-overlay{position:absolute;inset:0;pointer-events:none;z-index:50}.compare-wipe-line{position:absolute;top:0;bottom:0;width:calc(2px * var(--ui-scale, 1));background-color:var(--compare-wipe-fg);box-shadow:0 0 calc(8px * var(--ui-scale, 1)) #00000080;pointer-events:auto;cursor:ew-resize}.compare-wipe-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));background-color:var(--compare-wipe-fg);border-radius:50%;box-shadow:0 calc(2px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1)) #0000004d;display:flex;align-items:center;justify-content:center;cursor:inherit}.compare-wipe-handle svg{width:calc(12px * var(--ui-scale, 1));height:calc(12px * var(--ui-scale, 1));color:var(--compare-wipe-icon)}.compare-labels{position:absolute;display:flex;justify-content:space-between;pointer-events:none;z-index:51}.compare-label{padding:calc(4px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));background-color:#0009;border-radius:calc(4px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-on-accent);text-transform:uppercase;letter-spacing:calc(.5px * var(--ui-scale, 1))}.compare-label.before{background-color:#ffa500cc}.compare-label.after{background-color:#007affcc}.top-bar-action-group{display:flex;align-items:center}.top-bar-btn{height:calc(24px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1));padding:0 calc(12px * var(--ui-scale, 1));background-color:transparent;border:none;border-radius:calc((var(--radius-control) - 2px) * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(12px * var(--ui-scale, 1));font-weight:500;font-family:Roboto,sans-serif;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.top-bar-btn:hover:not(:disabled){background-color:var(--panel-header-hover);color:var(--text-main)}.top-bar-btn:active:not(:disabled){transform:scale(.98)}.top-bar-btn:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.top-bar-btn svg{width:calc(16px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));flex-shrink:0}.top-bar-playground-group{display:flex;align-items:center;position:relative;margin-right:calc(8px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-playground-group:has(+.top-bar-playground-controls-divider){margin-right:0}.top-bar-playground-group .top-bar-playground-btn{width:calc(32px * var(--ui-scale, 1));min-width:calc(32px * var(--ui-scale, 1));padding:0;border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-playground-group .top-bar-playground-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.top-bar-playground-btn-group{display:flex;align-items:center;position:relative;margin-right:calc(8px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-playground-btn-group:has(+.top-bar-playground-controls-divider){margin-right:0}.top-bar-playground-btn-group .top-bar-btn{border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-playground-btn-group .top-bar-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.top-bar-playground-group .top-bar-btn:not(.active) svg,.top-bar-playground-btn-group .top-bar-btn:not(.active) svg,.top-bar-kinetic-group .top-bar-btn:not(.active) svg{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--text-main)}.top-bar-playground-controls-divider{width:calc(16px * var(--ui-scale, 1));flex-shrink:0;display:flex;justify-content:center;align-items:center}.top-bar-playground-controls-divider:before{content:"";width:1px;height:calc(20px * var(--ui-scale, 1));background-color:var(--border-color);opacity:.6}.top-bar-btn-accent{border-color:var(--state-active-ring);color:var(--state-accent-muted-text)}.top-bar-btn-accent:hover{background:var(--state-accent-muted-bg);border-color:var(--state-active-border);color:var(--accent-primary)}.top-bar-btn-recording,.top-bar-btn-recording.active{background-color:color-mix(in srgb,var(--color-recording) 18%,transparent)!important;border-color:color-mix(in srgb,var(--color-recording) 35%,transparent)!important;color:color-mix(in srgb,var(--color-recording) 90%,var(--text-main))!important;box-shadow:none!important}.top-bar-btn-recording:hover:not(:disabled),.top-bar-btn-recording.active:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-recording) 28%,transparent)!important;color:color-mix(in srgb,var(--color-recording) 95%,var(--text-main))!important}.top-bar-btn-recording svg,.top-bar-btn-recording.active svg{color:currentColor!important}.top-bar-btn-recording-paused,.top-bar-btn-recording-paused.active{background-color:var(--panel-header-hover)!important;border-color:var(--border-color)!important;color:var(--text-main)!important;box-shadow:none!important}.top-bar-btn-recording-paused:hover:not(:disabled),.top-bar-btn-recording-paused.active:hover:not(:disabled){background-color:var(--surface-control-hover)!important}.top-bar-record-icon{overflow:visible}.top-bar-record-icon-ring,.top-bar-record-icon-core{transition:fill .18s ease,stroke .18s ease,opacity .18s ease}.top-bar-record-icon-idle .top-bar-record-icon-core{fill:currentColor}.top-bar-record-icon-recording .top-bar-record-icon-ring{stroke:#ff7870eb}.top-bar-record-icon-recording .top-bar-record-icon-core{fill:#ff453ae0;animation:top-bar-rec-pulse 1.2s ease-in-out infinite;transform-origin:center}.top-bar-record-icon-paused .top-bar-record-icon-ring{stroke:currentColor}.top-bar-record-icon-paused .top-bar-record-icon-core{fill:transparent}@keyframes top-bar-rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.top-bar-icon-only{padding:0!important;min-width:calc(32px * var(--ui-scale, 1));justify-content:center}.top-bar-sp-preset-select{height:calc(26px * var(--ui-scale, 1));background:var(--slider-bg);color:var(--text-muted);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(var(--radius-control, 4px) * var(--ui-scale, 1));padding:0 calc(8px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;outline:none;transition:border-color .15s}.top-bar-sp-preset-select:hover{border-color:#fff3}.top-bar-sp-preset-select option{background:var(--panel-bg);color:var(--text-main)}.top-bar-sp-library-btn{display:inline-flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1))!important;min-width:auto;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;background:var(--slider-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color)}.top-bar-sp-library-btn:hover{background:var(--panel-header-hover);border-color:var(--border-color)}.top-bar-sp-library-label{white-space:nowrap}.top-bar-shader-name-input{background:transparent;border:none;border-bottom:calc(1px * var(--ui-scale, 1)) solid transparent;color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;text-align:center;padding:calc(2px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));outline:none;width:clamp(calc(60px * var(--ui-scale, 1)),100%,calc(260px * var(--ui-scale, 1)));min-width:0;transition:border-color .15s;user-select:text;-webkit-user-select:text}.top-bar-shader-name-input:hover{border-bottom-color:var(--border-color)}.top-bar-shader-name-input:focus{border-bottom-color:var(--accent-primary)}.top-bar-shader-name-input::placeholder{color:var(--text-muted)}.top-bar-export-btn.top-bar-btn{background-color:var(--export-brand);color:#fff;border-radius:calc(4px * var(--ui-scale, 1));padding:0 calc(8px * var(--ui-scale, 1));gap:calc(5px * var(--ui-scale, 1));font-weight:500;letter-spacing:.02em}.top-bar-export-btn .top-bar-export-btn-icon{display:flex;align-items:center;justify-content:center}.top-bar-export-btn .top-bar-export-btn-icon svg{width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1))}.top-bar-export-btn.top-bar-btn:hover:not(:disabled){background-color:var(--export-brand-hover);color:#fff}.top-bar-btn-tooltip-error{background-color:var(--color-destructive-alt)!important;color:var(--text-on-accent)!important;border-color:transparent!important;white-space:normal;max-width:220px;text-align:left}.top-bar-btn-tooltip-error:before{border-bottom-color:var(--color-destructive-alt)!important}.top-bar-window-divider{width:1px;height:calc(20px * var(--ui-scale, 1));background-color:var(--border-color);align-self:center;flex-shrink:0;margin:0 calc(4px * var(--ui-scale, 1)) 0 calc(12px * var(--ui-scale, 1));opacity:.6}.top-bar-window-controls{display:flex;align-items:stretch;flex-shrink:0}.top-bar-window-btn{width:calc(46px * var(--ui-scale, 1));height:calc(40px * var(--ui-scale, 1));border:none;background:transparent;color:var(--text-muted);cursor:default;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease,color .1s ease;padding:0;margin:0;outline:none;border-radius:0;-webkit-app-region:no-drag;app-region:no-drag}.top-bar-window-btn:hover{background-color:#ffffff1a;color:var(--text-main)}.top-bar-window-btn-close:hover{background-color:var(--color-destructive);color:var(--text-on-accent)}.top-bar-window-btn svg{width:10px;height:10px;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;fill:none}.titlebar{height:32px;background-color:var(--panel-header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 8px;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05);z-index:10000}.titlebar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.titlebar-title{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.3px;padding-left:4px}.titlebar-right{display:flex;align-items:center;gap:0;flex-shrink:0}.titlebar-button{width:46px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;padding:0;margin:0;outline:none}.titlebar-button:hover{background-color:#ffffff14;color:var(--text-main)}.titlebar-button-close:hover{background-color:#e81123;color:#fff}.titlebar-button svg{width:12px;height:12px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.top-bar-mac .top-bar-right{padding-right:var(--topbar-mac-safe-right)}.viewport-container{grid-column:1;grid-row:1 / -1;position:relative;width:100%;height:100%;background-color:var(--viewport-bg);border-radius:0;overflow:hidden;border:none;z-index:1}.left-panel{position:absolute;top:56px;left:calc(24px * var(--ui-scale));width:var(--panel-width);max-height:calc(100vh - 40px - 16px - (24px * var(--ui-scale)));z-index:10;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:panelFadeIn .25s ease forwards}.right-panel{position:absolute;top:56px;right:calc(24px * var(--ui-scale));width:var(--panel-width);max-height:calc(100vh - 40px - 16px - (24px * var(--ui-scale)));z-index:10;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:panelFadeIn .25s ease forwards}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-layout.ui-hidden{padding:0;gap:0;transition:padding .3s ease,gap .3s ease}.app-layout.ui-hidden .top-bar,.app-layout.ui-hidden .unified-panel-wrapper,.app-layout.ui-hidden .unified-panel{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.app-layout.ui-hidden .viewport-container{grid-column:1 / -1;grid-row:1 / -1;border-radius:0;border:none;transition:border-radius .3s ease}.app-layout.ui-hidden .zoom-controls{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.panel{background-color:var(--panel-bg);border-radius:var(--radius-panel);overflow:hidden;display:flex;flex-direction:column;max-height:100%;height:fit-content;transition:background-color .2s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--panel-header-bg);padding:6px var(--spacing-md);border-radius:var(--radius-panel) var(--radius-panel) 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;flex-shrink:0;height:calc(var(--base-panel-header-height) * var(--ui-scale))}.panel-header:hover{background-color:var(--panel-header-hover)}.panel-header.collapsed{border-radius:var(--radius-panel)}.panel-title{font-size:var(--font-size-title);font-weight:500;line-height:1.1;color:var(--text-main);letter-spacing:.5px}.panel-toggle{font-size:24px;line-height:24px;color:var(--text-main);font-weight:300;-webkit-user-select:none;user-select:none}.panel-content{padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto;overflow-x:hidden;flex:1;display:block;min-height:0;scrollbar-width:none;-ms-overflow-style:none;transition:background-color .2s ease,color .2s ease,max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),padding-top .4s cubic-bezier(.4,0,.2,1),padding-bottom .4s cubic-bezier(.4,0,.2,1);max-height:5000px;opacity:1;transform-origin:top}.panel-content::-webkit-scrollbar{display:none}.panel-content.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--panel-bg)}::-webkit-scrollbar-thumb{background:var(--panel-header-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d9d9d94d}.btn{width:100%;padding:0 12px;height:var(--button-height);background-color:var(--panel-header-bg);color:var(--text-main);border:none;border-radius:var(--radius-control);cursor:pointer;font-size:var(--font-size-label);font-weight:400;font-family:var(--font-family);transition:background-color .2s,opacity .2s;text-align:center;display:flex;align-items:center;justify-content:center;line-height:var(--button-height)}.btn:hover:not(:disabled){background-color:#242426b3}.btn:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}:root.theme-cream .btn{background-color:#f2f2f7}:root.theme-cream .btn:hover:not(:disabled){background-color:#e8e8ed}.btn-primary{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-main);font-weight:500;font-size:var(--font-size-label)}.btn-primary:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff4d}:root.theme-cream .btn-primary{background-color:var(--state-active-bg);border-color:var(--border-strong)}:root.theme-cream .btn-primary:hover:not(:disabled){background-color:var(--state-active-bg-strong);border-color:var(--border-strong)}.btn-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.video-controls-group{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);align-items:center;justify-content:center}.video-control-btn{width:calc(var(--control-height) * 1.2);height:calc(var(--control-height) * 1.2);min-width:calc(var(--control-height) * 1.2);background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;outline:none;padding:0;flex-shrink:0}.video-control-btn:hover:not(:disabled){background-color:var(--panel-header-hover);border-color:var(--accent-color);transform:scale(1.05)}.video-control-btn:active:not(:disabled){transform:scale(.95)}.video-control-btn:disabled{opacity:.5;cursor:not-allowed}.video-control-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.video-toggles-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.slider-container{display:flex;align-items:center;width:100%;margin-bottom:var(--spacing-sm)}.slider-kf-dot{flex-shrink:0;display:flex;align-self:center;width:7px;height:7px;margin-right:5px;margin-top:-1px;transform:rotate(45deg);border-radius:1px;transition:background-color .12s,border-color .12s,opacity .12s}.slider-kf-dot--keyed{background:transparent;border:1.5px solid color-mix(in srgb,var(--accent-primary) 65%,transparent)}.slider-kf-dot--active{background:var(--accent-primary);border:1.5px solid var(--accent-primary);box-shadow:0 0 4px 1px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.slider-label{color:var(--text-main);font-size:var(--font-size-label);line-height:1.4;flex-shrink:0;width:var(--slider-label-width);font-weight:500;-webkit-user-select:none;user-select:none}.slider-label--scrub{touch-action:none}.slider-container--scrubbing .slider-label--scrub{color:var(--text-main)}.slider-track-wrapper{flex:1;display:flex;align-items:center}.slider-track{position:relative;width:var(--slider-width);height:var(--control-height);overflow:hidden}.slider-background{position:absolute;inset:0;background-color:var(--slider-bg);border-radius:1px;z-index:1}.slider-divider{position:absolute;height:var(--slider-divider-height);top:1px;pointer-events:none;transition:none;display:flex;align-items:center;justify-content:center;z-index:2;transform:translate(-50%)}.slider-divider-line{width:2px;height:100%;background-color:var(--slider-divider-color);border-radius:2px;margin:0 3px}.slider-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;z-index:10;-webkit-appearance:none;appearance:none;outline:none}.slider-track--editing .slider-input{pointer-events:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;background:transparent;cursor:pointer}.slider-input::-moz-range-thumb{width:0;height:0;background:transparent;border:none;cursor:pointer}.slider-input::-webkit-slider-runnable-track{background:transparent;border:none}.slider-input::-moz-range-track{background:transparent;border:none}.slider-value{position:absolute;top:50%;transform:translateY(-50%);color:var(--accent-color);font-size:var(--font-size-value);line-height:1.4;pointer-events:auto;transition:none;font-weight:500;z-index:15;font-variant-numeric:tabular-nums;white-space:nowrap}.slider-value--editing{z-index:20}.slider-value-input{width:3.25em;min-width:2em;max-width:6em;padding:0 1px;margin:0;border:none;border-bottom:1px solid var(--accent-color);background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;outline:none;text-align:inherit}.slider-value-unit{pointer-events:none}.zoom-controls{position:absolute;bottom:calc(12px * var(--ui-scale, 1));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:calc(5px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease}.viewport-container:hover .zoom-controls{opacity:1;pointer-events:auto}.zoom-controls:hover{opacity:1!important;pointer-events:auto!important}.zoom-controls.exporting{opacity:.5!important;pointer-events:none!important}.zoom-btn{display:flex;align-items:center;justify-content:center;width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));background-color:#303030d9;-webkit-backdrop-filter:blur(calc(8px * var(--ui-scale, 1)));backdrop-filter:blur(calc(8px * var(--ui-scale, 1)));border:calc(1px * var(--ui-scale, 1)) solid rgba(255,255,255,.1);border-radius:calc(4px * var(--ui-scale, 1));color:var(--text-main);font-size:calc(16px * var(--ui-scale, 1));line-height:1;cursor:pointer;transition:all .15s ease;font-weight:400;padding:0}.zoom-btn:hover{background-color:#3c3c3cf2;border-color:#fff3}.zoom-display{display:flex;align-items:center;justify-content:center;min-width:calc(56px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));padding:0 10px;background-color:#303030d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:12px;line-height:1;color:var(--text-main);font-weight:500;cursor:pointer;transition:all .15s ease}.zoom-display:hover{background-color:#3c3c3cf2;border-color:#fff3}.zoom-display--dropdown{position:relative;padding:0;min-width:unset}.zoom-display__value{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;padding:0 10px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.zoom-display__caret{opacity:.5;flex-shrink:0;transition:transform .15s ease}.zoom-display--dropdown.open .zoom-display__caret{transform:rotate(180deg)}.zoom-dropdown{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:#242424f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:6px;overflow:hidden;z-index:10000;min-width:130px;box-shadow:0 4px 16px #0006;animation:zoomDropdownIn .12s ease}@keyframes zoomDropdownIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.zoom-dropdown__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 12px;background:none;border:none;color:var(--text-main);font-size:12px;cursor:pointer;transition:background .1s ease;gap:16px}.zoom-dropdown__item:hover{background-color:#ffffff14}.zoom-dropdown__hint{opacity:.45;font-size:11px;white-space:nowrap}:root.theme-cream .zoom-btn{background-color:#ffffffe6;border-color:#3c3c434a;color:#1d1d1f}:root.theme-cream .zoom-btn:hover{background-color:#fffffff2;border-color:#3c3c435c}:root.theme-cream .zoom-display{background-color:#ffffffe6;border-color:#3c3c434a;color:#1d1d1f}:root.theme-cream .zoom-display:hover{background-color:#fffffff2;border-color:#3c3c435c}:root.theme-cream .zoom-dropdown{background-color:#f5f3eef7;border-color:#3c3c4333}:root.theme-cream .zoom-dropdown__item{color:#1d1d1f}:root.theme-cream .zoom-dropdown__item:hover{background-color:#0000000f}.icon-button{width:calc(20px * var(--ui-scale) + (12px * var(--ui-scale)) * 2);height:calc(var(--base-zoom-btn-size) * var(--ui-scale) + 4px);background-color:var(--panel-bg);border:none;border-radius:var(--radius-panel);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,opacity .15s;padding:0 calc(12px * var(--ui-scale));outline:none;flex-shrink:0}.icon-button:hover:not(:disabled){background-color:var(--panel-header-bg)}.icon-button:active:not(:disabled){opacity:.8}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button svg{width:calc(20px * var(--ui-scale));height:calc(20px * var(--ui-scale));stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.theme-toggle-group{display:flex;align-items:center;gap:0;width:var(--slider-width);height:var(--control-height);background-color:var(--panel-header-bg);border-radius:var(--radius-control);padding:2px;box-sizing:border-box}.theme-toggle-divider{width:1px;height:calc(100% - 8px);background-color:var(--border-color);flex-shrink:0}.theme-toggle-btn{flex:1;height:100%;border:none;background-color:transparent;color:var(--text-muted);font-size:var(--font-size-label);font-family:var(--font-family);cursor:pointer;border-radius:calc(var(--radius-control) - 2px);transition:background-color .15s,color .15s;outline:none;-webkit-user-select:none;user-select:none;padding:0;line-height:calc(var(--control-height) - 4px)}.theme-toggle-btn:hover:not(:disabled){background-color:#ffffff0d;color:var(--text-main)}.theme-toggle-btn.active{background-color:var(--panel-header-bg);color:var(--theme-toggle-active-text);font-weight:500}.theme-toggle-btn.active:hover:not(:disabled){background-color:var(--panel-header-bg);opacity:.9}.theme-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.ui-scale-controls{display:flex;align-items:center;gap:calc(var(--base-spacing-xs) * var(--ui-scale))}.ui-scale-btn{width:calc(30px * var(--ui-scale));height:var(--control-height);background-color:var(--panel-header-bg);border:none;border-radius:var(--radius-control);color:var(--text-main);cursor:pointer;font-size:var(--font-size-label);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;font-weight:400}.ui-scale-btn:hover:not(:disabled){background-color:#242426cc}.ui-scale-btn:disabled{opacity:.5;cursor:not-allowed}:root.theme-cream .ui-scale-btn{background-color:#e8e8ed}:root.theme-cream .ui-scale-btn:hover:not(:disabled){background-color:#dcdce0}.ui-scale-value{min-width:calc(40px * var(--ui-scale));text-align:center;color:var(--accent-color);font-size:var(--font-size-label)}.setting-row label{color:var(--text-muted);font-size:var(--font-size-label);line-height:1.4}.setting-row select,.setting-row input[type=text],.setting-row textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;width:var(--slider-width);height:var(--control-height);padding:0 8px;background-color:var(--panel-header-bg);border:1px solid var(--panel-header-bg);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);line-height:var(--control-height);font-family:var(--font-family);appearance:none;cursor:pointer;outline:none;box-sizing:border-box}.setting-row textarea{height:auto;min-height:var(--control-height);padding:6px 8px;resize:vertical}.dropdown-wrapper{position:relative;width:var(--slider-width);height:var(--control-height)}.dropdown-wrapper select{width:100%;height:100%;padding:0 30px 0 8px;line-height:var(--control-height);box-sizing:border-box}.dropdown-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:15px;height:9px;pointer-events:none}.custom-dropdown{position:relative;width:var(--slider-width);height:var(--control-height)}.custom-dropdown-trigger{position:relative;width:100%;height:100%;padding:0 30px 0 12px;background-color:var(--surface-control);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-main);font-size:var(--font-size-label);line-height:var(--control-height);font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:background-color .15s,border-color .15s}.custom-dropdown-trigger:hover:not(.disabled){background-color:var(--surface-control-hover);border:1px solid var(--border-strong)}.custom-dropdown-trigger.disabled{opacity:.5;cursor:not-allowed}.custom-dropdown-trigger.open{border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:var(--surface-control-hover);border:1px solid var(--border-strong)}:root.theme-cream .custom-dropdown-trigger{background-color:var(--surface-control);border:1px solid var(--border-strong);color:var(--text-main)}:root.theme-cream .custom-dropdown-trigger:hover:not(.disabled){background-color:var(--surface-control-hover);border-color:var(--border-strong)}:root.theme-cream .custom-dropdown-trigger.open{background-color:var(--surface-control-hover);border-color:var(--border-strong)}.custom-dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:15px;height:9px;pointer-events:none;transition:transform .2s}.custom-dropdown-trigger.open .custom-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.custom-dropdown-menu{position:fixed;background-color:var(--surface-control);border:1px solid var(--border-strong);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:600px;overflow-y:auto;overflow-x:hidden;z-index:99999;box-shadow:0 8px 24px #0000004d;scrollbar-width:none;-ms-overflow-style:none;will-change:transform;padding:4px;transform:translateZ(0)}:root.theme-cream .custom-dropdown-menu{background-color:var(--panel-bg);border-color:var(--border-strong);box-shadow:0 8px 24px #00000026}.custom-dropdown-menu::-webkit-scrollbar{display:none}.dropdown-option{padding:8px 12px;margin:0;color:var(--text-main);font-size:var(--font-size-label);font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-control) - 2px);background-color:transparent;display:flex;align-items:center;justify-content:space-between;gap:8px}.dropdown-option:hover:not(.disabled){background-color:var(--surface-control-hover)}.dropdown-option.highlighted:not(.disabled){background-color:var(--surface-control-hover)}.dropdown-option.selected,.dropdown-option.selected.highlighted{background-color:var(--state-active-bg);color:var(--accent-primary)}.dropdown-option.disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}:root.theme-cream .dropdown-option:hover:not(.disabled){background-color:#f2f2f7}:root.theme-cream .dropdown-option.highlighted:not(.disabled){background-color:#f2f2f7}:root.theme-cream .dropdown-option.selected{background-color:#007aff1f;color:var(--accent-primary)}:root.theme-cream .dropdown-option.selected.highlighted{background-color:#007aff1f;color:var(--accent-primary)}.dropdown-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-category-label{font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:calc(var(--font-size-label) * .85);letter-spacing:.5px}.dropdown-option.selected .dropdown-category-label{color:var(--accent-primary)}.dropdown-option-check{flex-shrink:0;width:16px;height:16px;color:var(--accent-primary);opacity:.9}.dropdown-option sup,.custom-dropdown-value sup{font-size:.6em;vertical-align:super;opacity:.7}.dropdown-group{border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-group:last-child{border-bottom:none}.dropdown-group-label{padding:6px 12px 3px;font-size:calc(var(--font-size-label) * .9);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);background-size:8px 8px;position:relative}.dropdown-group-label:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:4px 4px;pointer-events:none}.gradient-palette-bar{position:relative;width:var(--slider-width);height:var(--control-height);background-color:var(--panel-header-bg);border:1px solid var(--panel-header-bg);border-radius:var(--radius-control);display:flex;overflow:hidden;cursor:pointer}.gradient-palette-bar.disabled{position:relative}.gradient-palette-bar.disabled:after{content:"";position:absolute;inset:0;background-color:#00000080;border-radius:var(--radius-control);pointer-events:none;z-index:10}.gradient-palette-segment{height:100%;border-right:1px solid rgba(36,36,38,.3);cursor:pointer;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),z-index 0s;position:relative}.gradient-palette-segment:hover{transform:scaleY(2);box-shadow:0 4px 12px #0009;z-index:20;border-radius:2px}.gradient-palette-segment[style*="position: absolute"]{top:0}.gradient-palette-segment:last-child{border-right:none}.gradient-palette-segment-full{width:100%!important;flex:1 1 100%!important;min-width:100%;opacity:1;pointer-events:auto;position:absolute!important;top:0}.gradient-palette-segment-hidden{width:0%!important;flex:0 0 0%!important;opacity:0;pointer-events:none}.gradient-palette-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-main);font-size:var(--font-size-label);font-family:var(--font-family);pointer-events:none;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:none}.divider{height:1px;background-color:var(--panel-header-bg);margin:var(--spacing-lg) calc(var(--spacing-lg) * -1) var(--spacing-lg) calc(var(--spacing-lg) * -1)}.input-group{display:flex;align-items:center;gap:calc(var(--base-input-group-gap) * var(--ui-scale));margin-bottom:var(--spacing-lg)}.input-group label{color:var(--text-muted);font-size:var(--font-size-label);line-height:1.4;width:32px;flex-shrink:0}.input-group{display:flex;align-items:center;justify-content:space-between}.input-group-inputs{display:flex;align-items:center;gap:0;width:var(--slider-width);position:relative}.input-group input[type=text]{flex:1;min-width:0;height:var(--control-height);padding:0 8px;background-color:var(--panel-header-bg);border:none;border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);line-height:var(--control-height);font-family:var(--font-family);outline:none;box-sizing:border-box;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.size-link-btn{width:20px;height:var(--control-height);background-color:transparent;border:none;cursor:pointer;position:relative;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;outline:none;margin:0 -1px;z-index:1}.size-link-btn:before{content:"";position:absolute;width:4px;height:4px;background-color:var(--control-dot);border-radius:50%;transition:opacity .2s;z-index:2;opacity:0}.size-link-btn.active:before{opacity:1}.size-link-btn:hover:before{opacity:.5}.size-link-btn.active:hover:before{opacity:1}.palette-label{position:relative;padding-right:10px}.palette-label:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:var(--theme-toggle-active-text);border-radius:50%;transition:opacity .2s;z-index:2;opacity:0}.palette-label.active{color:var(--theme-toggle-active-text)}.palette-label.active:after{opacity:1}.palette-label:hover:after{opacity:.5}.palette-label.active:hover:after{opacity:1}.ssao-label{position:relative;padding-right:10px}.ssao-label:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:var(--theme-toggle-active-text);border-radius:50%;transition:opacity .2s;z-index:2;opacity:0}.ssao-label.active{color:var(--theme-toggle-active-text)}.ssao-label.active:after{opacity:1}.ssao-label:hover:after{opacity:.5}.ssao-label.active:hover:after{opacity:1}.ssao-enabled .slider-label{color:var(--theme-toggle-active-text)}.ssao-enabled .setting-row label{position:relative;padding-right:10px;cursor:pointer}.ssao-enabled .setting-row label.ssao-debug-active{color:var(--theme-toggle-active-text)}.toggle-label{position:relative;padding-right:10px;color:var(--text-muted);transition:color .2s}.toggle-label.active{color:var(--theme-toggle-active-text);font-weight:500}.toggle-label:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:var(--theme-toggle-active-text);border-radius:50%;transition:opacity .2s;z-index:2;opacity:0}.toggle-label.active:after{opacity:1}.toggle-label:hover:after{opacity:.5}.toggle-label.active:hover:after{opacity:1}.section{margin-bottom:var(--spacing-lg)}.checkbox-minimal,.checkbox-row input[type=checkbox],.setting-row input[type=checkbox],.setting-group input[type=checkbox],.preset-menu-export-check input{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border:1px solid var(--border-color);border-radius:3px;background:var(--panel-bg);background-size:100% 100%;cursor:pointer;flex-shrink:0;transition:border-color .15s ease,background-color .15s ease}.checkbox-minimal:hover,.checkbox-row input[type=checkbox]:hover,.setting-row input[type=checkbox]:hover,.setting-group input[type=checkbox]:hover,.preset-menu-export-check input:hover:not(:disabled){border-color:var(--text-muted)}.checkbox-minimal:checked,.checkbox-row input[type=checkbox]:checked,.setting-row input[type=checkbox]:checked,.setting-group input[type=checkbox]:checked,.preset-menu-export-check input:checked{background:var(--accent-primary);border-color:var(--accent-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l3 3 7-7'/%3E%3C/svg%3E");background-size:100% 100%}.checkbox-minimal:focus-visible,.checkbox-row input[type=checkbox]:focus-visible,.setting-row input[type=checkbox]:focus-visible,.setting-group input[type=checkbox]:focus-visible,.preset-menu-export-check input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.setting-row input[type=checkbox]:disabled,.preset-menu-export-check input:disabled{opacity:.5;cursor:not-allowed}.setting-row input[type=checkbox]:disabled:checked,.preset-menu-export-check input:checked:disabled{background:#80808059;border-color:transparent;background-image:none}.checkbox-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.checkbox-row label{color:var(--text-muted);font-size:var(--font-size-label);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.4}.color-picker-wrapper{width:var(--slider-width);height:var(--control-height);position:relative}.color-picker-box{width:100%;height:100%;border:1px solid var(--border-color);border-radius:var(--radius-control);cursor:pointer;background-color:var(--panel-header-bg);transition:border-color .15s ease,box-shadow .15s ease;position:relative;box-sizing:border-box}.color-picker-box:hover:not(.disabled){border-color:#ffffff40;box-shadow:0 0 0 1px #ffffff1a}.custom-color-picker-popup{position:fixed;width:240px;background-color:var(--panel-bg);border:1px solid rgba(255,255,255,.2);border-radius:calc(var(--radius-control) + 2px);padding:14px;box-shadow:0 12px 32px #0009,0 4px 12px #0006,0 0 0 1px #ffffff0d;z-index:999999;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.color-picker-sv-selector{width:100%;height:160px;position:relative;border-radius:var(--radius-control);cursor:crosshair;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 3px #0000004d;user-select:none;-webkit-user-select:none}.color-picker-sv-cursor{position:absolute;width:14px;height:14px;border:2px solid var(--compare-wipe-fg);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 4px #000c,0 0 1px #000,inset 0 0 0 1px #ffffff80;transition:none;will-change:left,top}.color-picker-hue-wrapper{position:relative;width:100%;height:14px;border-radius:var(--radius-control);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 2px #0000004d}.color-picker-hue-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:var(--radius-control);pointer-events:none}.color-picker-hue-slider{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer}.color-picker-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--compare-wipe-fg);border:2px solid rgba(0,0,0,.5);box-shadow:0 2px 4px #0006,0 0 0 1px #ffffff4d;cursor:pointer;transition:transform .1s ease}.color-picker-hue-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.color-picker-hue-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--compare-wipe-fg);border:2px solid rgba(0,0,0,.5);box-shadow:0 2px 4px #0006,0 0 0 1px #ffffff4d;cursor:pointer;transition:transform .1s ease}.color-picker-hue-slider::-moz-range-thumb:hover{transform:scale(1.1)}.color-picker-hex-input{width:100%}.color-picker-hex-input input{width:100%;height:30px;padding:0 8px;background-color:var(--slider-bg);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-control);color:var(--text-main);font-size:13px;font-family:Courier New,monospace;text-transform:uppercase;text-align:center;box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease;box-shadow:inset 0 1px 2px #0003}.color-picker-hex-input input:hover{border-color:#ffffff40}.color-picker-hex-input input:focus{outline:none;border-color:var(--accent-primary);background-color:var(--panel-header-bg);box-shadow:0 0 0 2px #007aff33}.color-picker-hex-input input::placeholder{color:var(--text-muted)}:root.theme-cream .custom-color-picker-popup{box-shadow:0 8px 24px #0003,0 2px 8px #0000001f;background-color:var(--panel-bg)}:root.theme-cream .color-picker-sv-selector{border-color:#3c3c434a;box-shadow:inset 0 1px 3px #0000001a}:root.theme-cream .color-picker-sv-cursor{border-color:#000;box-shadow:0 0 4px #ffffffe6,0 0 1px #fff,inset 0 0 0 1px #0000004d}:root.theme-cream .color-picker-hue-wrapper{border-color:#3c3c434a;box-shadow:inset 0 1px 2px #0000001a}:root.theme-cream .color-picker-hue-slider::-webkit-slider-thumb{border-color:#0000004d;box-shadow:0 2px 4px #0003,0 0 0 1px #0000001a}:root.theme-cream .color-picker-hue-slider::-moz-range-thumb{border-color:#0000004d;box-shadow:0 2px 4px #0003,0 0 0 1px #0000001a}:root.theme-cream .color-picker-hex-input input{background-color:var(--slider-bg);border-color:#3c3c434a;box-shadow:inset 0 1px 2px #0000000d}:root.theme-cream .color-picker-hex-input input:hover{border-color:#3c3c4366}:root.theme-cream .color-picker-hex-input input:focus{border-color:var(--accent-primary);background-color:var(--panel-bg);box-shadow:0 0 0 2px var(--state-active-ring)}.color-input-wrapper{width:var(--slider-width);height:var(--control-height);position:relative}.color-input-wrapper input[type=color]{width:100%;height:100%;border:none;border-radius:var(--radius-control);cursor:pointer;background-color:var(--panel-header-bg)}.export-overlay{position:absolute;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;flex-direction:column;gap:20px}.export-text{color:var(--text-main);font-size:24px;font-weight:400}.export-progress{width:300px;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden}.export-progress-bar{height:100%;background-color:var(--accent-color);transition:width .3s ease}.character-input-wrapper{position:relative;width:var(--slider-width);height:var(--control-height);margin-bottom:var(--spacing-sm)}.character-input-wrapper input{width:100%;height:100%;padding:0 8px;background-color:var(--panel-header-bg);border:1px solid var(--panel-header-bg);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);line-height:var(--control-height);font-family:var(--font-family);box-sizing:border-box;outline:none;appearance:none}:root.theme-cream .character-input-wrapper input{background-color:#e8e8ed;border-color:#3c3c434a;color:#1d1d1f}:root.theme-cream .character-input-wrapper input:focus{background-color:#dcdce0}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.text-muted{color:var(--text-muted)}.text-main{color:var(--text-main)}.video-player-overlay{position:absolute;bottom:50px;left:0;right:0;padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;z-index:20;transition:opacity .2s cubic-bezier(.4,0,.2,1);opacity:0}.viewport-container:hover .video-player-overlay{opacity:1}.video-player-controls{display:flex;align-items:center;gap:var(--spacing-xs);max-width:800px;margin:0 auto;pointer-events:auto;padding:var(--spacing-xs) var(--spacing-sm);background-color:#00000080;border-radius:var(--radius-control)}.video-player-btn{background:transparent;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:var(--radius-control);transition:background-color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);outline:none;flex-shrink:0}.video-player-btn:hover:not(:disabled){background-color:#ffffff26;transform:scale(1.05)}.video-player-btn:active:not(:disabled){transform:scale(.95)}.video-player-btn:disabled{opacity:.5;cursor:not-allowed}.video-player-play-btn{width:32px;height:32px;background-color:var(--accent-color);color:var(--panel-bg);border-radius:var(--radius-control)}.video-player-play-btn:hover:not(:disabled){background-color:var(--accent-color);opacity:.9;transform:scale(1.05)}.video-player-icon-btn{width:28px;height:28px;opacity:.7;color:var(--text-muted);background-color:transparent;transition:opacity .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.video-player-icon-btn.active{opacity:1;color:var(--accent-color);background-color:#ffffff1a}.video-player-loop-btn{stroke:currentColor}.video-player-loop-btn.active{color:var(--accent-color);stroke:var(--accent-color);background-color:#ffffff26}.video-player-mute-btn.active{color:var(--accent-color);background-color:#ffffff26}.video-player-fullscreen-btn{stroke:currentColor}.video-player-fullscreen-btn.active{color:var(--accent-color);stroke:var(--accent-color);background-color:#ffffff26}.three3d-reset-position-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--panel-header-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-control);transition:background-color .15s ease,border-color .15s ease,transform .15s ease;display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer}.three3d-reset-position-btn:hover:not(:disabled){background-color:var(--panel-header-hover);border-color:var(--border-color-light);transform:translateY(-1px)}:root.theme-cream .video-player-icon-btn{color:#ffffffb3}:root.theme-cream .video-player-loop-btn,:root.theme-cream .video-player-mute-btn,:root.theme-cream .video-player-fullscreen-btn{stroke:#ffffffb3;color:#ffffffb3}:root.theme-cream .video-player-loop-btn.active,:root.theme-cream .video-player-mute-btn.active,:root.theme-cream .video-player-fullscreen-btn.active{background-color:#007aff26;color:var(--accent-color);stroke:var(--accent-color)}:fullscreen{display:flex!important;align-items:center!important;justify-content:center!important}:-webkit-full-screen{display:flex!important;align-items:center!important;justify-content:center!important}:-moz-full-screen{display:flex!important;align-items:center!important;justify-content:center!important}:-ms-fullscreen{display:flex!important;align-items:center!important;justify-content:center!important}.video-player-timeline{flex:1;height:4px;background-color:#fff3;border-radius:var(--radius-control);cursor:pointer;position:relative;margin:0 var(--spacing-xs);transition:height .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.video-player-timeline:hover{height:5px;background-color:#ffffff4d}.video-player-progress{height:100%;background-color:var(--accent-color);border-radius:var(--radius-control);transition:width .05s linear}.video-player-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;background-color:var(--accent-color);border-radius:50%;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.video-player-timeline:hover .video-player-thumb{opacity:1;transform:translate(-50%,-50%) scale(1.15)}.video-player-time{display:flex;align-items:center;gap:4px;font-size:calc(12px * var(--ui-scale));color:var(--text-main);font-family:Roboto Mono,monospace;min-width:80px;flex-shrink:0}.video-player-time-separator{opacity:.5}.btn-small{padding:4px 10px;font-size:calc(var(--font-size-label) * .9);height:auto;min-height:24px}.preset-row{gap:calc(var(--base-input-group-gap) * var(--ui-scale))}.preset-buttons{display:flex;gap:4px;width:var(--slider-width);flex-shrink:0}.preset-menu{margin-top:6px;background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);max-height:180px;overflow-y:auto;padding:3px}.preset-menu::-webkit-scrollbar{width:6px}.preset-menu::-webkit-scrollbar-track{background:transparent}.preset-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.preset-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.preset-item{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:var(--radius-control);transition:background-color .15s ease;margin-bottom:1px}.preset-item:last-child{margin-bottom:0}.preset-item:hover{background-color:#ffffff0d}.preset-item-name{flex:1;font-size:calc(var(--font-size-label) * .95);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;padding:1px 0}.preset-item-delete{width:18px;height:18px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);transition:background-color .15s ease,color .15s ease;padding:0;margin-left:6px;flex-shrink:0}.preset-empty{padding:8px;text-align:center;font-size:calc(var(--font-size-label) * .9);color:var(--text-muted);font-style:italic}.preset-item-delete:hover{background-color:#ffffff1a;color:var(--text-main)}.preset-item-delete:disabled{opacity:.5;cursor:not-allowed}:root.theme-cream .preset-menu{background-color:var(--panel-bg);border-color:var(--border-strong)}:root.theme-cream .preset-menu::-webkit-scrollbar-thumb{background:#0003}:root.theme-cream .preset-menu::-webkit-scrollbar-thumb:hover{background:#0000004d}:root.theme-cream .preset-item:hover{background-color:#007aff14}:root.theme-cream .preset-item-delete:hover{background-color:#007aff1f}:root.theme-cream .preset-empty{color:#00000073}.preset-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preset-dialog{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-panel);width:90%;max-width:calc(400px * var(--ui-scale, 1));box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(32px * var(--ui-scale, 1)) #0006}.preset-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.preset-dialog-header h3{margin:0;font-size:var(--font-size-title);font-weight:500;color:var(--text-main)}.preset-dialog-close{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:calc(20px * var(--ui-scale, 1));line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);transition:background-color .15s ease,color .15s ease;padding:0}.preset-dialog-close:hover{background-color:#ffffff1a;color:var(--text-main)}.preset-dialog-content{padding:var(--spacing-md)}.preset-name-input{width:100%;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);font-family:var(--font-family);outline:none;transition:border-color .15s ease;box-sizing:border-box;margin-bottom:var(--spacing-md)}.preset-name-input:focus{border-color:var(--accent-color)}.preset-name-input::placeholder{color:var(--text-muted)}.preset-dialog-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.preset-dialog-actions .btn{min-width:calc(80px * var(--ui-scale, 1))}.shortcuts-show-btn{width:calc((30px + var(--base-spacing-xs) + 40px + var(--base-spacing-xs) + 30px) * var(--ui-scale));height:var(--control-height);background-color:var(--panel-header-bg);border:none;border-radius:var(--radius-control);color:var(--text-main);cursor:pointer;font-size:var(--font-size-label);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;font-weight:400}.shortcuts-show-btn:hover:not(:disabled){background-color:#242426cc}.shortcuts-show-btn:disabled{opacity:.5;cursor:not-allowed}.shortcuts-sheet-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-color:#0000;display:flex;align-items:center;justify-content:center;z-index:100000;margin:0;padding:0;pointer-events:auto}.shortcuts-sheet{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:calc(8px * var(--ui-scale, 1));width:90%;max-width:calc(600px * var(--ui-scale, 1));max-height:80vh;box-shadow:0 calc(8px * var(--ui-scale, 1)) calc(32px * var(--ui-scale, 1)) #0006;display:flex;flex-direction:column;position:relative;margin:auto;pointer-events:auto;-webkit-app-region:no-drag;app-region:no-drag}.ui-scale-sheet{--ui-scale: 1;--scale-factor-clamped: 1}.ui-scale-sheet *{--ui-scale: 1}.shortcuts-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));min-height:calc(36px * var(--ui-scale, 1));max-height:calc(36px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color)}:root.theme-cream .shortcuts-sheet-header{border-bottom-color:#3c3c432e}.shortcuts-sheet-header h3{margin:0;font-size:calc(13px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);font-family:Roboto,sans-serif}.shortcuts-sheet-close{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:calc(20px * var(--ui-scale, 1));line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);transition:background-color .15s ease,color .15s ease;padding:0}.shortcuts-sheet-close:hover{background-color:var(--panel-header-hover);color:var(--text-main)}.shortcuts-sheet-content{padding:calc(16px * var(--ui-scale, 1));overflow-y:auto;flex:1}.shortcuts-category{margin-bottom:calc(24px * var(--ui-scale, 1))}.shortcuts-category:last-child{margin-bottom:0}.shortcuts-category-title{font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 calc(12px * var(--ui-scale, 1)) 0;padding:0;font-family:Roboto,sans-serif}.shortcuts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:calc(10px * var(--ui-scale, 1)) 0;gap:calc(12px * var(--ui-scale, 1))}.shortcut-description{color:var(--text-main);font-size:var(--font-size-label);flex:1;text-align:left}.shortcut-key-wrapper{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));min-width:calc(140px * var(--ui-scale, 1));justify-content:flex-end}.shortcut-key{font-family:Courier New,monospace;background-color:var(--panel-header-bg);padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-radius:var(--radius-control);font-size:calc(11px * var(--ui-scale, 1));color:var(--accent-color);border:1px solid var(--border-color);min-width:calc(100px * var(--ui-scale, 1));text-align:center;display:inline-block;transition:all .15s ease}.shortcut-key-wrapper:hover .shortcut-key{background-color:#242426cc;border-color:#fff3}.shortcut-edit-wrapper{min-width:calc(140px * var(--ui-scale, 1));display:flex;justify-content:flex-end}.shortcut-edit-input{font-family:Courier New,monospace;background-color:var(--panel-header-bg);padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-radius:var(--radius-control);font-size:calc(11px * var(--ui-scale, 1));color:var(--accent-color);border:1px solid var(--accent-color);min-width:calc(100px * var(--ui-scale, 1));text-align:center;outline:none;transition:all .15s ease}.shortcut-edit-input:focus{background-color:#242426cc;border-color:var(--accent-color);box-shadow:0 0 0 calc(2px * var(--ui-scale, 1)) #004aad33}.shortcuts-actions{margin-top:calc(16px * var(--ui-scale, 1));padding-top:calc(16px * var(--ui-scale, 1));border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.shortcuts-reset-btn{padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);cursor:pointer;transition:all .15s ease}.shortcuts-reset-btn:hover{background-color:#242426cc;border-color:#fff3}.ui-scale-sheet .ui-scale-panel-content{display:flex;flex-direction:column;gap:calc(22px * var(--scale-factor-clamped, 1));width:100%}.ui-scale-sheet .ui-scale-display{display:flex;justify-content:space-between;align-items:center}.ui-scale-sheet .ui-scale-label{font-size:calc(14px * var(--scale-factor-clamped, 1));font-weight:500;color:var(--text-main)}.ui-scale-sheet .ui-scale-value{color:var(--accent-primary);font-size:calc(16px * var(--scale-factor-clamped, 1));font-weight:600;min-width:calc(60px * var(--scale-factor-clamped, 1));text-align:right;font-variant-numeric:tabular-nums}.ui-scale-sheet .ui-scale-slider-wrapper{width:100%;position:relative;margin:calc(12px * var(--scale-factor-clamped, 1)) 0}.ui-scale-sheet .ui-scale-slider{width:100%;height:calc(4px * var(--scale-factor-clamped, 1));border-radius:calc(2px * var(--scale-factor-clamped, 1));background:#ffffff1a;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0;padding:0}.ui-scale-sheet .ui-scale-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(16px * var(--scale-factor-clamped, 1));height:calc(16px * var(--scale-factor-clamped, 1));border-radius:50%;background:var(--accent-primary, #007AFF);cursor:pointer;border:calc(2px * var(--scale-factor-clamped, 1)) solid rgba(255,255,255,.9);margin-top:calc(-6px * var(--scale-factor-clamped, 1))}.ui-scale-sheet .ui-scale-slider::-moz-range-thumb{width:calc(16px * var(--scale-factor-clamped, 1));height:calc(16px * var(--scale-factor-clamped, 1));border-radius:50%;background:var(--accent-primary, #007AFF);cursor:pointer;border:calc(2px * var(--scale-factor-clamped, 1)) solid rgba(255,255,255,.9)}.ui-scale-sheet .ui-scale-slider::-webkit-slider-runnable-track{background:var(--slider-bg);height:calc(4px * var(--scale-factor-clamped, 1));border-radius:calc(2px * var(--scale-factor-clamped, 1))}.ui-scale-sheet .ui-scale-slider::-moz-range-track{background:var(--slider-bg);height:calc(4px * var(--scale-factor-clamped, 1));border-radius:calc(2px * var(--scale-factor-clamped, 1))}.ui-scale-sheet .ui-scale-info{padding:calc(12px * var(--scale-factor-clamped, 1));background-color:#ffffff08;border-radius:calc(4px * var(--scale-factor-clamped, 1));font-size:11px;color:var(--text-muted);line-height:1.5;margin-top:calc(-4px * var(--scale-factor-clamped, 1))}.ui-scale-sheet .shortcuts-sheet-header{padding:calc(8px * var(--scale-factor-clamped, 1)) calc(16px * var(--scale-factor-clamped, 1));height:36px;min-height:36px;max-height:36px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.ui-scale-sheet .shortcuts-sheet-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-main);font-family:Roboto,sans-serif}.ui-scale-sheet .shortcuts-sheet-close{width:calc(24px * var(--scale-factor-clamped, 1));height:calc(24px * var(--scale-factor-clamped, 1));border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:calc(20px * var(--scale-factor-clamped, 1));line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);transition:background-color .15s ease,color .15s ease;padding:0}.ui-scale-sheet .shortcuts-sheet-close:hover{background-color:var(--panel-header-hover);color:var(--text-main)}.ui-scale-sheet .shortcuts-sheet-content{padding:calc(16px * var(--scale-factor-clamped, 1))}.ui-scale-sheet .shortcuts-actions{margin-top:calc(16px * var(--scale-factor-clamped, 1));padding-top:calc(16px * var(--scale-factor-clamped, 1));border-top:1px solid var(--border-color);display:flex;justify-content:space-between;gap:calc(12px * var(--scale-factor-clamped, 1))}.ui-scale-sheet .shortcuts-reset-btn{padding:calc(8px * var(--scale-factor-clamped, 1)) calc(16px * var(--scale-factor-clamped, 1));background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:calc(4px * var(--scale-factor-clamped, 1));color:var(--text-main);font-size:calc(14px * var(--scale-factor-clamped, 1));cursor:pointer;transition:all .15s ease;font-family:Roboto,sans-serif;font-weight:400}.ui-scale-sheet .shortcuts-reset-btn:hover{background-color:#242426cc;border-color:#fff3}.ui-scale-sheet .shortcuts-apply-btn{padding:calc(8px * var(--scale-factor-clamped, 1)) calc(16px * var(--scale-factor-clamped, 1));background-color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:calc(4px * var(--scale-factor-clamped, 1));color:var(--text-on-accent);font-size:calc(14px * var(--scale-factor-clamped, 1));cursor:pointer;transition:all .15s ease;font-family:var(--font-family);font-weight:500}.ui-scale-sheet .shortcuts-apply-btn:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}:root.theme-cream .ui-scale-sheet .ui-scale-slider::-webkit-slider-thumb{background:var(--accent-primary);border-color:var(--text-on-accent)}:root.theme-cream .ui-scale-sheet .ui-scale-slider::-moz-range-thumb{background:var(--accent-primary);border-color:var(--text-on-accent)}:root.theme-cream .ui-scale-sheet .shortcuts-reset-btn{background-color:#f2f2f7}:root.theme-cream .ui-scale-sheet .shortcuts-reset-btn:hover{background-color:#e8e8ed;border-color:#3c3c434a}:root.theme-cream .ui-scale-sheet .shortcuts-apply-btn{background-color:var(--accent-primary);border-color:var(--accent-primary)}:root.theme-cream .ui-scale-sheet .shortcuts-apply-btn:hover{background-color:#0056c7;border-color:#0056c7}.help-sheet{max-width:calc(640px * var(--ui-scale, 1))}.help-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.help-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.help-section h4{margin:0;font-size:var(--font-size-title);font-weight:500;color:var(--text-main);margin-bottom:var(--spacing-xs)}.help-section p{margin:0;color:var(--text-main);font-size:var(--font-size-label);line-height:1.6}.help-section ul,.help-section ol{margin:0;padding-left:var(--spacing-md);color:var(--text-main);font-size:var(--font-size-label);line-height:1.8}.help-section li{margin-bottom:var(--spacing-xs)}.help-section li:last-child{margin-bottom:0}.help-section strong{color:var(--accent-color);font-weight:500}.help-trial{display:flex;flex-direction:column;gap:calc(18px * var(--ui-scale, 1))}.help-trial-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(10px * var(--ui-scale, 1));padding-bottom:calc(16px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color)}.help-trial-logo img{width:calc(40px * var(--ui-scale, 1));height:calc(40px * var(--ui-scale, 1));object-fit:contain;filter:brightness(0) invert(1)}:root.theme-cream .help-trial-logo img{filter:brightness(0)}.help-trial-tagline{margin:0;font-size:calc(11px * var(--ui-scale, 1));font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.help-trial-lead{margin:0;max-width:46ch;font-size:var(--font-size-label);line-height:1.6;color:var(--text-main)}.help-trial-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:calc(4px * var(--ui-scale, 1));min-width:calc(120px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));padding:0 calc(18px * var(--ui-scale, 1));border:1px solid #007aff;border-radius:var(--radius-control);background-color:#007aff;color:#fff;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:600;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease,border-color .15s ease}.help-trial-cta:hover,.help-trial-cta:focus-visible{background-color:#0056c7;border-color:#0056c7;color:#fff}.help-trial-cta:focus-visible{outline:none;box-shadow:0 0 0 calc(2px * var(--ui-scale, 1)) #007aff73}.help-trial-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(8px * var(--ui-scale, 1))}.help-trial-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));border:1px solid var(--border-color);border-radius:var(--radius-control);background:var(--panel-header-bg)}.help-trial-step-num{display:flex;align-items:center;justify-content:center;width:calc(22px * var(--ui-scale, 1));height:calc(22px * var(--ui-scale, 1));border-radius:50%;background:#ffffff14;font-size:calc(11px * var(--ui-scale, 1));font-weight:700;color:var(--accent-color)}.help-trial-step-label{font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);line-height:1.3}.help-trial-step-desc{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);line-height:1.3}.help-trial-compare{display:grid;grid-template-columns:1fr 1fr;gap:calc(10px * var(--ui-scale, 1))}.help-trial-compare-col{display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));border:1px solid var(--border-color);border-radius:var(--radius-control);background:var(--panel-header-bg)}.help-trial-compare-col--full{border-color:#007aff40;background:#007aff0a}.help-trial-compare-head{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1))}.help-trial-compare-title{font-size:calc(12px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)}.help-trial-compare-badge{font-size:calc(9px * var(--ui-scale, 1));font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:calc(2px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));border-radius:999px;border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap}.help-trial-compare-badge--trial{color:var(--text-main);border-color:var(--border-color)}.help-trial-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1))}.help-trial-feature-list li{position:relative;padding-left:calc(14px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));line-height:1.45;color:var(--text-main)}.help-trial-feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:calc(4px * var(--ui-scale, 1));height:calc(4px * var(--ui-scale, 1));border-radius:50%;background:var(--accent-color)}.help-trial-compare-col--full .help-trial-feature-list li:before{background:var(--text-muted)}.help-trial-pricing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(14px * var(--ui-scale, 1));border:1px solid var(--border-color);border-radius:var(--radius-control);background:#ffffff05}.help-trial-pricing-label{font-size:calc(10px * var(--ui-scale, 1));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.help-trial-pricing-value{font-size:calc(13px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)}.help-trial-pricing-link{margin-top:calc(2px * var(--ui-scale, 1));font-size:var(--font-size-label);font-weight:600;color:#007aff;text-decoration:none}.help-trial-pricing-link:hover{text-decoration:underline}.help-trial-footer{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--ui-scale, 1));padding-top:calc(4px * var(--ui-scale, 1));border-top:1px solid var(--border-color)}.help-trial-footer-label{font-size:calc(11px * var(--ui-scale, 1));color:var(--text-muted)}.help-trial-footer-link{font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-main);text-decoration:none}.help-trial-footer-link:hover{color:var(--accent-color)}.web-export-video-banner{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));margin-bottom:var(--spacing-md);padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border:1px solid rgba(0,122,255,.28);border-radius:var(--radius-control);background:#007aff0f}.web-export-video-banner-label{font-size:calc(10px * var(--ui-scale, 1));font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-color)}.web-export-video-banner p{margin:0;font-size:calc(11px * var(--ui-scale, 1));line-height:1.5;color:var(--text-muted)}.web-export-video-banner a{font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--accent-color);text-decoration:none}.web-export-video-banner a:hover{text-decoration:underline}.web-export-video-fields{opacity:.42;pointer-events:none;-webkit-user-select:none;user-select:none}.web-export-video-fields .setting-group:last-child{margin-bottom:0}.modal-footer .btn-primary:disabled{opacity:.45;cursor:not-allowed}.about-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-header{text-align:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.about-logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-sm)}.about-logo img{width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}:root.theme-cream .about-logo img{filter:brightness(0)}.logo-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color));opacity:.9;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;box-shadow:0 4px 12px #0003}.about-title{margin:var(--spacing-sm) 0 var(--spacing-xs) 0;font-size:calc(var(--font-size-title) * 1.3);font-weight:600;color:var(--text-main)}.about-subtitle{margin:0;font-size:var(--font-size-label);color:var(--text-muted);font-weight:400}.about-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.about-info-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--panel-header-bg);border-radius:var(--radius-control);border:1px solid var(--border-color);transition:all .2s ease}.about-info-card:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.info-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#0000004d;border-radius:8px;flex-shrink:0;color:var(--text-on-accent)}.info-icon svg{width:24px;height:24px;opacity:1}.info-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.info-label{font-size:var(--font-size-value);color:var(--text-muted);font-weight:400}.info-value{font-size:var(--font-size-label);color:var(--text-main);font-weight:500}.info-value-link{font-size:var(--font-size-label);color:var(--accent-color);text-decoration:none;font-weight:500;transition:opacity .2s ease;word-break:break-all}.info-value-link:hover{opacity:.8;text-decoration:underline}.about-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-section-title{margin:0;font-size:var(--font-size-title);font-weight:600;color:var(--text-main)}.social-links-minimal{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.social-link-minimal{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:transparent;border:1px solid var(--border-color);text-decoration:none;color:var(--text-muted);transition:all .2s ease;cursor:pointer}.social-link-minimal:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.social-icon-minimal{font-size:16px;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center}.social-icon-minimal svg{width:16px;height:16px}.update-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);gap:var(--spacing-md)}.update-info{display:flex;flex-direction:column;gap:4px;flex:1}.update-status{font-size:var(--font-size-label);color:var(--text-main);font-weight:500}.update-note{font-size:var(--font-size-value);color:var(--text-muted)}.update-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--accent-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-control);font-size:var(--font-size-label);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.update-button:hover{background-color:var(--accent-primary);opacity:.85;transform:translateY(-1px);box-shadow:0 2px 8px #007aff4d}.update-button:active{transform:translateY(0);opacity:.9}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay:has(.video-export-settings){background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-panel);width:90%;max-width:calc(500px * var(--ui-scale, 1));min-width:calc(300px * var(--ui-scale, 1));max-height:85vh;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column}.modal-content.video-export-settings{border-radius:8px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-content.video-export-settings .modal-header{padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));min-height:calc(36px * var(--ui-scale, 1));max-height:calc(36px * var(--ui-scale, 1));background-color:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:calc(var(--font-size-title) * 1.2);font-weight:500;color:var(--text-main)}.modal-content.video-export-settings .modal-header h2,.error-modal-header h2{font-size:calc(13px * var(--ui-scale, 1));font-weight:600;font-family:Roboto,sans-serif}.modal-close{width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:calc(24px * var(--ui-scale, 1));line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);transition:background-color .15s ease,color .15s ease;padding:0}.modal-close:hover{background-color:#ffffff1a;color:var(--text-main)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.add-palette-modal .modal-body{padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}.add-palette-modal .modal-footer{padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}.modal-footer .btn{min-width:calc(100px * var(--ui-scale, 1))}.mode-switch-dialog{width:min(360px,calc(100vw - 32px));background:var(--panel-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 36px #00000080;padding:16px;pointer-events:auto}.mode-switch-dialog__title{margin:0 0 6px;color:var(--text-main);font-size:13px;font-weight:600}.mode-switch-dialog__body{margin:0 0 14px;color:var(--text-muted);font-size:12px;line-height:1.5}.mode-switch-dialog__checkbox{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--text-muted);font-size:12px;cursor:pointer}.mode-switch-dialog__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.mode-switch-dialog__actions .btn{width:100%;min-width:0;padding:0 6px;font-size:11px}.setting-group{margin-bottom:var(--spacing-lg)}.add-palette-modal .setting-group{margin-bottom:calc(14px * var(--ui-scale, 1))}.setting-group label{display:block;color:var(--text-main);font-size:var(--font-size-label);font-weight:500;margin-bottom:var(--spacing-xs)}.setting-group label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;cursor:pointer}.add-palette-modal .setting-group label{font-size:calc(12px * var(--ui-scale, 1));margin-bottom:calc(6px * var(--ui-scale, 1))}.setting-group input[type=text],.setting-group input[type=number],.setting-group select{width:100%;height:var(--control-height);padding:0 calc(12px * var(--ui-scale, 1));background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);font-family:var(--font-family);outline:none;transition:border-color .15s ease;box-sizing:border-box}.setting-group input[type=text]:focus,.setting-group input[type=number]:focus,.setting-group select:focus{border-color:var(--accent-color)}.setting-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(12px * var(--ui-scale, 1)) center;padding-right:calc(36px * var(--ui-scale, 1))}.setting-description{margin-top:calc(4px * var(--ui-scale, 1));font-size:var(--font-size-value);color:var(--text-muted);font-style:italic}.path-selector,.export-type-selector{display:flex;gap:var(--spacing-xs)}.export-type-selector button{flex:1;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;font-weight:500}.export-type-selector button:hover{background-color:#ffffff0d;border-color:#fff3}.export-type-selector button.active{background-color:#ffffff1a;border-color:var(--border-color);color:var(--text-main)}.export-type-selector button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.export-type-selector button:disabled:hover{background-color:var(--panel-header-bg);border-color:var(--border-color)}.path-selector input[type=text]{flex:1}.path-selector button{width:auto;min-width:calc(80px * var(--ui-scale, 1));padding:0 calc(16px * var(--ui-scale, 1));height:var(--control-height);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;font-weight:500}.fps-input-container{display:flex;gap:var(--spacing-xs);align-items:center}.fps-input-container input[type=number]{flex:1}.btn-revert{width:auto;min-width:70px;padding:0 12px;height:var(--control-height);background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:var(--radius-control);color:#fff;font-size:var(--font-size-label);font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn-revert:hover{opacity:.9}.btn-revert:active{opacity:.8}.video-info-box{background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-label)}.info-label{color:var(--text-muted);font-weight:500}.info-value{color:var(--accent-color);font-weight:600;font-family:var(--font-mono)}.path-selector button:hover{background-color:#ffffff1a;border-color:#ffffff40}.estimated-size{display:inline-block;padding:calc(4px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--accent-color);font-size:var(--font-size-label);font-weight:500}.info-box{padding:var(--spacing-md);background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);margin-top:var(--spacing-sm)}.info-box strong{display:block;color:var(--accent-color);font-size:var(--font-size-label);margin-bottom:var(--spacing-xs)}.info-box p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-value);color:var(--text-main);line-height:1.5}.info-box p:last-child{margin-bottom:0}.btn-secondary{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-main);font-weight:500;font-size:var(--font-size-label)}.btn-secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff40}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-add-palette{width:100%;height:var(--control-height);margin-top:var(--spacing-sm);background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-main);font-size:var(--font-size-label);font-family:var(--font-family);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s ease;user-select:none;-webkit-user-select:none}.btn-add-palette:hover:not(:disabled){background-color:#ffffff14;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-add-palette:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0003}.btn-add-palette:disabled{opacity:.5;cursor:not-allowed}.custom-palettes-section{margin-top:var(--spacing-md);width:100%}.custom-palettes-label{display:block;color:var(--text-muted);font-size:var(--font-size-label);margin-bottom:var(--spacing-xs);font-weight:500}.custom-palettes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:5px;width:100%}.custom-palette-item{position:relative;aspect-ratio:1;border-radius:var(--radius-control);border:1.5px solid var(--border-color);cursor:pointer;overflow:visible;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease;background-color:var(--panel-header-bg)}.custom-palette-item:hover:not(.disabled){border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0006;z-index:5}.custom-palette-item.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px #d9d9d94d}.custom-palette-item.selected:hover:not(.disabled){box-shadow:0 0 0 2px #d9d9d966,0 4px 12px #0006}.custom-palette-item.disabled{opacity:.5;cursor:not-allowed}.custom-palette-gradient{position:absolute;inset:0;border-radius:var(--radius-control)}.custom-palette-delete{position:absolute;top:2px;right:2px;width:16px;height:16px;border:none;background-color:#000c;color:#fff;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background-color .15s ease,transform .1s ease;z-index:10;pointer-events:auto;user-select:none;-webkit-user-select:none;font-weight:400}.custom-palette-item:hover .custom-palette-delete{opacity:1}.custom-palette-delete:hover{background-color:#e81123;transform:scale(1.1);box-shadow:0 2px 6px #e8112366}.custom-palette-delete:active{transform:scale(.95);box-shadow:0 1px 3px #e8112399}.custom-palette-name{position:absolute;bottom:0;left:0;right:0;height:18px;background-color:var(--panel-header-bg);color:var(--text-muted);font-size:9px;display:flex;align-items:center;justify-content:center;padding:0 3px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid var(--border-color)}.add-palette-overlay{background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex;align-items:center;justify-content:center;z-index:100001!important;pointer-events:none!important}.add-palette-modal{max-width:calc(360px * var(--ui-scale, 1));width:calc(360px * var(--ui-scale, 1));border-radius:calc(8px * var(--ui-scale, 1));pointer-events:auto!important}.add-palette-header{padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1))!important;min-height:calc(36px * var(--ui-scale, 1))!important;max-height:calc(36px * var(--ui-scale, 1))!important;border-bottom:1px solid rgba(255,255,255,.1)!important;user-select:none;-webkit-user-select:none}.add-palette-title{font-size:calc(13px * var(--ui-scale, 1))!important;font-weight:600!important;color:var(--text-main)!important;margin:0!important;font-family:var(--font-family)!important;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-palette-close{width:calc(24px * var(--ui-scale, 1))!important;height:calc(24px * var(--ui-scale, 1))!important;padding:calc(4px * var(--ui-scale, 1))!important;margin-left:calc(8px * var(--ui-scale, 1))!important;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none!important;border:none!important;color:var(--text-muted)!important;cursor:pointer;transition:color .15s ease,background-color .15s ease;border-radius:calc(4px * var(--ui-scale, 1))}.add-palette-close:hover:not(:disabled){color:var(--text-main)!important;background-color:var(--panel-header-hover)!important}.add-palette-close:disabled{opacity:.5;cursor:not-allowed}.add-palette-close svg{width:calc(16px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1))}.palette-color-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.palette-color-item{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));background-color:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);transition:border-color .15s ease,background-color .15s ease;cursor:pointer}.palette-color-item:hover{border-color:#fff3}.palette-color-item.selected{border-color:var(--accent-color);background-color:#d9d9d90d}.palette-color-item.dragging-list{opacity:.5;cursor:grabbing}.palette-color-item.drag-over{border-color:var(--accent-color);border-top-width:2px;border-style:dashed}.palette-color-drag-handle{color:var(--text-muted);font-size:calc(12px * var(--ui-scale, 1));line-height:1;cursor:grab;-webkit-user-select:none;user-select:none;opacity:.5;transition:opacity .15s ease;padding:calc(3px * var(--ui-scale, 1));margin:calc(-3px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-color-item:hover .palette-color-drag-handle{opacity:1}.palette-color-drag-handle:active{cursor:grabbing}.palette-color-number{width:calc(18px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background-color:var(--panel-bg);border-radius:50%;font-size:calc(9px * var(--ui-scale, 1));color:var(--text-muted);font-weight:500;flex-shrink:0}.color-picker-wrapper{position:relative;flex-shrink:0}.palette-color-item .color-picker-wrapper{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1))}.palette-color-value{flex:1;font-family:Courier New,monospace;font-size:calc(11px * var(--ui-scale, 1));color:var(--text-main);user-select:text;-webkit-user-select:text;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-color-position{font-family:Courier New,monospace;font-size:calc(9px * var(--ui-scale, 1));color:var(--text-muted);padding:0 calc(6px * var(--ui-scale, 1));white-space:nowrap;flex-shrink:0}.palette-color-position-edit{font-family:Courier New,monospace;font-size:calc(10px * var(--ui-scale, 1))!important;line-height:1;color:var(--text-muted);background-color:transparent;border:none;border-bottom:1px solid var(--text-muted);padding:0 calc(8px * var(--ui-scale, 1)) calc(1px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));margin:0;width:auto;min-width:calc(25px * var(--ui-scale, 1));text-align:center;-moz-appearance:textfield;outline:none!important;box-shadow:none!important;appearance:none;-webkit-appearance:none}.palette-color-position-edit::-webkit-outer-spin-button,.palette-color-position-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.palette-color-position-edit:focus{border-bottom-color:var(--accent-color);color:var(--text-muted);outline:none!important;box-shadow:none!important;border:none;border-bottom:1px solid var(--accent-color)}.palette-color-position-edit:disabled{opacity:.5;cursor:not-allowed}.palette-color-remove{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));border:none;background-color:transparent;color:var(--text-muted);border-radius:var(--radius-control);font-size:calc(18px * var(--ui-scale, 1));line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;flex-shrink:0;padding:0}.palette-color-remove:hover:not(:disabled){background-color:#e8112333;color:#f44}.palette-color-remove:disabled{opacity:.3;cursor:not-allowed}.btn-add-color{width:100%;height:var(--control-height);background-color:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-control);color:var(--text-muted);font-size:var(--font-size-label);font-family:var(--font-family);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.btn-add-color:hover:not(:disabled){border-color:var(--accent-color);color:var(--text-main);background-color:#ffffff05}.btn-add-color:disabled{opacity:.3;cursor:not-allowed}.btn-invert-gradient{width:100%;height:calc(32px * var(--ui-scale, 1));margin-top:calc(8px * var(--ui-scale, 1));background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-muted);font-size:var(--font-size-label);font-family:var(--font-family);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease;display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1))}.btn-invert-gradient:hover:not(:disabled){border-color:var(--accent-color);color:var(--text-main);background-color:#d9d9d90d}.btn-invert-gradient:disabled{opacity:.3;cursor:not-allowed}.palette-preview-container{width:100%;padding:calc(10px * var(--ui-scale, 1)) 0 calc(4px * var(--ui-scale, 1)) 0}.palette-preview{position:relative;width:100%;height:calc(40px * var(--ui-scale, 1));border:1px solid var(--border-color);border-radius:var(--radius-control);box-shadow:inset 0 calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1)) #0000004d;cursor:crosshair;-webkit-user-select:none;user-select:none;overflow:visible}.palette-stop{position:absolute;top:calc(-6px * var(--ui-scale, 1));transform:translate(-50%);cursor:grab;z-index:10;will-change:transform,left;transition:transform .15s ease,z-index 0s}.palette-stop:active{cursor:grabbing}.palette-stop.dragging{z-index:20;cursor:grabbing;transform:translate(-50%) scale(1.15);transition:none}.palette-stop.selected .palette-stop-marker{border-color:var(--accent-color);box-shadow:0 0 0 2px #d9d9d966,0 2px 6px #00000080}.palette-stop-marker{position:relative;width:calc(10px * var(--ui-scale, 1));height:calc(10px * var(--ui-scale, 1));background-color:inherit;border:calc(1.5px * var(--ui-scale, 1)) solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1)) #00000080,inset 0 calc(.5px * var(--ui-scale, 1)) calc(1px * var(--ui-scale, 1)) #ffffff4d;transition:all .15s ease}.palette-stop-marker:before{content:"";position:absolute;top:calc(10px * var(--ui-scale, 1));left:50%;transform:translate(-50%);width:0;height:0;border-left:calc(4px * var(--ui-scale, 1)) solid transparent;border-right:calc(4px * var(--ui-scale, 1)) solid transparent;border-top:calc(5px * var(--ui-scale, 1)) solid rgba(255,255,255,.95);filter:drop-shadow(0 calc(1px * var(--ui-scale, 1)) calc(2px * var(--ui-scale, 1)) rgba(0,0,0,.4))}.palette-stop:hover .palette-stop-marker{border-color:#fff;box-shadow:0 2px 6px #0009,inset 0 .5px 1px #fff6;transform:scale(1.1)}.palette-stop.dragging .palette-stop-marker{box-shadow:0 4px 12px #000000b3,inset 0 .5px 1px #fff6}.palette-section{display:flex;flex-direction:column;gap:0}.color-picker-box{width:28px;height:28px;border:1.5px solid var(--border-color);border-radius:var(--radius-control);cursor:pointer;transition:border-color .15s ease,transform .1s ease;box-shadow:inset 0 1px 2px #0000004d}.palette-color-item .color-picker-box{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));border-width:calc(1px * var(--ui-scale, 1))}.color-picker-box:hover:not(.disabled){border-color:var(--accent-color);transform:scale(1.05)}.color-picker-box.disabled{opacity:.5;cursor:not-allowed}.error-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100002;pointer-events:none}.error-modal-content{animation:errorModalSlideIn .2s ease-out;border-radius:8px!important;pointer-events:auto}@keyframes errorModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-modal-header{padding:8px 16px;min-height:36px;max-height:36px;display:flex;align-items:center;justify-content:space-between}.error-modal-body{padding:16px;font-family:Roboto,sans-serif}.error-modal-footer{display:none}.error-modal-body details summary{transition:color .15s ease}.error-modal-body details summary:hover{color:var(--text-main)}.error-modal-body details[open] summary{margin-bottom:8px}.dnd-drag-overlay-label{padding:6px 14px;background:var(--drag-ghost-bg);border:1px solid var(--border-strong);border-radius:var(--radius-control);color:var(--text-main);font-size:13px;font-family:var(--font-family);font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dnd-drag-model-button-ghost{position:relative;background:var(--surface-control);color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius-control);padding:8px 12px;font-size:13px;font-family:var(--font-family);font-weight:400;display:flex;align-items:center;min-height:36px;width:200px;box-shadow:0 6px 20px #00000073,0 2px 8px #0000004d;pointer-events:none;cursor:grabbing;-webkit-user-select:none;user-select:none;opacity:.95}.dnd-drag-chain-item-ghost{display:flex;align-items:center;padding:6px 8px;background-color:#37373afa;border-radius:4px;border:1px solid rgba(255,255,255,.14);font-size:12px;font-family:Roboto,sans-serif;font-weight:400;color:var(--text-passive);white-space:nowrap;pointer-events:none;cursor:grabbing;box-shadow:0 6px 20px #00000080,0 2px 8px #00000059;-webkit-user-select:none;user-select:none;opacity:.95;min-width:160px}.web-trial-banner{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));margin:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1)) 0;background:#007aff14;border:1px solid rgba(0,122,255,.22);border-radius:var(--radius-control)}.web-trial-banner--compact{margin:0 0 calc(10px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}.web-trial-banner-badge{font-size:calc(10px * var(--ui-scale, 1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-primary, #4a9eff);background:#007aff24;padding:calc(2px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-radius:calc(10px * var(--ui-scale, 1));flex-shrink:0}.web-trial-banner-text{flex:1;min-width:160px;margin:0;font-size:calc(11px * var(--ui-scale, 1));line-height:1.4;color:var(--text-passive)}.web-trial-banner-link{font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--accent-primary, #4a9eff);text-decoration:none;white-space:nowrap}.web-trial-banner-link:hover{text-decoration:underline}.top-bar{padding-right:calc(var(--spacing-lg) * var(--ui-scale, 1))}.top-bar-app-menu-btn--trial{position:relative}.top-bar-back-link{display:inline-flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));margin-left:calc(2px * var(--ui-scale, 1));padding:0 calc(8px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-weight:500;color:var(--text-passive);text-decoration:none;white-space:nowrap;border-radius:calc(var(--radius-control) * var(--ui-scale, 1));transition:background-color .15s ease,color .15s ease;flex-shrink:0}.top-bar-back-link svg{width:calc(12px * var(--ui-scale, 1));height:calc(12px * var(--ui-scale, 1));opacity:.75;flex-shrink:0}.top-bar-back-link:hover{background-color:var(--panel-header-hover);color:var(--text-main);text-decoration:none}.top-bar-trial-pill{position:absolute;bottom:calc(2px * var(--ui-scale, 1));right:calc(22px * var(--ui-scale, 1));left:auto;top:auto;font-size:calc(6px * var(--ui-scale, 1));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary, #4a9eff);background:#007aff29;border:1px solid rgba(0,122,255,.28);padding:calc(1px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.2}.top-bar-btn-group-spaced{margin-right:calc(8px * var(--ui-scale, 1))}.model-panel-empty{padding:calc(16px * var(--ui-scale, 1));color:var(--text-passive);font-size:calc(12px * var(--ui-scale, 1))}.web-trial-disabled,.app-menu-submenu-item.web-trial-disabled,.top-bar-btn.web-trial-disabled,.model-button.disabled.web-trial-locked,.model-add-to-chain-btn.web-trial-locked{opacity:.42;cursor:not-allowed!important;pointer-events:auto}.web-trial-disabled-hint{display:block;font-size:calc(10px * var(--ui-scale, 1));color:var(--text-passive);margin-top:calc(2px * var(--ui-scale, 1));line-height:1.3}.model-add-to-chain-btn.web-trial-locked{opacity:.3}.web-trial-locked-section{position:relative}.web-trial-locked-overlay{position:absolute;inset:0;z-index:2;background:#00000059;border-radius:var(--radius-control);pointer-events:none}.web-trial-locked-notice{position:relative;z-index:3;display:flex;gap:calc(10px * var(--ui-scale, 1));padding:calc(14px * var(--ui-scale, 1));margin-bottom:calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);border:1px solid var(--border-color);border-radius:var(--radius-control)}.web-trial-locked-icon{font-size:calc(18px * var(--ui-scale, 1));color:var(--text-passive);flex-shrink:0}.web-trial-locked-notice strong{display:block;font-size:var(--font-size-label);color:var(--text-main);margin-bottom:calc(4px * var(--ui-scale, 1))}.web-trial-locked-notice p{margin:0 0 calc(8px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));color:var(--text-passive);line-height:1.45}.web-trial-locked-notice a{font-size:calc(12px * var(--ui-scale, 1));color:var(--accent-primary, #4a9eff)}.web-trial-locked-content{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.viewport-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--viewport-bg)}.viewport-stage--gestures{touch-action:none;cursor:grab}.viewport-stage--gestures.viewport-stage--space-pan,.viewport-stage--gestures.viewport-stage--panning{cursor:grabbing}.viewport-stage-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.artboard-frame{position:relative;flex-shrink:0;width:var(--artboard-w, auto);height:var(--artboard-h, auto);background-color:var(--artboard-bg, transparent);transform:translate(var(--artboard-tx, 0),var(--artboard-ty, 0)) scale(var(--artboard-scale, 1));transform-origin:center center;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.visually-hidden-input{display:none}.artboard-frame .artboard{width:100%;height:100%;display:block}.artboard-frame canvas{display:block}.up-effect-chain-item.web-trial-chain-locked{opacity:.45}.update-notification{box-sizing:border-box;width:min(calc(300px * var(--ui-scale, 1)),calc(100vw - 2 * var(--spacing-md, 16px)))!important;max-width:min(calc(300px * var(--ui-scale, 1)),calc(100vw - 2 * var(--spacing-md, 16px)))!important;overflow:hidden!important;align-items:flex-start!important}.update-notification-content{min-width:0!important;overflow:hidden!important}.update-notification-title,.update-notification-version{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.update-notification{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);z-index:10000;display:flex;align-items:flex-start;gap:var(--spacing-sm);box-sizing:border-box;width:min(calc(300px * var(--ui-scale, 1)),calc(100vw - 2 * var(--spacing-md, 16px)));max-width:min(calc(300px * var(--ui-scale, 1)),calc(100vw - 2 * var(--spacing-md, 16px)));overflow:hidden;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);padding:calc(10px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.update-notification-close{background:transparent;border:none;color:var(--text-muted);font-size:calc(16px * var(--ui-scale, 1));line-height:1;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;flex-shrink:0;margin-top:calc(1px * var(--ui-scale, 1))}.update-notification-close:hover{color:var(--text-main)}.update-notification-content{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.update-notification-title{margin:0;padding:0;font-size:var(--font-size-label);font-weight:600;color:var(--text-main);line-height:1.35;white-space:normal;overflow-wrap:anywhere}.update-notification-version{margin:0;padding:0;font-size:var(--font-size-value);color:var(--text-muted);line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.update-progress-track{width:100%;height:calc(4px * var(--ui-scale, 1));background:var(--accent-empty);border-radius:calc(2px * var(--ui-scale, 1));overflow:hidden}.update-progress-bar{height:100%;background:var(--text-main);border-radius:calc(2px * var(--ui-scale, 1));transition:width .15s ease}.update-notification-button{background:var(--accent-empty);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-control);padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:var(--font-size-value);font-weight:400;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.update-notification-button:hover{background:var(--panel-header-bg);border-color:#ffffff26}.update-notification-button:active{transform:scale(.98)}.update-notification-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-cream .update-notification{background:var(--panel-bg);border-color:var(--border-color)}.theme-cream .update-notification-button{background:var(--accent-empty);border-color:var(--border-color)}.theme-cream .update-notification-button:hover{background:var(--panel-header-bg)}.mobile-panel-stack,.effects-compact-body{display:contents}@media(max-width:1023px){html,body,#root{height:100dvh}.app-layout.compact-layout:not(.playground-active){display:flex!important;flex-direction:column;grid-template-columns:1fr!important;height:100%;min-height:0;overflow:hidden;padding-top:0}.effects-compact-body{position:fixed;inset:0;top:var(--chrome-bar-height);width:100%;display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden;z-index:1}.effects-compact-body .viewport-container{flex:1 1 0;min-height:0;width:100%;height:auto;grid-column:unset;grid-row:unset}.mobile-panel-stack{display:flex;flex-direction:column;flex-shrink:0;width:100%;min-height:0}.effects-compact-body .mobile-panel-stack{flex:0 0 42vh;max-height:50vh;border-top:1px solid var(--border-color);overflow:hidden}.effects-compact-body .mobile-panel-stack .unified-panel-wrapper{flex:1 1 auto;width:100%;min-height:0;max-height:none;grid-column:unset;grid-row:unset;border-top:none;overflow:hidden}.app-layout.compact-layout:not(.playground-active) .unified-panel{width:100%;min-width:0;max-width:none;height:100%}.compact-layout .kt-body{flex-direction:column;flex:1 1 0;min-height:0}.compact-layout .kt-canvas-area{flex:1 1 0;min-height:0}.compact-layout .kt-panel-wrapper{flex:0 0 42vh;width:100%;min-height:180px;max-height:50vh;border-top:1px solid var(--border-color);overflow:hidden;position:relative!important;grid-column:unset!important;grid-row:unset!important}.compact-layout .kt-panel-wrapper .unified-panel{width:100%;min-width:0;max-width:none;height:100%}.compact-layout .kt-workspace{min-height:0}.mobile-panel-dock{flex:0 0 auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(4px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));padding-bottom:calc(4px * var(--ui-scale, 1));border:none;border-top:1px solid var(--border-color);background:var(--panel-bg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:40}.mobile-panel-dock-pill{display:inline-flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1));min-height:calc(28px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border-radius:calc(999px * var(--ui-scale, 1));background:var(--panel-header-bg);color:var(--text-passive);font-size:calc(11px * var(--ui-scale, 1));font-weight:500;font-family:inherit;transition:background-color .15s ease,color .15s ease}.mobile-panel-dock-handle{width:calc(28px * var(--ui-scale, 1));height:calc(3px * var(--ui-scale, 1));border-radius:calc(999px * var(--ui-scale, 1));background:var(--text-passive);opacity:.35;flex-shrink:0}.mobile-panel-dock-label{white-space:nowrap}.mobile-panel-dock-icon{font-size:calc(16px * var(--ui-scale, 1));opacity:.8}.mobile-panel-dock--expanded .mobile-panel-dock-pill{color:var(--text-main)}.mobile-panel-dock:active .mobile-panel-dock-pill{background:var(--state-hover-bg)}@media(max-width:480px){.mobile-panel-dock-handle{display:none}.mobile-panel-dock-pill{min-height:calc(26px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}}.kt-workspace .mobile-panel-dock{flex-shrink:0}.effects-compact-body .mobile-panel-stack--collapsed{flex:0 0 0;min-height:0;max-height:0;overflow:hidden;border-top:none}.effects-compact-body.settings-panel-closed .mobile-panel-dock{position:fixed;left:0;right:0;bottom:0;z-index:95;padding-bottom:calc(6px * var(--ui-scale, 1) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #00000040}.effects-compact-body.settings-panel-closed .viewport-container{padding-bottom:calc(40px * var(--ui-scale, 1) + env(safe-area-inset-bottom,0px))}.compact-layout .kt-workspace.settings-panel-closed .mobile-panel-dock{position:fixed;left:0;right:0;bottom:0;z-index:95;padding-bottom:calc(6px * var(--ui-scale, 1) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #00000040;background:var(--panel-bg)}.compact-layout .kt-workspace.settings-panel-closed .kt-canvas-area{padding-bottom:calc(40px * var(--ui-scale, 1) + env(safe-area-inset-bottom,0px))}.unified-panel-wrapper.mobile-panel-collapsed,.kt-panel-wrapper.mobile-panel-collapsed{flex:0 0 0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;opacity:0;visibility:hidden;pointer-events:none;border-top-width:0!important}.kt-panel-wrapper.mobile-panel-collapsed{flex:0 0 0!important;min-height:0!important;max-height:0!important}.top-bar-center:not(:has(.top-bar-export-progress)):not(:has(.top-bar-loading)){display:none}.top-bar-center{transform:none!important}.top-bar-breadcrumb-project,.top-bar-breadcrumb-separator{display:none}.top-bar-breadcrumb{max-width:calc(200px * var(--ui-scale, 1))}.top-bar-breadcrumb-file{max-width:calc(140px * var(--ui-scale, 1))}.top-bar-compact-hidden{display:none!important}.top-bar-overflow-wrap{position:relative;display:flex;align-items:center}.top-bar-overflow-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:calc(200px * var(--ui-scale, 1));max-width:calc(280px * var(--ui-scale, 1));background:var(--surface-floating);border:1px solid var(--border-floating);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000080;padding:calc(4px * var(--ui-scale, 1));z-index:200;animation:top-bar-overflow-in .12s ease-out}@keyframes top-bar-overflow-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.top-bar-overflow-item{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));width:100%;padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-family:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.top-bar-overflow-item:hover:not(:disabled){background:var(--state-hover-bg)}.top-bar-overflow-item:disabled{opacity:.45;cursor:not-allowed}.top-bar-overflow-item.active{color:var(--accent-primary)}.top-bar-overflow-separator{height:1px;margin:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:var(--border-color)}.top-bar-sp-library-label{display:none}.viewport-container .zoom-controls{opacity:1;pointer-events:auto}.zoom-btn{width:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1));min-width:36px;min-height:36px}.zoom-display{min-height:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1))}.compact-layout{--compact-track-height: 36px;--compact-label-basis: 42%}.compact-layout .unified-panel .slider-container,.compact-layout .unified-panel .up-slider-row,.compact-layout .unified-panel .up-palette-row,.compact-layout .unified-panel .up-add-palette-row{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));width:100%;min-width:0}.compact-layout .unified-panel .slider-label,.compact-layout .unified-panel .up-slider-label,.compact-layout .unified-panel .up-palette-label,.compact-layout .unified-panel .up-add-palette-label{flex:0 0 var(--compact-label-basis);max-width:46%;min-width:0;margin-right:0!important}.compact-layout .unified-panel .slider-track-wrapper,.compact-layout .unified-panel .up-palette-row>.gradient-palette-bar,.compact-layout .unified-panel .up-add-palette-row>.up-palette-grid{flex:1 1 0;width:auto!important;min-width:0;max-width:none}.compact-layout .unified-panel .slider-track,.compact-layout .unified-panel .up-slider-track,.compact-layout .unified-panel .up-input-track,.compact-layout .unified-panel .up-color-track,.compact-layout .unified-panel .gradient-palette-bar,.compact-layout .unified-panel .up-palette-bar{width:100%!important;flex:1 1 auto!important;height:var(--compact-track-height)!important;min-height:var(--compact-track-height)}.compact-layout .unified-panel .slider-input,.compact-layout .unified-panel .up-slider-input{height:100%}.compact-layout .unified-panel .slider-divider,.compact-layout .unified-panel .slider-divider-line,.compact-layout .unified-panel .slider-background,.compact-layout .unified-panel .up-slider-input::-webkit-slider-thumb,.compact-layout .unified-panel .up-slider-input::-moz-range-thumb{height:var(--compact-track-height)}.compact-layout .unified-panel .up-palette-grid{width:auto!important;gap:calc(10px * var(--ui-scale, 1))}.compact-layout .unified-panel .up-palette-swatch,.compact-layout .unified-panel .up-palette-add-btn{width:44px;height:44px;min-width:44px;min-height:44px}.gradient-palette-bar--touch{min-height:44px;height:44px;touch-action:manipulation}.gradient-palette-bar--touch .gradient-palette-segment{min-width:8px;touch-action:manipulation}.gradient-palette-bar--touch .gradient-palette-segment:hover{transform:none;box-shadow:none}.gradient-palette-bar--touch .gradient-palette-segment-selected{outline:2px solid var(--accent-primary);outline-offset:-2px;z-index:2}.sp-body{flex-direction:column}.sp-code-pane{flex:0 0 42vh;width:100%;max-width:none;border-top:1px solid var(--border-color)}.sp-split-handle{display:none}.compact-layout .tl3-panel{flex-shrink:0;max-height:38vh}.compact-layout .tl3-panel .tl3-body{max-height:calc(38vh - var(--timeline-header-height));overflow:auto}.tl3-header{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tl3-header::-webkit-scrollbar{display:none}.tl3-transport{flex-shrink:0}}@media(max-width:767px){.effects-compact-body .mobile-panel-stack:not(.mobile-panel-stack--collapsed),.compact-layout .kt-panel-wrapper:not(.mobile-panel-collapsed){flex-basis:45vh;max-height:52vh}.top-bar.top-bar-mobile{grid-template-columns:minmax(0,1fr) auto;padding-left:calc(8px * var(--ui-scale, 1));padding-right:calc(8px * var(--ui-scale, 1))}.top-bar-mobile .top-bar-left{min-width:0;flex:1 1 auto;overflow:hidden}.top-bar-mobile .top-bar-back-link{flex-shrink:1;min-width:0;padding:0 calc(6px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1))}.top-bar-mobile .top-bar-back-link span{overflow:hidden;text-overflow:ellipsis}.top-bar-mobile .top-bar-app-menu-btn{padding:0 calc(6px * var(--ui-scale, 1))}.top-bar-mobile .top-bar-app-menu-arrow{display:none}.top-bar-mobile .top-bar-kinetic-group,.top-bar-mobile .top-bar-playground-group,.top-bar-mobile .top-bar-playground-controls-divider,.top-bar-mobile .top-bar-kinetic-preset-group,.top-bar-mobile .top-bar-playground-btn-group,.top-bar-mobile .top-bar-action-group .top-bar-playground-btn-group{display:none!important}.top-bar-mobile .top-bar-preset-group,.top-bar-mobile .top-bar-compare-group{position:fixed;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden}.top-bar-mobile .top-bar-right{flex-shrink:0;gap:calc(4px * var(--ui-scale, 1))}.top-bar-mobile .top-bar-export-btn{min-width:0;padding:0 calc(10px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1))}.top-bar-mobile .top-bar-hamburger-btn{width:calc(32px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1))}.top-bar-mobile .top-bar-overflow-menu--sheet{position:fixed;top:calc(var(--chrome-bar-height, 40px) + 8px);right:calc(8px * var(--ui-scale, 1));left:calc(8px * var(--ui-scale, 1));min-width:0;max-width:none;max-height:min(60vh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch}.top-bar-mobile .top-bar-preset-menu,.top-bar-mobile .top-bar-compare-menu{position:fixed!important;top:calc(var(--chrome-bar-height, 40px) + 8px)!important;left:calc(8px * var(--ui-scale, 1))!important;right:calc(8px * var(--ui-scale, 1))!important;width:auto!important;min-width:0!important;max-width:none!important;z-index:260}.top-bar-center{display:none!important}.top-bar-center:has(.top-bar-export-progress),.top-bar-center:has(.top-bar-loading){display:flex!important;min-width:0;flex:1}.top-bar-shader-name-input{max-width:100%}.top-bar-compare-group,.top-bar-three3d-group{display:none}.sp-code-pane{flex-basis:45vh}.preferences-body{flex-direction:column}.preferences-sidebar{width:100%;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border-color)}.preferences-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:6px 8px;gap:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.preferences-nav::-webkit-scrollbar{display:none}.preferences-nav-item{flex-shrink:0;width:auto;white-space:nowrap}.preferences-panel{width:min(880px,100vw);height:min(620px,92vh)}.preferences-overlay{padding:12px}.model-panel{inset:var(--chrome-bar-height) 0 0 0!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-width:0!important;min-height:0!important;border-radius:0!important;border-left:none;border-right:none;border-bottom:none}}@media(hover:none){.viewport-container .zoom-controls{opacity:1;pointer-events:auto}}@media(max-width:1023px){.top-bar-overflow-only{display:flex!important}}@media(min-width:1024px){.top-bar-overflow-wrap{display:none!important}}input,textarea,.cm-content{user-select:text!important;-webkit-user-select:text!important}.app-layout.playground-active{grid-template-columns:1fr}.app-layout.playground-active .unified-panel-wrapper{display:none}.app-layout.playground-active .sp-workspace{min-height:0;height:100%}.app-layout.kinetic-active{grid-template-columns:1fr}.sp-status-bar{position:absolute;bottom:calc(8px * var(--ui-scale, 1));left:calc(12px * var(--ui-scale, 1));display:flex;gap:12px;font-size:11px;color:var(--text-passive);pointer-events:none}.sp-status-error{color:#ef5350}.sp-editor-stack{flex:1;min-height:0;display:flex;flex-direction:column}.sp-code-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border-color);flex-shrink:0}.sp-code-tabs{display:flex;gap:4px}.sp-code-tab{border:none;background:transparent;color:var(--text-passive);font-size:12px;padding:4px 10px;border-radius:var(--radius-control);cursor:pointer}.sp-code-tab.active{background:var(--state-active-bg);color:var(--text-main)}.sp-uniforms-panel{flex-shrink:0;max-height:40%;overflow-y:auto;padding:8px 10px;border-top:1px solid var(--border-color)}.sp-uniforms-row{margin-bottom:8px}.sp-uniforms-label{display:block;font-size:11px;color:var(--text-passive);margin-bottom:4px}.effect-chain-drag-overlay{pointer-events:none}.up-text-input{width:100%;padding:8px 10px;border-radius:var(--radius-control);border:1px solid var(--border-color);background:var(--surface-control);color:var(--text-main);font-family:var(--font-family);font-size:13px}