*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-tertiary:#dfe3ee;--bg-hover:#dfe3ee;--text-primary:#1e1e1e;--text-secondary:#3b5998;--text-muted:#8b9dc3;--border-color:#dfe3ee;--accent-color:#3b5998;--accent-hover:#2d4373;--primary:#3b5998;--primary-light:#3b59981a;--success-color:#42b883;--warning-color:#f59e0b;--danger-color:#ef4444;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 40px #00000026;--shadow-xl:0 20px 60px #0003;--accent-color-rgb:59,89,152;--success-color-rgb:66,184,131;--warning-color-rgb:245,158,11;--danger-color-rgb:239,68,68;--text-muted-rgb:139,157,195}[data-theme=dark]{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d30;--bg-hover:#3e3e42;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#8b8b8b;--border-color:#3e3e42;--accent-color:#007acc;--accent-hover:#0098ff;--primary:#007acc;--primary-light:#007acc1a;--success-color:#89d185;--warning-color:#ddb700;--danger-color:#f48771;--shadow:0 2px 8px #0006;--shadow-lg:0 10px 40px #0009;--shadow-xl:0 20px 60px #000c;--accent-color-rgb:0,122,204;--success-color-rgb:137,209,133;--warning-color-rgb:221,183,0;--danger-color-rgb:244,135,113;--text-muted-rgb:139,139,139}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#dfe3ee;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#8b9dc3;background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b5998;background:var(--text-secondary)}.custom-select-wrapper{min-width:140px;position:relative}.custom-select-wrapper.sort-dropdown{min-width:120px}.custom-select-btn{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #dfe3ee;border:1px solid var(--border-color);border-radius:4px;color:#1e1e1e;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:space-between;overflow:hidden;padding:8px 32px 8px 12px;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.custom-select-btn:focus,.custom-select-btn:hover:not(:disabled){border-color:#3b5998;border-color:var(--accent-color)}.custom-select-btn:focus{box-shadow:0 0 0 3px #3b59981a;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.custom-select-btn:disabled{cursor:not-allowed;opacity:.6}.custom-select-btn .select-text{flex:1 1;overflow:hidden;text-overflow:ellipsis}.custom-select-btn .select-icon{color:#8b9dc3;color:var(--text-muted);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.custom-select-btn.open .select-icon{transform:translateY(-50%) rotate(180deg)}.custom-select-menu{background:#fff;background:var(--bg-primary);border:1px solid #dfe3ee;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);left:0;max-height:280px;min-width:100%;opacity:0;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:1000}.custom-select-menu.open{opacity:1;transform:translateY(0);visibility:visible}.custom-select-option{align-items:center;background:#0000;border:none;color:#1e1e1e;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.custom-select-option:hover{background:#dfe3ee;background:var(--bg-hover)}.custom-select-option.selected{background:#3b59981a;background:rgba(var(--accent-color-rgb),.1);color:#3b5998;color:var(--accent-color);font-weight:500}.custom-select-option-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.custom-select-option-description{color:#8b9dc3;color:var(--text-muted);font-size:11px;font-weight:400;line-height:1.5;white-space:normal}.custom-select-option:first-child{border-radius:4px 4px 0 0}.custom-select-option:last-child{border-radius:0 0 4px 4px}.custom-select-option:only-child{border-radius:4px}.sort-controls-custom{align-items:center;display:flex;gap:0}.sort-controls-custom .custom-select-wrapper{min-width:130px}.sort-controls-custom .custom-select-btn{border-radius:4px 0 0 4px;border-right:none}.sort-controls-custom .sort-order-btn{background:#fff;background:var(--bg-primary);border:1px solid #dfe3ee;border:1px solid var(--border-color);border-radius:0 4px 4px 0;color:#1e1e1e;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 10px;transition:all .2s ease}.sort-controls-custom .sort-order-btn:hover{background:#dfe3ee;background:var(--bg-hover);color:#3b5998;color:var(--accent-color)}[data-theme=dark] .custom-select-menu{background:#f7f7f7;background:var(--bg-secondary);border-color:#dfe3ee;border-color:var(--border-color);box-shadow:0 10px 40px #00000080}.sidebar{background:var(--bg-primary);box-sizing:border-box;display:flex;flex:0 0 280px;flex-direction:column;min-height:0;overflow:hidden;padding:24px 0 8px;position:relative;transition:width .3s ease,flex-basis .3s ease;width:280px}.sidebar.collapsed{flex-basis:46px;width:46px}.sidebar:before{background:var(--accent-color);content:"";height:100%;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;width:1px;z-index:1}.sidebar-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 8px 6px}.sidebar.collapsed .sidebar-nav{padding-left:0;padding-right:0}.sidebar-group{display:flex;flex:0 0 auto;flex-direction:column;min-width:0}.sidebar-group--primary{margin-bottom:8px}.sidebar-group-header{padding:4px 8px 7px}.sidebar-group--primary .sidebar-group-header{padding:8px 12px 6px}.sidebar-group-name{color:var(--text-secondary);color:var(--text-tertiary,var(--text-secondary));font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1;opacity:.7;text-transform:uppercase}.sidebar-group-tabs{display:flex;flex-direction:column;gap:3px}.sidebar-group--primary .sidebar-group-tabs{gap:1px}.sidebar-group--primary .sidebar-group-name{line-height:normal}.sidebar-auxiliary-groups{display:flex;flex:0 0 auto;flex-direction:column;gap:0;margin-top:auto;padding-top:0}.sidebar-group--compact+.sidebar-group--compact{margin-top:7px;padding-top:0}.sidebar-group-header--compact{background:var(--border-color);height:1px;margin:0 0 9px;padding:0;position:relative}.sidebar-group-header--compact .sidebar-group-name{background:var(--bg-primary);font-size:9px;font-weight:600;left:8px;letter-spacing:.4px;line-height:1;opacity:.52;padding:0 5px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-tab{align-items:center;background:#0000;border:none;border-radius:4px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;font:inherit;margin:0;min-width:0;overflow:hidden;position:relative;text-align:left;transition:all .15s ease;width:100%}.sidebar-tab>svg:first-child{flex:0 0 auto}.sidebar-tab--primary{gap:2px;margin:0 4px 0 8px;min-height:0;padding:0 16px;width:calc(100% - 12px)}.sidebar-tab--compact{gap:8px;margin:0 4px 0 8px;min-height:32px;padding:5px 9px;width:calc(100% - 12px)}.sidebar.collapsed .sidebar-tab{gap:0;justify-content:center;margin:0;padding:0;width:100%}.sidebar.collapsed .sidebar-tab--primary{gap:0;margin:0;min-height:0;padding:14px 0;width:100%}.sidebar.collapsed .sidebar-tab--compact{min-height:32px}.sidebar-tab:before{background:var(--accent-color);bottom:0;content:"";left:0;position:absolute;top:0;transform:translateX(-3px);transition:transform .15s ease;width:3px}.sidebar-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-tab--primary:hover{padding-left:20px}.sidebar-tab--compact:hover{padding-left:13px}.sidebar.collapsed .sidebar-tab--primary:hover{padding-left:0}.sidebar-tab.active:before,.sidebar-tab:hover:before{transform:translateX(0)}.sidebar-collapse-button:focus-visible,.sidebar-tab:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.sidebar-tab.locked{color:var(--text-secondary);color:var(--text-tertiary,var(--text-secondary));opacity:.7}.sidebar-tab.locked.active,.sidebar-tab.locked:hover{opacity:1}.sidebar-tab.active{background:var(--accent-color);color:#fff;font-weight:600}.sidebar-tab.active:before{background:#fff;width:3px}.sidebar-tab.active:hover{background:var(--accent-hover)}.sidebar-tab-content{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;padding:0}.sidebar-tab--primary .sidebar-tab-content{flex:0 1 auto;padding:24px}.sidebar-tab-label-row{align-items:center;display:flex;gap:7px;min-width:0}.sidebar-tab--primary .sidebar-tab-label-row{gap:8px}.sidebar-tab-label{font-size:14px;font-weight:500;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tab--compact .sidebar-tab-label{font-size:12.5px;line-height:1.1}.sidebar-tab--primary .sidebar-tab-label{overflow:visible;text-overflow:clip;white-space:normal}.sidebar-tab-plan-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);flex:0 0 auto;font-size:10px;font-weight:700;line-height:1;padding:2px 6px}.sidebar-tab.active .sidebar-tab-plan-badge{background:#ffffff2e;border-color:#ffffff5c;color:#fff}.sidebar-tab-lock-icon{flex:0 0 auto;margin-left:auto;opacity:.75}.sidebar.collapsed .sidebar-tab-lock-icon{bottom:4px;margin-left:0;position:absolute;right:4px}.sidebar.collapsed .sidebar-tab--primary .sidebar-tab-lock-icon{bottom:8px;right:7px}.sidebar-tab-description{font-size:12px;line-height:1.2;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tab--primary .sidebar-tab-description{overflow:visible;text-overflow:clip;white-space:normal}.sidebar-navigation-footer{display:flex;flex:0 0 auto;justify-content:flex-end;padding:7px 8px 0}.sidebar.collapsed .sidebar-navigation-footer{justify-content:center;padding-left:4px;padding-right:4px}.sidebar-collapse-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:32px}.sidebar-collapse-button:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-collapse-button,.sidebar-tab,.sidebar-tab:before{transition:none}}.segmented-player{background:#000;border-radius:4px;display:block!important;height:400px;overflow:hidden;position:relative;width:100%}.segmented-player video{display:block;height:100%;object-fit:contain;opacity:1;position:relative;visibility:visible;width:100%}.segmented-player video[hidden]{display:none!important}.segmented-player-empty,.segmented-player-error,.segmented-player-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.segmented-player-empty svg,.segmented-player-error svg{color:#555;margin-bottom:16px}.segmented-player-loading svg{color:#4a9eff;margin-bottom:16px}.segmented-player-overlay{align-items:center;background:#0000;border-radius:4px;display:flex;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.segmented-player-overlay svg{color:#4a9eff}.player-overlay-controls{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.player-overlay-controls.visible{opacity:1;pointer-events:auto}.overlay-control.play-pause{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:70px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:70px}.overlay-control.play-pause:hover{background:#000c;border-color:#4a9eff;transform:translate(-50%,-50%) scale(1.1)}.overlay-control-bar{align-items:center;bottom:20px;display:flex;gap:8px;position:absolute;right:20px}.volume-control{align-items:center;display:flex;gap:10px;position:relative}.fullscreen-btn,.volume-control button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;height:36px;justify-content:center;padding:10px;transition:all .2s ease;width:36px}.fullscreen-btn:hover,.volume-control button:hover{background:#000c;color:#fff;transform:scale(1.1)}.volume-slider{appearance:none;background:#fff3;border-radius:4px;height:4px;opacity:0;outline:none;transition:all .3s ease;width:0}.volume-control:hover .volume-slider,.volume-slider:focus{margin-left:5px;opacity:1;width:100px}.volume-slider::-webkit-slider-thumb{appearance:none;background:#4a9eff;border-radius:50%;box-shadow:0 0 4px #4a9eff80;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:#4a9eff;border-radius:50%;box-shadow:0 0 4px #4a9eff80;cursor:pointer;height:14px;width:14px}.segmented-player:fullscreen{background:#000}.segmented-player:fullscreen .overlay-control-bar{bottom:30px;left:30px;padding:15px 20px;right:30px}.segmented-player:fullscreen .overlay-control.play-pause{height:90px;width:90px}.segmented-player button:focus,.segmented-player input:focus{outline:none}.granted-preview-fill,.granted-preview-image__container,.granted-segment-preview{height:100%;position:relative;width:100%}.granted-hover-preview{height:101px;position:relative;width:180px}.granted-preview-image__container{overflow:hidden}.preview-viewport-tile-placeholder,.preview-viewport-tile-shell{aspect-ratio:1;width:100%}.preview-viewport-tile-shell{background:var(--bg-tertiary);border-radius:4px;margin:8px 0 0;min-width:0;overflow:hidden}.preview-viewport-tile-shell>.video-tile{height:100%;margin:0}.granted-preview-image__container>.granted-preview-image__asset{inset:0;position:absolute}.granted-preview-image__poster{opacity:1;transition:opacity .14s ease-out;z-index:0}.granted-preview-image__animation{opacity:0;transition:opacity .14s ease-out;z-index:1}.granted-preview-image__container--animation-ready>.granted-preview-image__animation--ready{opacity:1}.granted-preview-image__container--animation-ready>.granted-preview-image__poster{opacity:0}@media (prefers-reduced-motion:reduce){.granted-preview-image__animation,.granted-preview-image__poster{transition:none}}.segmented-timeline-container{background:#0000;border-radius:4px;margin-top:0;padding:0 15px 4px;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.timeline-hover-preview{bottom:100%;margin-bottom:15px;pointer-events:none;position:absolute;z-index:100}.hover-preview-video{background:#000;border-radius:4px;display:block;height:101px;object-fit:contain;width:180px}.hover-preview-time-only{background:#000000e6;border-radius:4px 0 4px 4px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:600;padding:6px 12px;text-align:center;white-space:nowrap}.hover-preview-content{background:linear-gradient(135deg,#1e1e1e,#151515);border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 8px 24px #000000b3;padding:3px}.hover-preview-gif{background:#000;border-radius:4px;display:block;height:101px;object-fit:cover;width:180px}.hover-preview-placeholder{align-items:center;background:#0a0a0a;border-radius:4px;color:#666;display:flex;font-size:12px;height:101px;justify-content:center;width:180px}.hover-preview-time{background:#000c;border-radius:4px 0 3px 3px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:11px;font-weight:600;padding:6px;text-align:center}.timeline-bar-container{cursor:pointer;height:40px;margin:2px 0;padding:12px 0;position:relative;z-index:5}.timeline-bar-container.dragging{cursor:grabbing}.timeline-bar{background:#ffffff26;border-radius:3px;height:6px;overflow:visible;position:relative}.timeline-segment-boundary{border-right:1px solid #fff3;height:100%;pointer-events:none;position:absolute;top:0;z-index:1}.timeline-segment-marker{background:linear-gradient(180deg,#ffffffe6,#ffffffb3,#ffffffe6);border-radius:4pxpx;box-shadow:0 0 4px #ffffff80,0 0 8px #0000004d;height:calc(100% + 20px);pointer-events:none;position:absolute;top:-10px;width:2px;z-index:10}.timeline-progress{background:linear-gradient(90deg,#06f,#4a9eff 50%,#66b3ff);box-shadow:0 0 8px #4a9eff4d;height:100%;left:0;top:0}.timeline-playhead,.timeline-progress{border-radius:4px;pointer-events:none;position:absolute;transition:none}.timeline-playhead{background:#fff;box-shadow:0 0 0 1px #0000004d,0 2px 8px #00000080,0 0 12px #4a9eff80;height:22px;top:-6px;transform:translateX(-50%);width:4px}.timeline-playhead:before{background:#0000;border-radius:4px;content:"";height:30px;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:12px}.timeline-bar-container:hover .timeline-playhead{box-shadow:0 0 0 1px #0000004d,0 2px 12px #000000b3,0 0 20px #4a9effcc}.timeline-controls{align-items:center;display:flex;justify-content:space-between;margin-top:12px;padding:0}.timeline-time-display{font-feature-settings:"tnum";align-items:center;color:#fff9;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;justify-content:center;margin-top:4px}.current-time{color:#ffffffe6;font-weight:500}.time-separator{color:#ffffff4d;margin:0 6px}.total-time{color:#ffffff80}.timeline-buttons{align-items:center;display:flex;gap:6px}.timeline-control-btn{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #333;border-radius:4px;color:#bbb;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:8px 10px;transition:all .2s}.timeline-control-btn:hover{background:linear-gradient(135deg,#333,#222);border-color:#444;box-shadow:0 2px 8px #0000004d;color:#fff;transform:translateY(-1px)}.timeline-control-btn:active{box-shadow:0 1px 3px #0000004d;transform:translateY(0)}.timeline-control-btn svg{height:16px;width:16px}.timeline-segment-info{display:none}.timeline-bar,.timeline-playhead,.timeline-progress{will-change:transform,width,left}@media (max-width:768px){.hover-preview-gif,.hover-preview-placeholder{height:79px;width:140px}.timeline-buttons{gap:4px}.timeline-control-btn{padding:6px 8px}.timeline-control-btn svg{height:14px;width:14px}}.marker-editor{position:relative}.marker-editor,.marker-trigger{align-items:center;display:inline-flex}.marker-trigger{background:#0000;border:none;cursor:pointer;gap:3px;justify-content:center;padding:0;transition:transform .15s ease}.marker-trigger:hover:not(:disabled){transform:scale(1.15)}.marker-trigger:active:not(:disabled){transform:scale(.95)}.marker-trigger:disabled{cursor:not-allowed;opacity:.4}.marker-dot{background:#0000;border:2px solid #fff9;border-radius:50%;box-shadow:0 1px 3px #0000004d;box-sizing:border-box;height:14px;transition:all .15s ease;width:14px}.marker-trigger.is-empty .marker-dot{background:#0000;border-color:#ffffff80}.marker-trigger.is-empty:hover .marker-dot{border-color:#fffc;box-shadow:0 0 8px #ffffff4d}.marker-trigger.is-red .marker-dot{background:#ef4444;border-color:#ef4444}.marker-trigger.is-orange .marker-dot{background:#f97316;border-color:#f97316}.marker-trigger.is-yellow .marker-dot{background:#eab308;border-color:#eab308}.marker-trigger.is-green .marker-dot{background:#22c55e;border-color:#22c55e}.marker-trigger.is-blue .marker-dot{background:#3b82f6;border-color:#3b82f6}.marker-trigger.is-gray .marker-dot{background:#6b7280;border-color:#6b7280}.marker-note-icon{color:#ffffffb3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.marker-popover{animation:markerFadeIn .12s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 30px #0000001f;padding:12px;position:fixed;width:240px;z-index:2500}@keyframes markerFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .marker-popover{box-shadow:0 8px 30px #00000059}.marker-popover-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.marker-popover-title{color:var(--text-primary);font-size:13px;font-weight:600}.marker-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .1s ease;width:24px}.marker-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.marker-section{margin-bottom:12px}.marker-section:last-of-type{margin-bottom:10px}.marker-section-label{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.marker-colors{display:flex;gap:6px}.marker-color{border:none;border-radius:50%;cursor:pointer;height:28px;position:relative;transition:transform .1s ease;width:28px}.marker-color:hover:not(:disabled){transform:scale(1.12)}.marker-color:active:not(:disabled){transform:scale(.95)}.marker-color:disabled{cursor:not-allowed;opacity:.4}.marker-color.selected{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}[data-theme=dark] .marker-color.selected{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px #fff9}.marker-color.red{background:#ef4444}.marker-color.orange{background:#f97316}.marker-color.yellow{background:#eab308}.marker-color.green{background:#22c55e}.marker-color.blue{background:#3b82f6}.marker-color.gray{background:#6b7280}.marker-note{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.4;min-height:64px;padding:8px 10px;resize:none;transition:border-color .1s ease;width:100%}.marker-note::placeholder{color:var(--text-muted)}.marker-note:focus{border-color:var(--accent-color);outline:none}.marker-note:disabled{cursor:not-allowed;opacity:.5}.marker-error{color:var(--danger-color);font-size:11px;margin-bottom:8px}.marker-actions{display:flex;gap:6px;justify-content:flex-end}.marker-btn{background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;height:28px;padding:0 12px;transition:all .1s ease}.marker-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.marker-btn:disabled{cursor:not-allowed;opacity:.5}.marker-btn.primary{background:var(--accent-color);color:#fff}.marker-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.marker-btn.secondary{background:#0000;color:var(--text-muted)}.marker-btn.secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.segment-preview-gallery{--segment-preview-gallery-height:248px;grid-gap:8px;align-content:start;display:grid;gap:8px;grid-auto-rows:112px;grid-template-columns:repeat(auto-fill,112px);justify-content:start;list-style:none;margin:0 0 10px;max-height:var(--segment-preview-gallery-height);overflow-x:hidden;overflow-y:auto;padding:2px 6px 2px 2px;position:relative;scrollbar-color:var(--text-muted) #0000;scrollbar-width:thin;width:100%}.segment-preview-gallery--stable{height:var(--segment-preview-gallery-height)}.segment-preview-gallery__empty{display:grid;inset:0;overflow:auto;padding:20px;place-items:center;position:absolute}.segment-preview-gallery::-webkit-scrollbar{width:6px}.segment-preview-gallery::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:999px}.segment-preview-gallery__item{min-height:0;min-width:0;position:relative}.segment-preview-gallery__button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:inherit;cursor:pointer;display:block;font:inherit;height:100%;min-width:0;overflow:hidden;padding:0;position:relative;text-align:left;text-align:initial;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;width:100%}.segment-preview-gallery__button:hover{border-color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.segment-preview-gallery__button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.segment-preview-gallery__button.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.24)}.segment-preview-gallery__time{font-feature-settings:"tnum";background:#0c1017d6;border-radius:3px;bottom:7px;color:#fff;font-size:10px;font-variant-numeric:tabular-nums;font-weight:600;left:4px;line-height:1.3;max-width:calc(100% - 8px);padding:2px 4px;pointer-events:none;position:absolute;white-space:nowrap;z-index:2}.segment-preview-gallery__actions{align-items:center;display:flex;gap:4px;position:absolute;right:5px;top:5px;z-index:4}.segment-preview-gallery__action{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1017c7;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;height:24px;justify-content:center;opacity:.88;padding:0;transition:opacity .15s ease,background-color .15s ease;width:24px}.segment-preview-gallery__item:focus-within .segment-preview-gallery__action:not(:disabled),.segment-preview-gallery__item:hover .segment-preview-gallery__action:not(:disabled){opacity:1}.segment-preview-gallery__action:hover:not(:disabled){background:var(--accent-color)}.segment-preview-gallery__action:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:1px}.segment-preview-gallery__action:disabled{cursor:not-allowed;opacity:.45}.segment-preview-gallery__status-line{border-radius:0 0 3px 3px;bottom:1px;height:3px;left:1px;pointer-events:none;position:absolute;right:1px;z-index:3}.segment-preview-gallery__item[data-status=successful] .segment-preview-gallery__status-line{background:var(--success-color)}.segment-preview-gallery__item[data-status=pending] .segment-preview-gallery__status-line,.segment-preview-gallery__item[data-status=processing] .segment-preview-gallery__status-line{background:var(--warning-color)}.segment-preview-gallery__item[data-status=failed] .segment-preview-gallery__status-line{background:var(--danger-color)}.segment-preview-gallery__status-text{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.segment-preview-gallery__button .gif-placeholder-mini,.segment-preview-gallery__button .granted-segment-preview,.segment-preview-gallery__button .segment-gif{display:block;height:100%;width:100%}.segment-preview-gallery__button .segment-gif{object-fit:cover}@media (max-width:640px){.segment-preview-gallery{--segment-preview-gallery-height:216px;grid-auto-rows:96px;grid-template-columns:repeat(auto-fill,96px)}.segment-preview-gallery__time{font-size:9px;padding:2px 3px}}@media (prefers-reduced-motion:reduce){.segment-preview-gallery__action,.segment-preview-gallery__button{transition:none}.segment-preview-gallery__button:hover{transform:none}}.transcription-segments-container{min-width:0;width:100%}.transcription-segments-list{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:300px;overflow-x:hidden;overflow-y:auto}.transcription-segment-item{background:rgba(var(--primary-color-rgb),.04);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:6px;padding:8px 10px;transition:background-color .15s ease,border-color .15s ease}.transcription-segment-item:hover{background:rgba(var(--primary-color-rgb),.08);border-color:var(--primary-color)}.transcription-segment-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.transcription-speaker{color:var(--accent-color);font-size:11px;font-weight:600;letter-spacing:.3px;min-width:0;overflow-wrap:anywhere;text-transform:uppercase}.transcription-time{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-muted);flex-shrink:0;font-family:SF Mono,Monaco,monospace;font-size:10px;font-weight:600;line-height:1.4;padding:1px 6px;white-space:nowrap}.transcription-text{color:var(--text-primary);cursor:text;font-size:13px;line-height:1.4;margin:0;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}[data-theme=dark] .transcription-segment-item{background:#ffffff08}[data-theme=dark] .transcription-segment-item:hover{background:#ffffff14}@media (prefers-reduced-motion:reduce){.transcription-segment-item{transition:none}}.metadata-fields-view,.structured-metadata-group>.field-box>.field-right--nested,.video-level-fields{container:structured-metadata/inline-size}.metadata-fields-view,.video-level-fields{min-width:0;width:100%}.structured-metadata-group{--structured-metadata-key-max:min(12rem,38cqi);grid-row-gap:6px;display:grid;grid-template-columns:fit-content(var(--structured-metadata-key-max)) minmax(0,1fr);max-width:100%;min-width:0;row-gap:6px;width:100%}.structured-metadata-group.nested-children{--structured-metadata-key-max:min(10rem,42cqi);row-gap:4px}.structured-metadata-group>.field-box{align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:grid;grid-column:1/-1;grid-template-columns:subgrid;isolation:isolate;min-width:0;overflow:visible;position:relative}.structured-metadata-group>.field-box.nested-field{background:var(--bg-tertiary)}.structured-metadata-group>.field-box>.field-left{align-self:stretch;background:rgba(var(--primary-color-rgb),.02);border-radius:3px 0 0 3px;border-right:1px solid var(--border-color);grid-column:1;min-width:0}.structured-metadata-group>.field-box.root-field>.field-left{background:var(--bg-secondary)}.structured-metadata-group>.field-box.nested-field>.field-left{background:var(--bg-tertiary)}.structured-metadata-group>.field-box.has-score{border-color:rgba(var(--success-color-rgb),.3)}.structured-metadata-group>.field-box.has-score>.field-left{background:rgba(var(--success-color-rgb),.03)}.structured-metadata-group>.field-box.metadata-highlight{background:rgba(var(--warning-color-rgb),.09);border-color:rgba(var(--warning-color-rgb),.72);box-shadow:0 0 0 2px rgba(var(--warning-color-rgb),.14)}[data-theme=dark] .structured-metadata-group>.field-box.metadata-highlight{background:rgba(var(--warning-color-rgb),.12)}.structured-metadata-group .field-left-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;min-width:0;padding:7px 9px;position:sticky;top:8px;top:var(--metadata-key-sticky-top,8px);z-index:2}.structured-metadata-group>.field-box>.field-right{align-items:flex-start;box-sizing:border-box;display:flex;grid-column:2;max-width:100%;min-width:0;padding:7px 10px}.structured-metadata-group>.field-box>.field-right--primitive{justify-self:start;width:fit-content}.structured-metadata-group>.field-box>.field-right--nested,.structured-metadata-group>.field-box>.field-right>.nested-children{max-width:100%}.structured-metadata-group .field-key{text-wrap:balance;color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1.3;max-width:100%;min-width:0;overflow-wrap:anywhere;text-transform:capitalize;word-break:normal}.structured-metadata-group .field-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.structured-metadata-group .field-score,.structured-metadata-group .field-type{align-items:center;border-radius:3px;display:inline-flex;font-size:9px;font-weight:500;line-height:1.35;max-width:100%;overflow-wrap:anywhere;padding:1px 5px;width:fit-content}.structured-metadata-group .field-type{background:var(--bg-tertiary);color:var(--text-muted);text-transform:lowercase}.structured-metadata-group .field-type.string{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.structured-metadata-group .field-type.number{background:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.structured-metadata-group .field-type.boolean{background:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.structured-metadata-group .field-type.array{background:rgba(var(--danger-color-rgb),.1);color:var(--danger-color)}.structured-metadata-group .field-type.object{background:#8854d01a;color:#8854d0}.structured-metadata-group .field-score{background:rgba(var(--success-color-rgb),.15);color:var(--success-color);font-weight:600}.structured-metadata-group .field-value,.structured-metadata-list .field-value{color:var(--text-primary);display:inline-block;font-size:13px;line-height:1.4;max-width:100%;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;white-space:pre-wrap;width:fit-content;word-break:normal}.structured-metadata-group .field-value.field-boolean,.structured-metadata-list .field-value.field-boolean{color:var(--warning-color);font-weight:600}.structured-metadata-group .field-value.field-number,.structured-metadata-list .field-value.field-number{color:var(--success-color);font-family:SF Mono,Monaco,monospace}.structured-metadata-list{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;max-width:100%;padding:0;width:fit-content}.structured-metadata-list__item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;display:inline-flex;max-width:100%;padding:2px 6px}.structured-metadata-list__item .field-value{font-size:12px;line-height:1.35;max-width:100%}.structured-metadata-group .field-toggle{align-items:center;background:#0000;border:0;border-radius:3px;color:var(--text-muted);cursor:pointer;display:inline-flex;height:18px;justify-content:center;margin-top:1px;opacity:.65;padding:0;transition:color .15s ease,opacity .15s ease,background-color .15s ease;width:18px}.structured-metadata-group .field-toggle:focus-visible,.structured-metadata-group .field-toggle:hover{background:rgba(var(--accent-color-rgb),.08);color:var(--accent-color);opacity:1;outline:none}@supports not (grid-template-columns:subgrid){.structured-metadata-group>.field-box{grid-template-columns:fit-content(var(--structured-metadata-key-max)) minmax(0,1fr)}}@container structured-metadata (max-width: 25rem){.structured-metadata-group>.field-box{grid-template-columns:minmax(0,1fr)}.structured-metadata-group>.field-box>.field-left,.structured-metadata-group>.field-box>.field-right{grid-column:1}.structured-metadata-group>.field-box>.field-left{border-bottom:1px solid var(--border-color);border-radius:3px 3px 0 0;border-right:0}.structured-metadata-group .field-left-content{align-items:center;flex-direction:row;flex-wrap:wrap;position:static}}@media (prefers-reduced-motion:reduce){.structured-metadata-group .field-toggle{transition:none}}.search-result-detail-modal{background-color:var(--bg-primary);border-left:3px solid var(--accent-color);border-radius:4px;box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:900px;will-change:transform;z-index:2001}.search-result-detail-modal.sidebar-open{transform:translateX(0)}.search-result-detail-modal:not(.resizing){transition:transform .3s cubic-bezier(.4,0,.2,1)}.search-result-detail-modal.resizing{transition:none}.search-result-detail-modal:before{background:linear-gradient(180deg,var(--accent-color) 0,#0000 100%);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:3px}body.resizing-search-sidebar{cursor:ew-resize!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.resizing-search-sidebar *{cursor:ew-resize!important}.segment-info-header{background-color:var(--bg-secondary);border-bottom:2px solid var(--accent-color);display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:14px 20px}.header-top-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.video-title-text{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin:0;min-width:0;word-break:break-word}.export-segment-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.export-segment-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.segment-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-result-detail-modal .run-config-row{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:14px;padding-top:6px}.search-result-detail-modal .run-config-item{align-items:center;display:flex;gap:4px}.search-result-detail-modal .config-label{color:var(--text-muted);font-size:13px;font-weight:500}.search-result-detail-modal .config-value{color:var(--text-primary);font-size:13px;font-weight:600}.ops-tags-row{display:flex;flex-wrap:wrap;gap:8px}.op-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;padding:3px 10px}.op-tag,.search-score-chip{align-items:center;border-radius:4px;display:inline-flex;font-weight:500}.search-score-chip{background-color:var(--accent-color);color:#fff;font-size:13px;padding:4px 10px}.time-range{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:5px}.search-result-detail-modal .close-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.search-result-detail-modal .close-button:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.modal-content{display:flex;flex-direction:column;overflow:hidden}.video-section{align-items:center;background-color:#000;display:flex;flex:0 0 auto;flex-shrink:0;height:400px;justify-content:center;position:relative}.segment-video{height:100%;object-fit:contain;width:100%}.video-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;width:48px}.video-error{align-items:center;color:#fff;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.video-error svg{color:#ff6b6b}.video-error button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s ease}.video-error button:hover{background-color:var(--accent-hover)}.details-section{background-color:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px;scroll-behavior:smooth}.details-section::-webkit-scrollbar{width:8px}.details-section::-webkit-scrollbar-track{background:var(--bg-secondary)}.details-section::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.details-section::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.content-section{margin-bottom:32px}.content-section h3,.metadata-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.text-content{color:var(--text-primary);font-size:16px;line-height:1.6;margin:0;white-space:pre-wrap}.metadata-section{margin-bottom:32px}.metadata-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.metadata-section-header h3{margin:0}.metadata-controls{gap:8px}.view-mode-toggle{background:var(--bg-tertiary);border-radius:4px;display:flex;gap:2px;padding:2px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .15s ease}.view-mode-btn:hover{color:var(--text-secondary)}.view-mode-btn.active{background:var(--bg-secondary);box-shadow:0 1px 2px #0000001a;color:var(--text-primary)}.metadata-json-view{overflow-x:auto}.metadata-controls .sort-buttons{display:flex;gap:4px}.metadata-controls .sort-btn{padding:4px 10px}.expand-collapse-btn{padding:4px 8px}.video-info{grid-gap:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.info-label{font-size:12px;font-weight:500}.info-value{font-family:monospace;font-size:14px}@media (max-width:768px){.search-result-detail-modal{border-left:none;width:100vw!important}.resize-handle{display:none}.segment-info-header{gap:8px;padding:12px 16px}.header-top-row{flex-wrap:wrap}.video-title-text{font-size:14px}.search-result-detail-modal .run-config-row,.segment-meta-row{gap:8px}.video-section{height:300px}.modal-content.video-view .full-video-error,.modal-content.video-view .segmented-video-section .segmented-player,.modal-content.video-view .segmented-video-section>.loading-state,.modal-content.video-view .segmented-video-section>.no-segments{height:300px!important;min-height:300px}.details-section{padding:16px}.video-info{grid-template-columns:1fr}}[data-theme=dark] .search-result-detail-modal{border-left-color:var(--accent-color);box-shadow:-8px 0 32px #0009}.header-actions{flex-shrink:0;gap:8px}.view-nav-button{align-items:center;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 10px;transition:all .15s ease}.view-nav-button:hover{background-color:var(--accent-hover)}.view-nav-button.back-to-segment{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.view-nav-button.back-to-segment:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.view-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.view-container.transitioning-right .modal-content{animation:slideOutLeft .15s ease-out forwards}.view-container.transitioning-left .modal-content{animation:slideOutRight .15s ease-out forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}.modal-content.segment-view,.modal-content.video-view{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.search-results-count{background-color:var(--accent-color);border-radius:4px;color:#fff;font-weight:600}.runs-with-results-count,.search-results-count{align-items:center;display:inline-flex;font-size:13px;padding:6px 12px}.runs-with-results-count{background-color:rgba(var(--accent-color-rgb),.15);border:1px solid rgba(var(--accent-color-rgb),.3);border-radius:4px;color:var(--accent-color);cursor:help;font-weight:500}.dropdown-item-name-row{align-items:center;display:flex;flex:1 1;gap:8px}.dropdown-item.has-results{background-color:rgba(var(--accent-color-rgb),.08);border-left:3px solid var(--accent-color)}.dropdown-item.has-results:hover{background-color:rgba(var(--accent-color-rgb),.15)}.run-result-count{align-items:center;background-color:var(--accent-color);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.modal-content.video-view{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0}.modal-content.video-view .run-selector-section{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px}.modal-content.video-view .run-selector-row{align-items:center;display:flex;gap:10px}.modal-content.video-view .run-selector-row .custom-select-container{flex:1 1}.modal-content.video-view .run-selector-marker{flex-shrink:0}.modal-content.video-view .segmented-video-section{background-color:#000;border-bottom:1px solid var(--border-color);flex-shrink:0;overflow:hidden;padding:0;position:relative;z-index:1}.modal-content.video-view .segmented-video-section .segmented-player{display:block!important;height:400px!important;width:100%}.modal-content.video-view .segmented-video-section .segmented-timeline-container{display:block!important;padding:0 16px 8px;width:100%}.modal-content.video-view .full-video-error,.modal-content.video-view .segmented-video-section>.loading-state,.modal-content.video-view .segmented-video-section>.no-segments{color:#fffc;min-height:400px}.modal-content.video-view .full-video-error{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px;text-align:center}.modal-content.video-view .full-video-error svg{color:#ef4444}.modal-content.video-view .full-video-error button{background:#ffffff1a;border:1px solid #ffffff3d;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease}.modal-content.video-view .full-video-error button:hover{background:var(--accent-color);border-color:var(--accent-color)}.modal-content.video-view .timeline-with-gifs-section{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px;position:relative;z-index:0}.modal-content.video-view .segment-details{padding:16px}.modal-content.video-view .timeline-with-gifs-section .segment-preview-gallery__button.search-result{border:3px solid var(--accent-color);box-shadow:0 0 12px rgba(var(--accent-color-rgb),.5),0 0 24px rgba(var(--accent-color-rgb),.25);z-index:10}.modal-content.video-view .timeline-with-gifs-section .segment-preview-gallery__button.search-result:before{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.15) 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.modal-content.video-view .timeline-with-gifs-section .segment-preview-gallery__button.original-segment{border:3px solid #10b981;box-shadow:0 0 12px #10b98180,0 0 24px #10b98140;z-index:11}.modal-content.video-view .timeline-with-gifs-section .segment-preview-gallery__button.search-result.original-segment{border:3px solid #10b981;box-shadow:0 0 12px #10b98180,0 0 24px rgba(var(--accent-color-rgb),.4);z-index:11}.modal-content.video-view .timeline-with-gifs-section .search-result-badge{animation:badgePulse 2s ease-in-out infinite;background-color:var(--accent-color);border-radius:4px;box-shadow:0 2px 6px #0000004d;color:#fff;font-size:11px;font-weight:700;padding:3px 6px;pointer-events:none;position:absolute;right:4px;top:4px;white-space:nowrap;z-index:20}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.original-segment-indicator{background-color:#10b981;border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #10b981cc;height:14px;left:5px;position:absolute;top:5px;width:14px;z-index:20}.segment-details-header .search-result-indicator{align-items:center;background-color:var(--accent-color);border-radius:4px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.modal-content.video-view .custom-select-container{position:relative}.modal-content.video-view .custom-select-trigger{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px;transition:all .15s ease;width:100%}.modal-content.video-view .custom-select-trigger:hover{border-color:var(--accent-color)}.modal-content.video-view .custom-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.modal-content.video-view .dropdown-header{border-bottom:1px solid var(--border-color);padding:10px 14px}.modal-content.video-view .dropdown-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.modal-content.video-view .dropdown-list{padding:4px}.modal-content.video-view .dropdown-item{border-radius:4px;cursor:pointer;padding:10px 12px;transition:background-color .15s ease}.modal-content.video-view .dropdown-item:hover{background-color:var(--bg-secondary)}.modal-content.video-view .dropdown-item.selected{background-color:rgba(var(--accent-color-rgb),.1);border-left:3px solid var(--accent-color)}.modal-content.video-view .dropdown-item-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.modal-content.video-view .field-name{color:var(--text-primary);font-size:14px;font-weight:500}.modal-content.video-view .run-date{color:var(--text-muted);font-size:12px}.modal-content.video-view .dropdown-status-icons{display:flex;gap:8px}.modal-content.video-view .status-badge{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:3px}.modal-content.video-view .status-label{font-weight:500}.modal-content.video-view .status-pending{color:var(--text-muted)}.modal-content.video-view .status-success{color:#10b981}.modal-content.video-view .status-failed{color:#ef4444}.modal-content.video-view .timeline-with-gifs-section .timeline-container{position:relative}.modal-content.video-view .timeline-with-gifs-section .segment-gif{border-radius:2px;display:block;height:100%;object-fit:cover;width:100%}.modal-content.video-view .timeline-with-gifs-section .gif-placeholder-mini{align-items:center;background-color:var(--bg-secondary);border-radius:2px;display:flex;height:100%;justify-content:center;width:100%}.modal-content.video-view .timeline-with-gifs-section .gif-status{color:var(--text-muted)}.modal-content.video-view .timeline-with-gifs-section .segment-time{background-color:#0009;border-radius:2px;bottom:6px;color:#fff;font-size:9px;left:4px;padding:1px 4px;position:absolute}.modal-content.video-view .segment-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-content.video-view .segment-details-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.modal-content.video-view .metadata-display{background-color:var(--bg-secondary);border-radius:6px;padding:16px}.modal-content.video-view .metadata-controls{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.modal-content.video-view .sort-buttons{display:flex;gap:4px}.modal-content.video-view .sort-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s ease}.modal-content.video-view .sort-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.modal-content.video-view .sort-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.modal-content.video-view .expand-collapse-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transition:all .15s ease}.modal-content.video-view .expand-collapse-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.modal-content.video-view .metadata-empty{color:var(--text-muted);padding:24px;text-align:center}.modal-content.video-view .loading-state{align-items:center;color:var(--text-secondary);display:flex;gap:8px;justify-content:center;padding:24px}.modal-content.video-view .no-segments{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.video-level-panel{margin-top:16px;padding:12px 14px}.video-level-header{font-size:12px;margin-bottom:12px}.video-level-empty,.video-level-error,.video-level-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.video-level-block{gap:8px}.video-level-json{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.video-level-note{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);font-size:11px;padding:8px 10px}.agentic-chat-wrapper{--agentic-chat-status-radius:6px;border:1px solid var(--border-color);border-radius:8px;height:calc(100vh - 280px);min-height:400px}.agentic-chat-container,.agentic-chat-wrapper{background:var(--bg-secondary);display:flex;overflow:hidden}.agentic-chat-container{flex:1 1;flex-direction:column;min-width:0;position:relative}.chat-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;text-align:center}.chat-placeholder svg{margin-bottom:16px;opacity:.5}.chat-placeholder h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.chat-placeholder p{font-size:14px;margin:0}.session-header-buttons{align-items:center;display:flex;gap:4px}.chat-controls{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-height:48px;padding:8px 16px}.chat-controls:empty{display:none}.control-group,.zoom-group{align-items:center}.zoom-group{background:var(--bg-tertiary);border-radius:6px;display:flex;gap:4px;padding:2px}.control-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px}.control-button.control-fixed{min-width:70px}.control-button:hover:not(:disabled){background:var(--bg-tertiary)}.control-button.active{border-color:var(--accent-color)}.control-button:disabled{opacity:.4}.control-button.zoom-btn{background:#0000;border:none;height:28px;padding:0;width:28px}.control-button.zoom-btn:hover:not(:disabled){background:var(--bg-hover)}.control-content{align-items:center;display:flex;flex-direction:column;gap:1px}.control-subtext{font-size:9px;opacity:.7}.zoom-value{color:var(--text-secondary);font-size:11px;min-width:36px;text-align:center}.session-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;width:220px}.session-sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;min-height:48px;padding:12px}.session-sidebar-header h3{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.new-session-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--accent-color);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.new-session-sidebar-btn:hover{background:var(--accent-color-alpha);color:var(--accent-color)}.session-list{flex:1 1;overflow-y:auto;padding:6px}.loading-sessions,.no-sessions{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:24px 12px;text-align:center}.loading-sessions .spinning{animation:spin 1s linear infinite;margin-bottom:8px}.no-sessions .empty-icon{margin-bottom:8px;opacity:.4}.no-sessions p{font-size:13px;margin:0 0 2px}.no-sessions .empty-hint{font-size:11px;opacity:.7}.session-item{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;margin-bottom:2px;padding:10px;transition:background .15s ease}.session-item:hover{background:var(--bg-hover)}.session-item.active{background:var(--accent-color-alpha);border-left:3px solid var(--accent-color);padding-left:7px}.session-info{flex:1 1;min-width:0}.session-title{color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.3;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:6px}.session-meta .message-count{opacity:.8}.delete-session-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:0;transition:all .15s ease;width:22px}.session-item:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{background:var(--danger-color-alpha);color:var(--danger-color)}.agentic-message-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.chat-welcome{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.chat-welcome .welcome-icon{margin-bottom:16px;opacity:.4}.chat-welcome h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.chat-welcome p{font-size:14px;margin:0;max-width:320px}.agentic-message{display:flex;flex-direction:column;max-width:100%}.agentic-message.human-message{align-items:flex-end}.agentic-message.assistant-message{align-items:flex-start}.message-bubble{border-radius:12px;max-width:85%;padding:12px 16px;position:relative}.message-bubble.human-bubble{background:var(--accent-color);border-bottom-right-radius:4px;color:#fff}.message-bubble.assistant-bubble{background:var(--bg-tertiary);border-bottom-left-radius:4px;color:var(--text-primary);max-width:100%}.message-content{font-size:14px;line-height:1.5}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content code{background:#0000001a;border-radius:3px;font-family:SF Mono,Consolas,monospace;font-size:13px;padding:2px 6px}[data-theme=dark] .message-content code{background:#ffffff1a}.message-content pre{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin:8px 0;overflow-x:auto;padding:12px}.message-content pre code{background:none;padding:0}.message-content ol,.message-content ul{margin:8px 0;padding-left:24px}.message-content li{margin-bottom:4px}.message-content a{color:#0b57d0;text-decoration:underline}.message-content a:visited{color:#0b57d0}.message-content a:hover{color:#0842a0}.segment-reference-text{color:#0b57d0;cursor:default;text-decoration:underline}.segment-timestamp-link{background:none;border:none;border-bottom:1px dashed #0b57d0;color:#0b57d0;cursor:pointer;display:inline;font:inherit;padding:0;text-decoration:none;transition:all .15s ease}.segment-timestamp-link:hover{background:#0066cc14;border-bottom-style:solid;border-radius:2px;color:#0842a0;margin:0 -2px;padding:0 2px}.message-content a:focus-visible,.segment-timestamp-link:focus-visible{outline:2px solid #0b57d0;outline-offset:2px}[data-theme=dark] .message-content a,[data-theme=dark] .message-content a:visited,[data-theme=dark] .segment-reference-text,[data-theme=dark] .segment-timestamp-link{border-bottom-color:#8ab4f8;color:#8ab4f8}[data-theme=dark] .message-content a:hover,[data-theme=dark] .segment-timestamp-link:hover{background:#8ab4f826;color:#a8c7fa}.message-timestamp{color:var(--text-muted);font-size:11px;margin-top:4px}.message-timestamp.human-timestamp{text-align:right}.copy-message-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .15s ease;width:24px}.message-bubble:hover .copy-message-btn{opacity:1}.copy-message-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-calls-section{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tool-call-display{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--agentic-chat-status-radius);display:flex;font-size:12px;gap:6px;padding:6px 10px}.tool-call-display.started{background:linear-gradient(135deg,#e2e8f0b8,#f8fafcfa);border-color:#94a3b859;box-shadow:inset 0 1px 0 #ffffffbf,0 8px 24px #0f172a14;overflow:hidden;position:relative}.tool-call-display.completed{border-color:var(--success-color)}.streaming-state-label:after,.tool-call-display.started:after{animation:thinkingShimmer 1.8s ease-in-out infinite;background:linear-gradient(110deg,#0000,#ffffffb8 45%,#0000);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-120%)}.tool-call-icon{align-items:center;color:var(--text-muted);display:flex;justify-content:center}.tool-call-icon .spinning{animation:spin 1s linear infinite;color:var(--accent-color)}.tool-call-icon .tool-success{color:var(--success-color)}.tool-call-icon .tool-error{color:var(--danger-color)}.tool-call-info{align-items:center;display:flex;gap:6px}.tool-call-name{color:var(--text-primary);font-weight:500}.tool-call-display.started .tool-call-name,.tool-call-display.started .tool-call-status{color:#475467;text-shadow:0 1px 0 #fffc}.tool-call-status{color:var(--text-muted);font-weight:600;letter-spacing:.01em}.tool-call-result{color:var(--success-color);font-weight:500}.streaming-text{display:inline}.streaming-message-content{display:flex;flex-direction:column;gap:8px}.streaming-state-label{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#e2e8f0c7,#f8fafcf5);border:1px solid #94a3b852;border-radius:var(--agentic-chat-status-radius);box-shadow:inset 0 1px 0 #ffffffc7,0 8px 24px #0f172a14;color:#475467;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.01em;overflow:hidden;padding:6px 10px;position:relative}.streaming-content{display:inline;white-space:pre-wrap;word-break:break-word}.streaming-cursor{animation:blink 1s step-end infinite;background:var(--accent-color);display:inline-block;height:1em;margin-left:2px;vertical-align:middle;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes thinkingShimmer{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}.typing-indicator{align-items:center;align-self:flex-start;background:var(--bg-tertiary);border-radius:12px;border-bottom-left-radius:4px;display:flex;gap:8px;padding:12px 16px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingDot 1.4s ease-in-out infinite;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-text{color:var(--text-muted);font-size:13px}.typing-indicator-container{padding:0 16px 16px}.typing-indicator-container .typing-indicator{margin:0}.chat-error{align-items:center;background:#dc35451a;background:var(--danger-color-alpha,#dc35451a);border:1px solid #dc3545;border:1px solid var(--danger-color,#dc3545);border-radius:6px;color:#dc3545;color:var(--danger-color,#dc3545);display:flex;font-size:13px;justify-content:space-between;margin:0 16px 8px;padding:10px 16px}.chat-error .error-message{flex:1 1}.chat-error .dismiss-error{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545;color:var(--danger-color,#dc3545);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;margin-left:8px;opacity:.7;transition:opacity .15s ease;width:20px}.chat-error .dismiss-error:hover{opacity:1}.message-segments{margin-top:16px;width:100%}.segments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.segments-subtitle{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.segments-count{color:var(--text-muted);font-size:12px}.results-grid.message-results{grid-gap:4px;display:grid;gap:4px}.agentic-chat-input{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:12px 16px}.input-container{align-items:flex-end;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:border-color .15s ease}.input-container:focus-within{border-color:var(--accent-color)}.chat-textarea{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.5;max-height:150px;min-height:24px;padding:0;resize:none}.chat-textarea:focus{outline:none}.chat-textarea::placeholder{color:var(--text-muted)}.chat-textarea:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s ease;width:36px}.send-button.active{background:var(--accent-color);color:#fff}.send-button:hover:not(:disabled).active{background:var(--accent-color-hover)}.send-button:disabled{cursor:not-allowed;opacity:.5}.input-hint{color:var(--text-muted);font-size:11px;margin-top:6px;text-align:right}[data-theme=dark] .session-sidebar{background:var(--bg-secondary)}[data-theme=dark] .message-bubble.human-bubble{background:var(--accent-color)}[data-theme=dark] .tool-call-display{background:var(--bg-primary)}[data-theme=dark] .streaming-state-label,[data-theme=dark] .tool-call-display.started{background:linear-gradient(135deg,#334155eb,#1e293bfa);border-color:#94a3b847;box-shadow:inset 0 1px 0 #ffffff0a,0 12px 30px #0f172a38;color:#e2e8f0}[data-theme=dark] .tool-call-display.started .tool-call-name,[data-theme=dark] .tool-call-display.started .tool-call-status{color:#e2e8f0;text-shadow:none}@media (max-width:768px){.session-sidebar{width:180px}.message-bubble{max-width:95%}.chat-controls{flex-wrap:wrap}.result-controls-global{justify-content:flex-end;margin-left:0;margin-top:8px;width:100%}}@media (max-width:600px){.session-sidebar{width:160px}.session-title{font-size:11px}.session-meta{font-size:9px}}.result-card-score-strip{align-items:center;display:flex;flex-wrap:wrap;gap:3px;gap:var(--search-tile-overlay-gap,3px);min-width:0;pointer-events:none;width:100%}.result-card-score-pill{font-feature-settings:"tnum";align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ac2;border:1px solid #ffffff3d;border-radius:4px;border-radius:var(--search-tile-overlay-radius,4px);box-shadow:0 2px 8px #00000024;box-shadow:var(--search-tile-overlay-shadow,0 2px 8px #00000024);box-sizing:border-box;color:#fffffff5;display:inline-flex;font-size:11px;font-size:var(--search-tile-overlay-font-size,11px);font-variant-numeric:tabular-nums;gap:clamp(2px,1.4cqw,5px);line-height:1;max-width:100%;min-height:clamp(17px,9cqw,23px);min-width:0;overflow:hidden;padding:2px clamp(4px,2.4cqw,7px);white-space:nowrap}.result-card-score-pill strong{flex:0 0 auto;font-size:inherit;font-weight:750;letter-spacing:-.01em}.result-card-score-label{font-weight:600;min-width:0;opacity:.86;overflow:hidden;text-overflow:ellipsis}.result-card-score-pill--text{background:#0e7490cc;border-color:#67e8f985}.result-card-score-pill--image{background:#6d28d9cc;border-color:#c4b5fd8f}.result-card-score-pill--field{background:#1e293bcc;border-color:#bae6fd57}.result-card-score-pill--compact{border-radius:3px;box-shadow:none;font-size:clamp(8px,4.6cqw,10px);min-height:0;padding:2px 4px}.result-card-evidence-list{grid-gap:3px;grid-gap:var(--search-tile-overlay-gap,3px);display:grid;gap:3px;gap:var(--search-tile-overlay-gap,3px);min-width:0;pointer-events:none;width:100%}.result-card-evidence-row{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617bf;border:1px solid #ffffff2e;border-radius:4px;border-radius:var(--search-tile-overlay-radius,4px);box-shadow:0 2px 8px #00000024;box-shadow:var(--search-tile-overlay-shadow,0 2px 8px #00000024);box-sizing:border-box;color:#fffffff0;display:flex;font-size:11px;font-size:var(--search-tile-overlay-font-size,11px);gap:clamp(3px,1.8cqw,6px);line-height:1.15;min-height:clamp(20px,10cqw,27px);min-width:0;overflow:hidden;padding:2px clamp(3px,1.7cqw,5px)}.result-card-evidence-snippet{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card-evidence-row>.result-card-score-pill{flex:0 0 auto}@container (max-width: 210px){.result-card-evidence-row:nth-child(n+3){display:none}}@container (max-width: 170px){.result-card-evidence-list,.result-card-score-strip{gap:2px}.result-card-evidence-row{gap:2px;padding-inline:2px}}@container (max-width: 130px){.result-card-evidence-row:nth-child(n+2),.result-card-score-label{display:none}}@media (prefers-reduced-transparency:reduce){.result-card-evidence-row,.result-card-score-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172af5}}.locked-feature-panel{grid-gap:18px;align-items:start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:grid;gap:18px;grid-template-columns:auto 1fr;margin:72px auto;max-width:680px;padding:28px}.locked-feature-icon{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;height:44px;justify-content:center;width:44px}.locked-feature-copy{min-width:0}.locked-feature-eyebrow{color:var(--text-secondary);display:block;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.locked-feature-copy h2{font-size:24px;line-height:1.2;margin:0 0 8px}.locked-feature-copy p{color:var(--text-secondary);line-height:1.5;margin:0}.locked-feature-action{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;grid-column:2;justify-self:start;padding:10px 14px}.locked-feature-action:hover{background:var(--accent-hover)}.locked-feature-card{grid-gap:14px;align-items:start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:grid;gap:14px;grid-template-columns:auto 1fr;padding:18px}.locked-feature-card.compact{padding:16px}.locked-feature-card-icon{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;height:36px;justify-content:center;width:36px}.locked-feature-card-copy{min-width:0}.locked-feature-card-eyebrow{color:var(--text-secondary);display:block;font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.locked-feature-card-copy h4{font-size:16px;line-height:1.25;margin:0 0 6px}.locked-feature-card-copy p{color:var(--text-secondary);font-size:13px;line-height:1.45;margin:0}.locked-feature-card-action{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;grid-column:2;justify-self:start;padding:8px 12px}.locked-feature-card-action:hover{background:var(--accent-hover)}@media (max-width:720px){.locked-feature-panel{grid-template-columns:1fr;margin:32px 16px}.locked-feature-action{grid-column:1}.locked-feature-card{grid-template-columns:1fr}.locked-feature-card-action{grid-column:1}}.search-tab{margin:0 auto;max-width:auto;padding:8px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body.resizing-search-sidebar .search-tab{transition:none}@media (max-width:768px){.search-tab.sidebar-open{margin-right:0}}.search-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:none;margin-bottom:10px;overflow:visible;padding:16px;position:relative;z-index:100}.search-form:before{clip-path:polygon(0 0,100% 0,100% 100%);height:20px;top:0;width:20px}.search-form:after,.search-form:before{background:var(--accent-color);content:"";position:absolute;right:0}.search-form:after{bottom:0;height:2px;left:0;opacity:.3}.form-row{column-gap:8px;display:flex;flex-wrap:wrap;margin-bottom:0;position:relative;row-gap:2px;z-index:auto}.form-row.vector-search-form-row{grid-column-gap:8px;grid-row-gap:0;align-items:start;column-gap:8px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1.5fr);row-gap:0}.form-row.vector-search-form-row>.form-group{min-width:0}.form-group{gap:2px;position:relative}.flex-1{flex:1.5 1;min-width:280px}.flex-2{flex:2 1}.form-label{color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.1}.input-with-icon{display:block}.input-with-icon .input-icon{color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.input-with-icon .form-input{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:6px 12px 6px 44px!important;position:relative;transition:all .15s ease;width:100%}.image-upload-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:3px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background-color .15s ease}.image-upload-btn:hover:not(:disabled){background:var(--bg-hover)}.image-upload-btn.has-image{background:var(--primary-color)}.search-media-attachments{align-items:center;display:flex;margin-top:2px;max-width:100%}.search-media-chip{display:inline-flex;line-height:0;max-width:100%;position:relative;width:fit-content}.search-media-thumb{border-radius:4px;display:block;height:auto;max-height:72px;max-width:min(168px,100%);object-fit:contain;width:auto}.search-media-remove-btn{align-items:center;background:#000000a6;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:0;top:0;transform:translate(35%,-35%);transition:background-color .15s ease;width:20px;z-index:1}.search-media-remove-btn:hover:not(:disabled){background:#000000d1}.form-input:focus{background-color:var(--bg-secondary);box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.2);transform:translateY(-1px)}.form-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:12px;transition:all .15s ease;width:100%}.form-select:focus{background-color:var(--bg-secondary);border-color:var(--accent-color);box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.2);outline:none;transform:translateY(-1px)}.form-select:disabled{cursor:not-allowed;opacity:.6}.search-action-row{margin-top:0}.inline-filters,.search-action-row{align-items:center;column-gap:4px;display:flex;flex-wrap:wrap;overflow:visible;row-gap:0}.inline-filter-item{align-items:center;display:flex;gap:4px;min-width:0;overflow:visible}.filter-and-label{color:var(--accent-color);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:0 2px;text-transform:uppercase}.inline-filter-controls{align-items:center;display:flex;gap:4px;height:32px;min-width:0}.filter-field-container,.filter-operator-container{display:inline-flex;min-width:0;position:relative}.filter-field-container{flex:1 1 clamp(140px,24vw,320px);max-width:320px;min-width:140px}.filter-operator-container{flex:1 1 clamp(130px,20vw,260px);max-width:260px;min-width:130px}.filter-field-trigger,.filter-operator-trigger{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:8px;height:32px;justify-content:space-between;padding:5px 8px;text-align:left;transition:all .15s ease;width:100%}.filter-field-trigger:hover:not(:disabled),.filter-operator-trigger:hover:not(:disabled){border-color:var(--accent-color)}.filter-field-trigger:focus,.filter-operator-trigger:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}.filter-field-trigger:disabled,.filter-operator-trigger:disabled{cursor:not-allowed;opacity:.6}.filter-select-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 16px #0000001a;left:0;max-height:320px;max-width:min(90vw,420px);min-width:240px;overflow:hidden;position:absolute;top:calc(100% + 4px);width:max(100%,240px);z-index:1000}.filter-field-container .filter-dropdown{max-width:min(90vw,440px);min-width:300px;width:max(100%,300px)}.filter-operator-container .filter-dropdown{max-width:min(90vw,360px);min-width:240px;width:max(100%,240px)}.filter-dropdown-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:6px 10px;position:sticky;top:0;z-index:1}.filter-dropdown-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-dropdown-list{max-height:260px;overflow-x:hidden;overflow-y:auto;padding:2px 0}.filter-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:6px 10px;text-align:left;transition:background .15s ease;width:100%}.filter-dropdown-item:hover:not(.disabled){background-color:var(--bg-hover)}.filter-dropdown-item.selected{background-color:var(--bg-tertiary);font-weight:500}.filter-dropdown-item.disabled{color:var(--text-muted);cursor:not-allowed}.filter-item-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-item-type{color:var(--text-secondary);flex-shrink:0;font-size:11px;margin-left:8px}.filter-value-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:text;flex:1 1;font-size:12px;height:32px;max-width:none;min-width:90px;outline:none;padding:5px 8px;transition:all .15s ease}.filter-value-input:focus,.filter-value-input:hover:not(:disabled){border-color:var(--accent-color)}.filter-value-input:focus{box-shadow:0 0 0 3px #0066cc1a;outline:none}.filter-value-input:disabled{cursor:not-allowed;opacity:.5}.filter-remove-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.filter-remove-btn:hover:not(:disabled){background:rgba(var(--danger-color-rgb),.1);border-color:var(--danger-color);color:var(--danger-color)}.filter-remove-btn:disabled{cursor:not-allowed;opacity:.3}.add-filter-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:4px;height:32px;letter-spacing:.5px;padding:0 12px;text-transform:uppercase;transition:all .15s ease;white-space:nowrap}.add-filter-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.add-filter-btn:disabled{cursor:not-allowed;opacity:.5}.clear-all-search-btn{margin-left:8px}.search-button{background:var(--accent-color);border:1px solid var(--accent-color);border-radius:4px;box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.3);box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;height:32px;letter-spacing:.5px;margin:0;overflow:hidden;padding:0 16px;position:relative;text-transform:uppercase;transition:all .15s ease;white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--accent-color-rgb),.4);transform:translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:rgba(var(--danger-color-rgb),.1);border-left:1px solid var(--danger-color);border:1px solid var(--danger-color);border-left-width:3px;font-size:14px;margin-bottom:24px}.results-section{margin-top:10px}.results-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.results-title-row{align-items:center;display:flex;gap:12px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.view-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:4px;padding:2px}.view-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.view-toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.view-toggle-btn.active{background-color:var(--accent-color);color:#fff}.view-toggle-btn.active:hover{background-color:var(--accent-hover)}.result-controls{gap:12px}.result-controls-global{gap:.5rem;margin-left:auto}.result-controls{gap:4px}.result-controls,.result-controls-global{align-items:center;display:flex;flex-wrap:wrap}.result-controls-global{gap:12px}.control-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:0;height:40px;overflow:hidden}.control-group.zoom-group{align-items:center;gap:8px;height:40px;padding:0 2px}.control-button{align-items:center;background:#0000;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-height:100%;padding:0 14px;transition:all .15s ease;white-space:nowrap}.control-button:last-child{border-right:none}.control-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.control-button.active{background:var(--accent-color);color:#fff;font-weight:600}.control-button.active:hover{background:var(--accent-hover)}.control-button:disabled{cursor:not-allowed;opacity:.5}.control-button.control-fixed{flex-grow:0;flex-shrink:0;height:100%;max-width:125px;min-width:125px;padding:6px 14px;position:relative;width:125px}.control-button.control-fixed .control-content{align-items:center;display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center}.control-button.control-fixed .control-label{display:block;font-size:12px;font-weight:500;letter-spacing:.5px;line-height:1.2;text-align:center;text-transform:uppercase}.control-button.control-fixed .control-subtext{display:block;font-size:9px;font-weight:400;letter-spacing:0;line-height:1;opacity:.7;text-align:center;text-transform:lowercase;white-space:nowrap}.control-button.zoom-btn{align-items:center;border-left:none;border-right:none;display:flex;font-size:20px;font-weight:600;justify-content:center;min-width:36px;padding:0 10px}.control-button.zoom-btn:first-child{border-right:1px solid var(--border-color)}.control-button.zoom-btn:last-child{border-left:1px solid var(--border-color)}.zoom-value{color:var(--text-primary);font-size:16px;font-weight:500;padding:0 4px;white-space:nowrap}.control-label{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.result-card{--search-tile-chip-bg:#dfe3ee94;--search-tile-chip-border:#dfe3ee7a;--search-tile-chip-hover-bg:#dfe3eeb8;--search-tile-chip-hover-border:#dfe3ee9e;--search-tile-overlay-font-size:11px;--search-tile-overlay-padding-y:3px;--search-tile-overlay-padding-x:5px;--search-tile-overlay-gap:3px;--search-tile-overlay-radius:4px;--search-tile-overlay-shadow:0 2px 8px #00000024;--search-tile-overlay-inset:8px;--search-tile-details-max-height:220px;aspect-ratio:1;background:var(--bg-tertiary);border:none;border-radius:4px;box-shadow:none;container-type:inline-size;cursor:pointer;display:block;margin:8px 0 0;overflow:hidden;padding:0;position:relative;transition:filter .2s ease;width:100%}@supports (font-size:1cqw){.result-card{--search-tile-overlay-font-size:clamp(9px,5.4cqw,13px);--search-tile-overlay-padding-y:clamp(2px,1.3cqw,4px);--search-tile-overlay-padding-x:clamp(4px,2.4cqw,8px);--search-tile-overlay-gap:clamp(2px,1.2cqw,4px);--search-tile-overlay-radius:clamp(3px,1.3cqw,5px);--search-tile-overlay-shadow:0 clamp(1px,0.8cqw,2px) clamp(5px,3.2cqw,10px) #00000024;--search-tile-overlay-inset:clamp(6px,3.2cqw,10px);--search-tile-details-max-height:clamp(64px,calc(100cqw - var(--search-tile-overlay-inset)*2),320px)}}[data-theme=dark] .result-card{--search-tile-chip-bg:#2d2d3094;--search-tile-chip-border:#3e3e427a;--search-tile-chip-hover-bg:#2d2d30b8;--search-tile-chip-hover-border:#3e3e429e}.result-card-marker{left:8px;position:absolute;top:8px;z-index:3}.result-card-download-btn{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--search-tile-chip-bg);border:1px solid var(--search-tile-chip-border);border-radius:var(--search-tile-overlay-radius);box-shadow:var(--search-tile-overlay-shadow);color:#ffffffeb;cursor:pointer;display:inline-flex;height:clamp(22px,11cqw,30px);justify-content:center;opacity:.84;padding:0;position:absolute;right:var(--search-tile-overlay-inset);top:var(--search-tile-overlay-inset);transition:opacity .15s ease,border-color .15s ease,background .15s ease,transform .15s ease;width:clamp(22px,11cqw,30px);z-index:14}.result-card-download-btn:hover{background:var(--search-tile-chip-hover-bg);border-color:var(--search-tile-chip-hover-border);opacity:1;transform:translateY(-1px)}.result-card-download-btn:focus-visible{opacity:1;outline:2px solid var(--accent-color);outline-offset:2px}.result-card-download-btn svg{flex:0 0 auto;height:1em;width:1em}.result-card:hover{filter:brightness(.9)}.result-preview{background:var(--bg-tertiary);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.preview-video{background:#111827}.result-card:hover .preview-image{transform:none}.preview-placeholder{flex-direction:column;gap:8px;padding:40px 20px}.preview-placeholder.loading{color:var(--text-secondary)}.preview-placeholder span{font-size:14px;font-weight:500}.result-preview-bottombar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--search-tile-overlay-gap);justify-content:flex-start;pointer-events:none;width:100%}.cache-indicator{position:absolute;right:8px;top:8px}.cache-dot{background-color:var(--success-color);border-radius:50%;box-shadow:0 0 8px #28a74599;height:8px;width:8px}.result-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:60px;padding:8px 10px}.result-header{color:#fff;flex-shrink:0;margin-bottom:8px}.result-score{background:var(--bg-tertiary);border-radius:4px;color:-var(--text-primary);font-size:12px;font-weight:600;padding:2px 6px;text-shadow:0 1px 2px #000c}.result-content{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(0deg,#000000bf 0,#000c 20%,#0000);bottom:0;left:0;opacity:1;padding:var(--search-tile-overlay-inset);position:absolute;right:0;transform:none;z-index:10}.result-content,.result-content-details{display:flex;flex-direction:column;gap:var(--search-tile-overlay-gap);pointer-events:none}.result-content-details{max-height:0;opacity:0;overflow:hidden;transform:translateY(var(--search-tile-overlay-gap));transition:max-height .3s ease,opacity .2s ease,transform .2s ease;width:100%}.result-card:hover .result-content-details{max-height:var(--search-tile-details-max-height);opacity:1;transform:translateY(0)}.no-results{color:var(--text-secondary);padding:48px 24px;text-align:center}.no-results svg{color:var(--text-muted);margin-bottom:16px}.no-results h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.no-results p{font-size:14px;line-height:1.5}.gif-indicator{background:var(--accent-color);border-radius:4px;box-shadow:0 2px 4px #0003;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 100%,0 100%);color:#fff;font-size:10px;font-weight:600;left:8px;letter-spacing:.5px;padding:2px 6px;position:absolute;text-transform:uppercase;top:8px}.metadata-tags-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--search-tile-overlay-gap);margin-top:0;min-width:0;width:100%}.search-tile-overlay-box{font-feature-settings:"tnum";align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--search-tile-chip-bg);border:1px solid var(--search-tile-chip-border);border-radius:var(--search-tile-overlay-radius);box-shadow:var(--search-tile-overlay-shadow);box-sizing:border-box;clip-path:none;color:#ffffffeb;display:inline-flex;font-family:inherit;font-size:var(--search-tile-overlay-font-size);font-variant-numeric:tabular-nums;font-weight:500;gap:var(--search-tile-overlay-gap);line-height:1.25;max-width:100%;overflow:hidden;padding:var(--search-tile-overlay-padding-y) var(--search-tile-overlay-padding-x);text-shadow:0 1px 2px #0000006b;text-transform:none;white-space:nowrap;width:max-content}.search-tile-overlay-box svg{flex:0 0 auto;height:1em;width:1em}.search-tile-overlay-box--multiline{-webkit-line-clamp:3;-webkit-box-orient:vertical;align-self:flex-start;display:-webkit-box;white-space:normal;width:fit-content;word-break:break-word}.field-score-tag{flex:0 1 auto}.field-score-label{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;overflow:hidden}.field-score-label-prefix{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-score-divider,.field-score-label-suffix,.field-score-value{flex:0 0 auto;white-space:nowrap}.field-score-divider{margin:0 calc(var(--search-tile-overlay-gap)*.5)}.field-score-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.search-tile-overlay-box:hover{background:var(--search-tile-chip-bg);border-color:var(--search-tile-chip-border)}.custom-select-container{position:relative;width:100%;z-index:auto}.custom-select-trigger{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px;justify-content:space-between;min-height:32px;padding:6px 10px;text-align:left;transition:all .15s ease;width:100%}.custom-select-trigger:focus,.custom-select-trigger:hover:not(:disabled){border-color:var(--accent-color)}.custom-select-trigger:focus{box-shadow:0 0 0 3px #0066cc1a;outline:none}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.6}.select-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;left:0;max-height:500px;min-width:400px;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}.dropdown-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:6px 10px}.dropdown-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sort-btn,.sort-buttons{display:flex;gap:4px}.sort-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:2px 7px;position:relative;transition:all .15s ease}.sort-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.sort-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.sort-btn svg{transition:transform .2s ease}.dropdown-list{flex:1 1;max-height:400px;min-height:0;overflow-x:hidden;overflow-y:auto}.dropdown-list.show-all{max-height:600px}.custom-dropdown.show-all{max-height:700px}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:7px 10px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--bg-secondary)}.dropdown-item.selected{background-color:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.index-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item.selected .index-name{color:var(--accent-color)}.dropdown-item.playground-item{background-color:#8ab4f814;border-left:3px solid #8ab4f8}.dropdown-item.playground-item:hover{background-color:#8ab4f826}.dropdown-item.playground-item.selected{background-color:#8ab4f833}.dropdown-item.playground-item .index-name{font-weight:500}.index-date{color:var(--text-secondary);font-size:11px;margin-left:8px}.dropdown-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;padding:4px}.show-more-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px;transition:all .15s ease;width:100%}.show-more-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.search-fields-dropdown{min-width:400px}.search-fields-dropdown .dropdown-header{align-items:center;display:flex;justify-content:space-between}.search-fields-dropdown .select-all-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:2px 7px;transition:all .15s ease}.search-fields-dropdown .select-all-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.search-fields-list{max-height:600px}.search-field-item{align-items:center;cursor:pointer;display:flex!important;gap:6px;padding:6px 10px!important}.search-field-item:hover{background-color:var(--bg-secondary)}.search-field-item.selected{background-color:rgba(var(--accent-color-rgb),.08)}.search-field-checkbox{accent-color:var(--accent-color);cursor:pointer;flex-shrink:0;height:14px;width:14px}.search-field-item .field-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500}.search-field-item .field-type{background-color:var(--bg-tertiary);border-radius:3px;color:var(--text-muted);font-size:10px;padding:1px 5px;text-transform:lowercase}[data-theme=dark] .custom-dropdown{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 10px 40px #00000080}[data-theme=dark] .dropdown-header{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .dropdown-item{border-color:var(--border-color)}[data-theme=dark] .dropdown-item.playground-item{background-color:rgba(var(--accent-color-rgb),.1);border-left-color:var(--accent-color)}[data-theme=dark] .dropdown-item.playground-item:hover{background-color:rgba(var(--accent-color-rgb),.15)}[data-theme=dark] .dropdown-item.playground-item.selected{background-color:rgba(var(--accent-color-rgb),.2)}[data-theme=dark] .dropdown-item:hover{background-color:var(--bg-secondary)}[data-theme=dark] .dropdown-footer,[data-theme=dark] .show-more-btn,[data-theme=dark] .sort-btn{background-color:var(--bg-secondary);border-color:var(--border-color)}.search-form .form-input,.search-form .search-input{background-color:var(--bg-tertiary)!important}.search-form .search-input{padding-left:44px!important}[data-theme=dark] .search-form .form-input,[data-theme=dark] .search-form .search-input{background-color:var(--bg-tertiary)!important}.prompt-info-container{margin-bottom:20px;margin-top:16px;position:relative}.show-prompt-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;padding:8px 16px;transition:all .15s ease;width:100%}.show-prompt-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.show-prompt-btn:disabled{cursor:not-allowed;opacity:.6}.show-prompt-btn span:first-of-type{flex:1 1;text-align:left}.prompt-details-box{animation:expandIn .3s ease;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000004d;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);margin-bottom:20px;margin-top:20px;overflow:hidden;position:relative;z-index:1}@keyframes expandIn{0%{max-height:0;opacity:0;transform:scaleY(.95)}to{max-height:500px;opacity:1;transform:scaleY(1)}}.prompt-details-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px}.prompt-details-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.prompt-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.prompt-details-content{max-height:400px;overflow-y:auto;padding:16px}.prompt-text-container{border:1px solid var(--border-color);border-radius:4px;max-height:150px;overflow-y:auto}.prompt-section{margin-bottom:20px}.prompt-section:last-child{margin-bottom:0}.prompt-section h5{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.prompt-text{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;line-height:1.5;margin:0;padding:12px;white-space:pre-wrap;word-break:break-word}.schema-fields{display:flex;flex-direction:column;gap:8px}.schema-field{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;gap:12px;padding:8px 12px;transition:all .15s ease}.schema-field:hover{background-color:var(--bg-secondary);border-color:var(--accent-color)}.field-name{flex-shrink:0;font-size:13px;text-transform:capitalize}.field-type{background-color:#0066cc1a;color:var(--accent-color);font-size:12px;margin:0;padding:2px 8px;text-transform:lowercase;white-space:nowrap}.no-fields{color:var(--text-secondary);font-size:13px;margin:0}.prompt-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.info-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;gap:4px;padding:10px}.info-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:13px;font-weight:500;word-break:break-all}.status-badge{align-self:flex-start;font-size:11px;padding:2px 8px;text-transform:uppercase}.status-badge.active{background-color:#28a7451a;color:var(--success-color)}.status-badge.inactive{background-color:#dc35451a;color:var(--danger-color)}.json-schema-container{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;max-height:200px;overflow-y:auto}.json-schema-text{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;margin:0;padding:12px;white-space:pre-wrap;word-break:break-word}.field-description{color:var(--text-secondary);flex:1 1;font-size:11px;font-style:italic;margin-left:auto;text-align:right;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .prompt-details-box{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .prompt-details-header{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .prompt-text-container{border-color:var(--border-color)}[data-theme=dark] .prompt-text,[data-theme=dark] .schema-field{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .schema-field:hover{background-color:var(--bg-secondary)}[data-theme=dark] .info-item,[data-theme=dark] .json-schema-container{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .json-schema-text{color:var(--text-primary)}.result-card:before{background:var(--accent-color);content:"";height:12px;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease;width:12px;z-index:10}.result-card:hover:before{opacity:1}.result-card.active-in-sidebar{border:4px solid var(--accent-color);box-shadow:0 0 0 3px var(--bg-primary),0 0 0 6px var(--accent-color),0 8px 24px rgba(var(--accent-color-rgb),.6),0 0 40px rgba(var(--accent-color-rgb),.4);transform:scale(1.05);z-index:10}.result-card.active-in-sidebar:before{animation:pulse-glow-result 2s ease-in-out infinite;opacity:1}@keyframes pulse-glow-result{0%,to{opacity:.8}50%{opacity:1}}@media (max-width:768px){.form-row{flex-direction:column}.form-row.vector-search-form-row{grid-template-columns:1fr;row-gap:2px}.custom-dropdown{max-height:300px}.dropdown-list{max-height:200px}.sort-buttons{flex-direction:column;width:100%}.sort-btn{justify-content:center;width:100%}.dropdown-header{align-items:stretch;flex-direction:column;gap:8px}.index-date{display:none}.prompt-details-box{border-left:none;border-radius:4px;border-right:none;margin-left:-16px;margin-right:-16px}.prompt-details-content{max-height:300px}.prompt-text-container{max-height:120px}.prompt-info-container{width:100%}.show-prompt-btn{justify-content:center;width:100%}.results-header{align-items:flex-start;flex-direction:column;gap:12px}.view-toggle{align-self:flex-end}.view-toggle-btn{padding:6px 10px}.view-toggle-btn svg{height:16px;width:16px}}.load-more-container{display:flex;justify-content:center;margin-top:2rem;padding-bottom:1rem}.load-more-btn{background:#0000;border:1px solid var(--primary);border-radius:4px;color:var(--primary);font-size:.9375rem;font-weight:500;padding:.75rem 2rem}.load-more-btn:hover:not(:disabled){background:var(--primary);color:#fff}.sql-editor-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-top:6px;padding:8px}.sql-editor-header{align-items:flex-start;display:flex;gap:4px;justify-content:space-between;margin-bottom:6px}.sql-editor-title{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.sql-editor-title-stack{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.sql-editor-subtitle{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:0;line-height:1.2;min-height:22px;padding:2px 8px;width:fit-content}.sql-editor-subtitle,.sql-query-textarea{border:1px solid var(--border-color);border-radius:4px}.sql-query-textarea{background:var(--bg-tertiary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;min-height:140px;padding:8px 10px;resize:vertical;width:100%}.sql-query-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.12);outline:none}.sql-results-table-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:auto}.sql-results-table{border-collapse:collapse;min-width:640px;width:100%}.sql-results-preview-col{min-width:96px;width:96px}.sql-results-table td,.sql-results-table th{border-bottom:1px solid var(--border-color);font-size:12px;padding:8px 10px;text-align:left;vertical-align:top}.sql-results-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;position:sticky;top:0;z-index:1}.sql-results-table td{color:var(--text-secondary);max-width:420px;white-space:pre-wrap;word-break:break-word}.sql-results-preview-cell{max-width:96px;min-width:96px;padding:6px 8px!important;width:96px}.sql-row-preview{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;transition:border-color .15s ease,transform .15s ease;width:72px}.sql-row-preview:hover{border-color:var(--accent-color);transform:translateY(-1px)}.sql-row-preview.disabled{cursor:default}.sql-row-preview.disabled:hover{border-color:var(--border-color);transform:none}.sql-row-preview-image{display:block;height:100%;object-fit:cover;width:100%}.sql-row-preview-empty{color:var(--text-muted);font-size:11px;letter-spacing:.2px;text-transform:uppercase}.sql-row-preview-empty.loading,.sql-truncated-notice{color:var(--text-secondary)}.sql-truncated-notice{font-size:12px;margin-top:10px}.grouped-dropdown .dropdown-group{display:flex;flex-direction:column}.grouped-dropdown .dropdown-group-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 16px;position:sticky;top:0;z-index:1}.grouped-dropdown .dropdown-group-header.index-header{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color)}.grouped-dropdown .dropdown-group:first-child .dropdown-group-header{border-top:none}.grouped-dropdown .dropdown-group-header .group-name{color:var(--accent-color);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.grouped-dropdown .dropdown-group-header .group-count{background:var(--bg-tertiary);border-radius:10px;color:var(--text-muted);font-size:11px;padding:2px 8px}.grouped-dropdown .dropdown-group-separator{background:var(--border-color);height:0;margin:0 16px}.grouped-dropdown .dropdown-subgroup{display:flex;flex-direction:column}.grouped-dropdown .dropdown-subgroup-header{align-items:center;background-color:initial;display:flex;padding:8px 16px 6px 24px}.grouped-dropdown .dropdown-subgroup-header .subgroup-name{color:var(--text-secondary);font-size:11px;font-style:italic;font-weight:500;text-transform:none}.grouped-dropdown .dropdown-subgroup-header .subgroup-info{color:var(--text-muted);font-size:10px;margin-left:auto}.grouped-dropdown .dropdown-subgroup-separator{background:var(--border-color);height:1px;margin:4px 24px;opacity:.5}.grouped-dropdown .dropdown-item.grouped-item{padding-left:24px}.grouped-dropdown .dropdown-item.nested-item{padding-left:32px}.grouped-dropdown .dropdown-group .dropdown-item:last-child{border-bottom:none}.clear-selection-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s ease}.clear-selection-btn:hover{background-color:rgba(var(--danger-color-rgb),.1);border-color:var(--danger-color);color:var(--danger-color)}[data-theme=dark] .grouped-dropdown .dropdown-group-header{background-color:var(--bg-secondary)}[data-theme=dark] .grouped-dropdown .dropdown-group-header.index-header{background-color:var(--bg-tertiary)}[data-theme=dark] .grouped-dropdown .dropdown-group-header .group-count{background:var(--bg-primary)}.search-workspace-shell{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:clamp(300px,28vw,380px) minmax(0,1fr);min-height:calc(100vh - 150px)}.search-configuration-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;max-height:calc(100vh - 104px);min-width:0;overflow:hidden;position:sticky;top:12px}.search-configuration-panel.search-mode{max-height:none;overflow:visible;z-index:20}.search-configuration-panel.search-mode .search-configuration-form{overflow:visible}.search-configuration-panel.agent-mode .search-configuration-form{display:none}.search-panel-tabs{grid-gap:4px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:6px}.search-panel-tab{align-items:center;background:#0000;border:0;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:7px;justify-content:center;min-height:38px}.search-panel-tab.active,.search-panel-tab:hover{background:var(--accent-color-alpha);color:var(--accent-color)}.search-configuration-form{border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin:0!important;min-width:0;overflow:auto;padding:16px 14px 14px!important;width:100%}.search-configuration-form:after,.search-configuration-form:before{display:none}.search-configuration-form .form-row{align-items:stretch}.search-configuration-form .form-row,.search-scope-controls{display:flex;flex-direction:column;gap:14px;min-width:0;width:100%}.search-scope-sort-header{border-top:0;padding-top:0}.search-scope-empty-option{color:var(--text-muted);text-align:center}.search-configuration-form .form-group{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.search-agent-scope .custom-select-container,.search-configuration-form .custom-select-container{min-width:0}.search-configuration-form .form-label{color:var(--text-secondary);font-size:12px;font-weight:600;line-height:16px;margin:0}.search-query-group{gap:8px!important}.search-query-heading{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.search-query-heading .form-label{font-size:13px;font-weight:700}.search-query-heading>span{color:var(--text-muted);font-size:11px;line-height:1.35;white-space:normal}.search-query-control{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;position:relative;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.search-query-control:focus-within{background:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.search-query-control .input-icon{left:13px}.search-configuration-form .search-query-control .search-input{background:#0000!important;border:0!important;border-radius:10px;box-shadow:none!important;font-size:13px;line-height:1.35;min-height:46px;padding:9px 132px 9px 42px!important;transform:none!important}.search-configuration-form .search-query-control .search-input::placeholder{color:var(--text-muted);opacity:.82}.search-query-control-actions{align-items:center;display:flex;gap:4px;position:absolute;right:7px;top:50%;transform:translateY(-50%)}.search-query-clear-btn,.search-query-control .image-upload-btn{align-items:center;background:#0000;border:0;border-radius:7px;color:var(--text-muted);display:inline-flex;height:30px;justify-content:center;min-width:30px;padding:0 7px;position:static;transform:none}.search-query-clear-btn{cursor:pointer}.search-query-control .image-upload-btn{background:var(--bg-secondary);border:1px solid var(--border-color);font-size:10px;font-weight:700;gap:5px}.search-query-control .image-upload-btn.has-image{background:var(--accent-color-alpha);border-color:var(--accent-color);color:var(--accent-color)}.search-query-clear-btn:hover:not(:disabled),.search-query-control .image-upload-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.search-query-control .image-upload-btn.has-image:hover:not(:disabled){background:var(--accent-color-alpha);color:var(--accent-color)}.search-query-group .search-media-attachments{margin-top:0;padding-left:2px}.search-query-group .search-media-chip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:7px;padding:3px}.search-query-group .search-media-thumb{border-radius:5px;max-height:54px;max-width:104px}.search-configuration-form .search-action-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:0;min-width:0;width:100%}.search-configuration-form .search-action-row>.add-filter-btn,.search-configuration-form .search-action-row>.search-button{border-radius:8px;height:38px;letter-spacing:0;margin:0;text-transform:none}.search-configuration-form .search-action-row>.search-button{align-items:center;display:inline-flex;gap:7px;grid-column:1/-1;justify-content:center;min-width:0}.search-configuration-form .search-action-row.has-filters>.inline-filters{grid-column:1/-1;grid-row:1}.search-configuration-form .search-action-row.has-filters>.search-button{grid-row:2}.search-configuration-form .search-action-row.has-filters>.add-filter-btn:not(.clear-all-search-btn),.search-configuration-form .search-action-row.has-filters>.clear-all-search-btn{grid-row:3}.search-configuration-form .search-action-row>.add-filter-btn span,.search-configuration-form .search-action-row>.search-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-configuration-form .search-action-row>.add-filter-btn{color:var(--text-secondary);font-size:11px;justify-content:center;padding:0 10px;width:100%}.search-configuration-form .search-action-row>.clear-all-search-btn{margin-left:0}.search-configuration-form .search-action-row.single-secondary-action>.clear-all-search-btn{grid-column:1/-1}.search-configuration-form .inline-filters{display:flex;flex-direction:column;gap:10px;grid-column:1/-1;margin:0;min-width:0;width:100%}.search-configuration-form .inline-filter-item{align-items:stretch;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:visible;width:100%}.search-configuration-form .filter-and-label{align-items:center;color:var(--text-muted);display:flex;font-size:9px;gap:7px;line-height:12px;padding:0;width:100%}.search-configuration-form .filter-and-label:after,.search-configuration-form .filter-and-label:before{background:color-mix(in srgb,var(--border-color) 72%,#0000);content:"";flex:1 1;height:1px;min-width:0}.search-configuration-form .inline-filter-controls{grid-gap:6px;align-items:start;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) 32px;height:auto;min-width:0;position:relative;width:100%}.search-configuration-form .filter-field-container,.search-configuration-form .filter-operator-container{display:block;max-width:none;min-width:0;position:static;width:100%}.search-configuration-form .filter-field-container{grid-column:1;grid-row:1}.search-configuration-form .filter-operator-container{grid-column:2;grid-row:1}.search-configuration-form .filter-field-trigger,.search-configuration-form .filter-operator-trigger{border-radius:7px;min-width:0}.search-configuration-form .filter-value-input{border-radius:7px;grid-column:1/4;grid-row:2;max-width:100%;min-width:0;width:100%}.search-configuration-form .filter-remove-btn{border-radius:7px;grid-column:3;grid-row:1}.search-configuration-form .filter-dropdown,.search-configuration-form .filter-field-container .filter-dropdown,.search-configuration-form .filter-operator-container .filter-dropdown{left:0;max-width:none;min-width:0;right:0;top:38px;width:auto}.search-configuration-form .custom-select-trigger{border-radius:8px;min-height:38px;padding:8px 10px}.search-configuration-form .custom-dropdown,.search-configuration-form .filter-dropdown{max-width:calc(100vw - 48px);min-width:100%}.search-configuration-form .custom-dropdown{max-height:min(420px,calc(100dvh - 120px))}.search-configuration-form .dropdown-list,.search-configuration-form .search-fields-list{max-height:min(340px,calc(100dvh - 200px))}.search-agent-scope .dropdown-header,.search-configuration-form .dropdown-group-header,.search-configuration-form .dropdown-header,.search-configuration-form .dropdown-subgroup-header{gap:8px;min-width:0}.search-agent-scope .search-field-item .field-name,.search-configuration-form .dropdown-group-header .group-name,.search-configuration-form .dropdown-subgroup-header .subgroup-name,.search-configuration-form .search-field-item .field-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-agent-scope .search-field-item .field-type,.search-configuration-form .dropdown-group-header .group-count,.search-configuration-form .dropdown-subgroup-header .subgroup-info,.search-configuration-form .search-field-item .field-type{flex:0 1 auto;max-width:44%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-developer-toggle{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;margin:10px 0 0;padding:10px 12px;width:100%}.search-developer-toggle span{flex:1 1;text-align:left}.search-developer-toggle.active{border-color:var(--accent-color);color:var(--accent-color)}.search-agent-scope{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:14px;padding:14px;position:relative;z-index:12}.search-agent-scope .form-group{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.search-agent-scope .form-label{color:var(--text-secondary);font-size:12px;font-weight:600;line-height:16px;margin:0}.search-agent-scope .custom-select-trigger{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);min-height:38px;padding:8px 10px;width:100%}.search-agent-scope .custom-dropdown{max-height:260px;min-width:100%;z-index:20}.search-agent-scope .search-fields-list{max-height:210px}@media (max-width:480px){.search-configuration-form{gap:14px;padding:12px!important}.search-configuration-form .form-row{gap:12px}}.search-configuration-panel .agentic-chat-wrapper{border:0;border-radius:0;flex:1 1;flex-direction:column;height:auto;min-height:360px}.search-configuration-panel .session-sidebar{border-bottom:1px solid var(--border-color);border-right:0;flex:0 1 auto;max-height:184px;min-height:0;width:100%}.search-configuration-panel .session-sidebar-header{min-height:38px;padding:7px 9px}.search-configuration-panel .new-session-sidebar-btn{height:24px;width:24px}.search-configuration-panel .session-list{display:flex;flex-direction:column;gap:2px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:4px 5px;scrollbar-width:thin}.search-configuration-panel .session-item{align-items:center;flex:0 0 auto;margin:0;min-width:0;padding:6px 7px;width:100%}.search-configuration-panel .session-item.active{padding-left:4px}.search-configuration-panel .session-title{line-height:1.25;margin-bottom:1px}.search-configuration-panel .session-meta{gap:5px;min-width:0;overflow:hidden;white-space:nowrap}.search-configuration-panel .session-item.active .delete-session-btn,.search-configuration-panel .session-item:focus-within .delete-session-btn{opacity:.65}.search-configuration-panel .agentic-message-list{padding:10px}.search-results-canvas{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;max-height:calc(100vh - 104px);min-height:calc(100vh - 150px);min-width:0;overflow:hidden;overflow-y:auto}.search-results-canvas-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg-secondary) 94%,#0000);border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:8}.search-results-canvas-header h2{font-size:17px;margin:2px 0 0}.search-results-eyebrow{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-results-canvas-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.search-tile-size-control{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:2px;padding:3px}.search-tile-size-label{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.04em;padding:0 4px;text-transform:uppercase}.search-tile-size-control button{background:#0000;border:0;border-radius:5px;color:var(--text-secondary);cursor:pointer;display:inline-grid;font-size:10px;font-weight:700;height:28px;padding:0;place-items:center;width:25px}.search-tile-size-control button:focus-visible,.search-tile-size-control button:hover{background:var(--bg-primary);color:var(--text-primary)}.search-tile-size-control button:disabled{background:#0000;color:var(--text-muted);cursor:not-allowed;opacity:.42}.search-tile-size-value{font-feature-settings:"tnum";color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums;font-weight:650;line-height:1;min-width:39px;text-align:center}.search-view-toggle{background:var(--bg-tertiary);border-radius:8px;display:flex;gap:3px;padding:3px}.search-view-toggle button{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;gap:5px;padding:7px 9px}.search-view-toggle button.active{background:var(--bg-primary);box-shadow:0 1px 4px #0000001f;color:var(--accent-color)}.search-results-gallery{--search-gallery-tile-width:224px;display:flex;flex-direction:column;gap:16px;padding:10px 12px 16px}.search-results-gallery--video-grid{grid-gap:16px 10px;align-items:start;display:grid;gap:16px 10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--search-gallery-tile-width)),var(--search-gallery-tile-width)));justify-content:start;padding:12px}.search-gallery-pagination-sentinel{height:1px;width:100%}.search-gallery-error{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:12px}.search-gallery-error button{background:#0000;border:1px solid;border-radius:6px;color:inherit;cursor:pointer;flex:0 0 auto;padding:5px 9px}.search-video-row{contain-intrinsic-size:260px;content-visibility:auto;min-width:0}.search-video-band-hydrator{display:block;height:1px;margin-bottom:-1px;width:100%}.search-run-band-header,.search-video-row-header{align-items:center;display:flex;gap:8px}.search-video-row-header{margin-bottom:6px;min-height:24px}.search-video-row-heading{align-items:baseline;display:flex;gap:7px;min-width:0}.search-video-row-header h3{color:var(--text-primary);font-size:13px;font-weight:650;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-video-row-heading>span{color:var(--text-muted);flex:0 0 auto;font-size:10px}.search-run-band-rule,.search-video-row-rule{background:color-mix(in srgb,var(--border-color) 78%,#0000);flex:1 1 24px;height:1px;min-width:12px}.search-gallery-secondary-action{background:#0000;border:0;color:var(--accent-color);cursor:pointer;flex:0 0 auto;font-size:10px;padding:3px 0}.search-run-band{min-width:0}.search-run-band+.search-run-band{margin-top:9px}.search-run-band-header{margin-bottom:5px;min-height:22px}.search-run-label{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:6px;min-width:0}.search-run-label>span{color:var(--text-secondary);font-weight:550;max-width:min(40vw,340px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-run-label time{color:var(--text-muted)}.search-run-label strong{color:var(--text-muted);font-size:10px;font-weight:650}.search-gallery-scroll-actions{display:flex;gap:3px}.search-gallery-scroll-actions button{background:#0000;border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:grid;height:23px;place-items:center;width:23px}.search-gallery-scroll-actions button:focus-visible,.search-gallery-scroll-actions button:hover{border-color:var(--accent-color);color:var(--accent-color)}.search-run-strip{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.search-run-strip:focus-visible{border-radius:6px;outline:2px solid var(--accent-color);outline-offset:2px}.search-run-strip::-webkit-scrollbar{display:none}.search-gallery-tile-shell{flex:0 0 min(100%,var(--search-gallery-tile-width));min-width:0;scroll-snap-align:start}.search-gallery-tile-shell>.result-card{margin:0}.search-gallery-tile-placeholder{aspect-ratio:1;background:var(--bg-tertiary);border-radius:4px;min-height:0}.search-run-empty{color:var(--text-muted);display:grid;flex:1 0 220px;font-size:12px;min-height:68px;place-items:center}.search-run-load-more{aspect-ratio:1;background:#0000;border:1px dashed var(--border-color);border-radius:4px;color:var(--accent-color);cursor:pointer;flex:0 0 138px;min-height:0}.search-video-grid-item{contain-intrinsic-size:auto calc(var(--search-gallery-tile-width) + 44px);content-visibility:auto;min-width:0;position:relative}.search-video-grid-item>.search-video-band-hydrator{height:1px;left:0;margin:0;pointer-events:none;position:absolute;top:0;width:1px}.search-video-grid-item>.search-gallery-tile-shell{min-width:0;width:100%}.search-video-grid-meta{min-width:0;padding:6px 2px 0}.search-video-grid-run-line,.search-video-grid-title-line{align-items:center;display:flex;gap:6px;min-width:0}.search-video-grid-title-line h3{color:var(--text-primary);flex:1 1 auto;font-size:12px;font-weight:650;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-video-grid-title-line>span{color:var(--text-muted);flex:0 0 auto;font-size:9px;white-space:nowrap}.search-video-grid-run-line{margin-top:3px}.search-video-grid-run{align-items:center;color:var(--text-muted);display:flex;flex:1 1 auto;font-size:10px;gap:4px;min-width:0}.search-video-grid-run>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-video-grid-run svg{flex:0 0 auto}.search-video-grid-run-toggle{background:#0000;border:0;color:var(--accent-color);cursor:pointer;flex:0 0 auto;font-size:9px;padding:1px 0}.search-video-grid-run-toggle:focus-visible{border-radius:3px;outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width:560px){.search-results-gallery--video-grid{gap:14px 8px;padding:8px}.search-video-grid-title-line{align-items:flex-start;flex-direction:column;gap:2px}}.search-agent-results-empty,.search-gallery-empty,.search-gallery-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:320px;padding:32px;text-align:center}.search-agent-result-sections{display:flex;flex-direction:column;gap:14px;padding:10px 12px 16px}.search-agent-result-section,.search-agent-result-set{outline:none;scroll-margin-top:76px;transition:box-shadow .2s ease,background .2s ease}.search-agent-result-section.highlighted,.search-agent-result-set.highlighted{background:var(--accent-color-alpha);box-shadow:0 0 0 3px var(--accent-color-alpha)}.search-agent-result-separator{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:700;gap:10px;margin-bottom:6px}.search-agent-result-separator:after{background:var(--border-color);content:"";flex:1 1;height:1px}.search-agent-result-separator strong{color:var(--text-muted);font-size:10px}.search-agent-result-set{min-width:0}.search-agent-result-set+.search-agent-result-set{margin-top:8px}.search-agent-result-set-title{align-items:center;color:var(--text-secondary);display:flex;gap:8px;min-height:20px;padding:0 10px}.search-agent-result-set-title:after{background:color-mix(in srgb,var(--border-color) 72%,#0000);content:"";flex:1 1;height:1px}.search-agent-result-set-title h3{font-size:11px;font-weight:600;margin:0}.search-agent-result-set-title span{color:var(--text-muted);font-size:10px}.search-candidate-summary{color:var(--text-muted);font-size:12px;padding:10px 14px 0}.message-result-jumps{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.message-result-jump{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--accent-color);cursor:pointer;display:flex;font-size:10px;gap:5px;max-width:100%;padding:5px 7px}.message-result-jump span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.search-agent-result-section,.search-agent-result-set{transition:none}}@media (max-width:980px){.search-workspace-shell{grid-template-columns:1fr}.search-configuration-panel{max-height:none;position:static}.search-configuration-panel .agentic-chat-wrapper{min-height:520px}}.prompt-assistant-section{background:linear-gradient(180deg,rgba(var(--accent-color-rgb),.08) 0,rgba(var(--accent-color-rgb),.03) 100%);border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:6px;margin-bottom:16px;padding:16px}.prompt-assistant-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.prompt-assistant-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.prompt-assistant-subtitle{color:var(--text-muted);font-size:13px;line-height:1.5;margin-top:4px;max-width:560px}.prompt-assistant-toggle{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;padding:9px 14px;transition:all .2s ease}.prompt-assistant-toggle.active,.prompt-assistant-toggle:hover:not(:disabled){border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.08);color:var(--accent-color)}.prompt-assistant-toggle:disabled{cursor:not-allowed;opacity:.6}.prompt-assistant-panel{display:flex;flex-direction:column;gap:12px;margin-top:14px}.prompt-assistant-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;line-height:1.5;min-height:124px;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.prompt-assistant-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.08);outline:none}.prompt-assistant-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.prompt-assistant-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.prompt-assistant-generate-btn{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.prompt-assistant-generate-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.prompt-assistant-generate-btn:disabled{cursor:not-allowed;opacity:.55}.prompt-assistant-error{align-items:center;animation:promptAssistantSlideDown .3s ease;background:rgba(var(--danger-color-rgb),.1);border:1px solid rgba(var(--danger-color-rgb),.18);border-bottom:2px solid var(--danger-color);border-radius:6px;color:var(--danger-color);display:flex;font-size:14px;gap:10px;margin-top:0;padding:10px 12px}.prompt-assistant-error svg{flex-shrink:0}@keyframes promptAssistantSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.prompt-assistant-actions,.prompt-assistant-header{align-items:stretch;flex-direction:column}.prompt-assistant-generate-btn,.prompt-assistant-toggle{justify-content:center;width:100%}}.studio-result-tools{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);font-size:12px;line-height:18px;margin-bottom:10px;min-width:0;padding:8px;position:relative}.studio-result-tools__bar{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:minmax(128px,1fr) minmax(0,3fr);min-width:0}.studio-result-tools__conditions,.studio-result-tools__filters{align-items:flex-start;display:flex;flex-direction:column;gap:6px;min-width:0}.studio-result-tools__conditions,.studio-result-tools__conditions>.studio-result-tools__chip{width:100%}.studio-result-tools__conditions:empty{display:none}.studio-result-tools__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;justify-content:flex-end;min-width:0}.studio-result-tools__actions:empty{display:none}.studio-result-tools__search{align-items:center;color:var(--text-muted);display:flex;gap:6px;height:32px;max-width:100%;min-width:0}.studio-result-tools__search input{background:#0000;border:0;color:var(--text-primary);flex:1 1;font:inherit;height:32px;min-width:0;padding:0;width:0}.studio-result-tools__actions>button,.studio-result-tools__chip>button,.studio-result-tools__filters>button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;gap:6px;justify-content:center;min-height:32px;padding:6px 10px}.studio-result-tools__actions>button>svg,.studio-result-tools__chip>button>svg,.studio-result-tools__filters>button>svg,.studio-result-tools__search>svg{flex:0 0 auto}.studio-result-tools__filters>.studio-result-tools__add{font-weight:500;white-space:nowrap}.studio-result-tools__actions>.studio-result-tools__clear,.studio-result-tools__chip>.studio-result-tools__remove{flex:0 0 32px;height:32px;padding:0;width:32px}.studio-result-tools button:disabled{cursor:default;opacity:.5}.studio-result-tools__actions>button:not(:disabled):hover,.studio-result-tools__chip>button:not(:disabled):hover,.studio-result-tools__filters>button:not(:disabled):hover{border-color:var(--accent-color);color:var(--accent-color)}.studio-result-tools__count{color:var(--text-muted);white-space:nowrap}.studio-result-tools__chip{align-items:center;display:inline-flex;flex:0 1 auto;flex-wrap:wrap;gap:6px;max-width:100%;min-width:0}.studio-result-tools .custom-select-wrapper{max-width:100%}.studio-result-tools .studio-result-tools__field{flex:0 1 160px;min-width:128px;width:160px}.studio-result-tools .studio-result-tools__operator{flex:0 1 136px;min-width:120px;width:136px}.studio-result-tools .studio-result-tools__value{flex:0 0 96px;min-width:96px;width:96px}.studio-result-tools .studio-result-tools__logic{flex:0 0 auto;min-width:68px;width:68px}.studio-result-tools .custom-select-btn{font:inherit;height:32px;min-height:32px;padding:6px 30px 6px 9px;position:relative}.studio-result-tools .custom-select-btn .select-text{min-width:0}.studio-result-tools .custom-select-wrapper:focus-within{z-index:1001}.studio-result-tools__chip input.studio-result-tools__value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:inherit;font:inherit;height:32px;padding:6px 9px}.studio-result-tools .custom-select-menu{max-height:220px;max-width:min(280px,calc(100vw - 32px));min-width:100%;right:auto;width:max-content}.studio-result-tools .custom-select-option{font:inherit;overflow-wrap:anywhere;padding:7px 10px;white-space:normal}.studio-result-tools__filters>.studio-result-tools__engine-filter{background:color-mix(in srgb,#6366f1 3%,var(--bg-primary));background:color-mix(in srgb,var(--accent-color,#6366f1) 3%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent-color,#6366f1) 18%,var(--border-color));color:var(--text-muted);flex-wrap:wrap;gap:6px;justify-content:flex-start;max-width:100%;padding:6px 9px}.studio-result-tools__filters>.studio-result-tools__engine-filter[aria-pressed=true]{background:color-mix(in srgb,#6366f1 8%,var(--bg-primary));background:color-mix(in srgb,var(--accent-color,#6366f1) 8%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent-color,#6366f1) 35%,var(--border-color));color:#6366f1;color:var(--accent-color,#6366f1)}.studio-result-tools__engine-label{font-weight:600;white-space:nowrap}.studio-result-tools__chip--saved{background:#0000;border:0;color:inherit;gap:5px;min-height:0;padding:0}.studio-result-tools__chip--saved strong{font-weight:600}.studio-result-tools__chip--saved span,.studio-result-tools__chip--saved strong{overflow-wrap:anywhere}.studio-result-tools__join{color:var(--text-muted);font-size:10px;text-transform:uppercase}.studio-result-tools button:focus-visible,.studio-result-tools input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width:480px){.studio-result-tools__bar{grid-template-columns:minmax(0,1fr)}}.video-detail-modal{background-color:var(--bg-primary);border-left:3px solid var(--accent-color);border-radius:4px;box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:900px;will-change:transform;z-index:2001}.video-detail-modal.sidebar-open{transform:translateX(0)}.video-detail-modal:not(.resizing){transition:transform .3s cubic-bezier(.4,0,.2,1)}.video-detail-modal.resizing{transition:none}.video-detail-modal:before{background:linear-gradient(180deg,var(--accent-color) 0,#0000 100%);content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:3px}.resize-handle{left:-6px;touch-action:none;width:18px;z-index:30}.resize-handle,.resize-handle.resizing,.resize-handle:hover,body.resizing-sidebar{cursor:ew-resize!important}body.resizing-sidebar{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.resizing-sidebar *{cursor:ew-resize!important}.modal-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--accent-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative}.modal-header:after{background:linear-gradient(90deg,var(--accent-color) 0,#0000 100%);bottom:-2px;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.modal-title h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 4px;word-break:break-word}.status-info{align-items:center;display:flex;gap:16px}.video-status{color:var(--text-secondary);font-size:14px;font-weight:500;text-transform:capitalize}.polling-indicator{align-items:center;animation:fadeIn .3s ease;color:var(--primary);display:flex;font-size:13px;gap:6px}.polling-indicator .spinning{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.close-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .15s ease}.close-button:hover{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.3);color:#fff;transform:translateY(-2px)}.close-button:active{transform:translateY(0)}.modal-header-actions{align-items:center;display:flex;gap:12px}.export-video-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.export-video-btn:hover:not(:disabled){background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.export-video-btn:disabled{cursor:not-allowed;opacity:.5}.modal-content{animation:fadeInContent .3s ease;display:block;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px;scroll-behavior:smooth;text-align:left}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.modal-content::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.run-selector-section{display:flex;flex-direction:column;flex-shrink:0;gap:0;position:relative;z-index:5}.studio-result-selection-note{color:var(--text-secondary);font-size:12px}.run-selector-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.run-selector-row .custom-select-container{flex:1 1 auto;min-width:0}.run-selector-section .custom-select-container{position:relative;width:100%}.run-selector-section .custom-select-trigger{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.run-selector-affordance{align-items:center;color:var(--accent-color);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:6px;white-space:nowrap}.run-selector-section .custom-select-trigger:hover{border-color:var(--accent-color)}.run-selector-section .custom-select-trigger:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}.run-selector-section .select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.run-selector-section .selected-run-value{align-items:center;display:flex;flex-wrap:wrap;gap:4px 14px;white-space:normal}.run-selector-section .custom-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;left:0;max-height:400px;min-width:100%;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.run-selector-section .dropdown-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.run-selector-section .dropdown-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.run-selector-section .dropdown-list{flex:1 1;max-height:300px;overflow-x:hidden;overflow-y:auto}.run-selector-section .dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.run-selector-section .dropdown-item:last-child{border-bottom:none}.run-selector-section .dropdown-item:hover{background-color:var(--bg-secondary)}.run-selector-section .dropdown-item.selected{background-color:rgba(var(--accent-color-rgb),.1)}.run-selector-section .dropdown-item .field-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-selector-section .dropdown-item.selected .field-name{color:var(--accent-color)}.run-selector-section .dropdown-item .run-date{background-color:var(--bg-tertiary);border-radius:3px;color:var(--text-muted);flex-shrink:0;font-size:11px;margin-left:12px;padding:2px 8px}.run-selector-section .dropdown-item-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.run-selector-section .dropdown-status-icons{align-items:center;display:flex;flex-shrink:0;gap:8px}.run-selector-section .dropdown-status-icons .status-badge{align-items:center;display:flex;gap:3px}.run-selector-section .dropdown-status-icons .status-label{color:var(--text-muted);font-size:10px}.gif-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;flex-shrink:0}.gif-container,.gif-section{overflow:hidden;position:relative}.gif-container{border-radius:4px;display:flex;flex-direction:column}.gif-container,.gif-player{background:var(--bg-tertiary)}.gif-player{border-radius:4px 4px 0 0;height:auto;max-height:400px;object-fit:contain;width:100%}.gif-info{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.gif-duration{color:var(--text-primary);font-size:14px;font-weight:600}.gif-label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.gif-loading{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(var(--bg-primary-rgb),.9);border-radius:4px;color:var(--text-primary);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.gif-loading span{font-size:16px;font-weight:500}.gif-placeholder{align-items:center;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:80px 40px;text-align:center}.gif-placeholder svg{color:var(--text-muted);margin-bottom:16px}.gif-placeholder h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.gif-placeholder p{font-size:14px;line-height:1.5;margin:0;max-width:400px}.processing-stats{background:rgba(var(--primary-color-rgb),.05);border-left:4px solid var(--primary-color);border-radius:4px;display:flex;flex-wrap:wrap;gap:24px;padding:16px 20px}.stat-item{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.success-icon{color:var(--success-color)}.pending-icon{color:var(--warning-color)}.error-icon{color:var(--danger-color)}.loaded-icon{color:var(--accent-color)}.segment-video-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:24px;padding:16px}.segment-video-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.segment-video-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.segment-video-error{align-items:center;color:var(--danger-color);display:flex;font-size:12px;gap:8px}.segment-video-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.segment-video-player{background:#000;border-radius:4px;max-height:400px;width:100%}.timeline-with-gifs-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:0;overflow:visible;padding:8px 20px 4px;position:relative}.timeline-with-gifs-section.studio-results-section{background:#0000;border:0;padding:0}.studio-results-section>.timeline-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:8px 20px 4px}.timeline-with-gifs-section h3{color:var(--text-primary);font-size:16px;font-weight:600;left:0;margin:0;padding:0 20px;position:absolute;right:0;text-align:center;top:20px}.studio-results-section .no-segments h3{position:static}.timeline-container{margin-top:0;overflow:visible;padding-top:0;position:relative;width:100%}.segment-gif{object-fit:cover;transition:all .3s ease}.gif-placeholder-mini,.segment-gif{border-radius:4px;height:100%;width:100%}.gif-placeholder-mini{align-items:center;background:var(--bg-quaternary);display:flex;justify-content:center}.gif-status{color:var(--text-muted)}.segment-time{background:#000000b3;border-radius:3px;bottom:6px;color:#fff;font-size:10px;font-weight:500;left:2px;padding:2px 4px;position:absolute}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.loading-state span{font-size:16px;font-weight:500}.no-segments{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px;text-align:center}.no-segments svg{color:var(--text-muted)}.no-segments h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.no-segments p{font-size:14px;line-height:1.5;margin:0;max-width:400px}.result-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0;padding:16px;text-align:center}.result-placeholder>svg{color:var(--text-muted);flex-shrink:0}.result-placeholder>strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4}.result-placeholder>p{font-size:12px;line-height:1.6;margin:0;max-width:38ch;overflow-wrap:anywhere}.segment-details>.result-placeholder{min-height:160px}.segmented-player-empty>p{font-size:13px;line-height:1.6;padding:0 20px;text-align:center}.run-lifecycle-state svg{color:var(--accent-color)}.segment-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-top:2px;padding:12px 16px;text-align:left}.segment-details h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:12px;margin:0 0 8px}.segment-loading{color:var(--warning-color)}.segment-status{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.status-badge{font-size:14px;gap:8px;padding:8px 16px}.status-badge.success{background:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.status-badge.pending{background:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.status-badge.error{background:rgba(var(--danger-color-rgb),.1);color:var(--danger-color)}.status-badge.loaded{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.metadata-display{margin-top:6px;text-align:left}.metadata-display-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.metadata-display-header h4{flex-shrink:0;padding:8px 0 0}.metadata-segment-marker{flex-shrink:0}.metadata-search-box{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex:1 1;gap:6px;max-width:200px;padding:4px 8px;transition:border-color .2s ease}.metadata-search-box:focus-within{border-color:var(--accent-color)}.metadata-search-icon{color:var(--text-muted);flex-shrink:0}.metadata-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:12px;min-width:0;outline:none}.metadata-search-clear,.metadata-search-input::placeholder{color:var(--text-muted)}.metadata-search-clear{align-items:center;background:var(--bg-tertiary);border:none;border-radius:3px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:all .15s ease}.metadata-search-clear:hover{background:var(--danger-color);color:#fff}.metadata-controls{align-items:center;display:flex;gap:6px;margin-left:auto}.metadata-controls .sort-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;transition:all .15s ease}.metadata-controls .sort-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.metadata-controls .sort-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.metadata-controls .view-mode-toggle{background:var(--bg-tertiary);border-radius:4px;display:flex;gap:2px;padding:2px}.metadata-controls .view-mode-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:3px 5px;transition:all .15s ease}.metadata-controls .view-mode-btn:hover{color:var(--text-secondary)}.metadata-controls .view-mode-btn.active{background:var(--bg-primary);box-shadow:0 1px 2px #0000001a;color:var(--text-primary)}.metadata-json-view{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;max-height:none;overflow:visible;padding:12px}.metadata-json-view pre{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.expand-collapse-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .15s ease}.expand-collapse-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.error-message{background:rgba(var(--danger-color-rgb),.1);border-left:4px solid var(--danger-color);border-radius:4px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message,.error-message button{align-items:center;color:var(--danger-color);display:flex}.error-message button{background:none;border:none;cursor:pointer;font-size:18px;font-weight:700;height:20px;justify-content:center;margin-left:auto;padding:0;width:20px}.warning-message{align-items:center;background:rgba(var(--warning-color-rgb),.1);border-left:4px solid var(--warning-color);border-radius:4px;color:var(--warning-color);display:flex;font-weight:500;gap:8px;margin-top:16px;padding:12px 16px}@media (max-width:768px){.video-detail-modal{border-left:none;width:100vw!important}.resize-handle{display:none}.modal-header{padding:16px 20px}.modal-title h2{font-size:20px}.modal-content{gap:16px;padding:16px}.gif-placeholder{min-height:200px;padding:40px 20px}.gif-player{max-height:250px}.processing-stats{flex-direction:column;gap:12px}.segment-status{flex-direction:column;gap:8px}.segment-time{font-size:9px;padding:1px 3px}.timeline-with-gifs-section h3{font-size:16px;margin-bottom:16px}.run-selector-section .custom-select-trigger{font-size:13px;padding:10px 12px}.run-selector-section .dropdown-item .field-name{font-size:13px}.run-selector-section .dropdown-item .run-date{font-size:10px}}[data-theme=dark] .video-detail-overlay{background-color:#000000b3}[data-theme=dark] .video-detail-modal{border-left-color:var(--accent-color);box-shadow:-8px 0 32px #0009}[data-theme=dark] .run-selector-section .custom-dropdown{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 10px 40px #00000080}[data-theme=dark] .run-selector-section .dropdown-header{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .run-selector-section .dropdown-item{border-color:var(--border-color)}[data-theme=dark] .run-selector-section .dropdown-item:hover{background-color:var(--bg-secondary)}.segmented-video-section{background:#000;border:1px solid var(--border-color);border-radius:4px;display:block!important;height:auto!important;margin-bottom:0;overflow:hidden;padding:0;width:100%}.segmented-video-section h3{display:none}.segmented-video-section .segmented-player{display:block!important;height:400px!important;width:100%}.segmented-video-section .segmented-timeline-container{display:block!important;width:100%}.segment-details-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.segment-details-header h3{margin:0}.image-preview-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:16px;padding:16px}.image-preview-section h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.image-preview-container{align-items:center;background:var(--bg-tertiary);justify-content:center;overflow:hidden}.image-preview{max-height:500px}.run-config-item{align-items:center;display:flex;gap:4px}.config-value{color:var(--text-primary);font-size:12px;font-weight:600}.config-failed{color:var(--danger-color);font-size:11px;margin-left:4px}.video-level-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-top:10px;padding:10px 12px}.video-level-header{color:var(--text-muted);display:flex;font-size:11px;gap:10px;justify-content:space-between;margin-bottom:10px}.video-level-header,.video-level-status-badge{align-items:center;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.video-level-status-badge{background:var(--bg-secondary);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:10px;justify-content:center;padding:2px 8px}.video-level-status-badge.status-processing{background:rgba(var(--accent-color-rgb),.12);color:var(--accent-color)}.video-level-status-badge.status-successful{background:#22c55e24;color:#22c55e}.video-level-status-badge.status-failed{background:#ef444424;color:#ef4444}.video-level-summary-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.video-level-summary-item{align-items:center;display:inline-flex;gap:4px}.video-level-empty,.video-level-error,.video-level-loading,.video-level-note{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.video-level-error{color:var(--danger-color)}.video-level-content{display:flex;flex-direction:column;gap:10px}.video-level-block{display:flex;flex-direction:column;gap:6px}.video-level-block-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.video-level-json,.video-level-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.video-level-block-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.video-level-fields{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:10px}.video-level-empty-fields{color:var(--text-muted);font-size:12px;padding:16px;text-align:center}.video-level-block .view-mode-toggle{background:var(--bg-tertiary);border-radius:4px;display:flex;gap:2px;padding:2px}.video-level-block .view-mode-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:3px 5px;transition:all .15s ease}.video-level-block .view-mode-btn:hover{color:var(--text-secondary)}.video-level-block .view-mode-btn.active{background:var(--bg-primary);box-shadow:0 1px 2px #0000001a;color:var(--text-primary)}.video-failed-segments-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-top:10px;padding:8px 10px}.video-failed-segments-header{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;gap:8px;justify-content:space-between;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.video-failed-segments-empty{color:var(--text-muted);font-size:12px}.video-failed-segments-list{display:flex;flex-direction:column;gap:8px}.video-failed-segment-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:10px;justify-content:space-between;padding:6px 8px}.video-failed-segment-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.video-failed-segment-label{color:var(--text-primary);font-size:12px;font-weight:700}.video-failed-segment-time{color:var(--text-muted);font-size:11px}.video-failed-segment-ops{color:var(--danger-color);font-size:11px;font-weight:600}.segment-retry-btn{background:rgba(var(--warning-color-rgb),.12);border:1px solid rgba(var(--warning-color-rgb),.45);border-radius:4px;color:var(--warning-color);cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .15s ease;white-space:nowrap}.segment-retry-btn:hover:not(:disabled){background:rgba(var(--warning-color-rgb),.18);border-color:var(--warning-color)}.segment-retry-btn:disabled{cursor:not-allowed;opacity:.7}.selected-segment-retry{margin-left:auto}.run-operation-status{display:flex;flex-wrap:wrap;gap:12px}.operation-status-row{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.operation-label{font-weight:500}.failure-count{color:var(--danger-color);font-size:11px;margin-left:2px}.status-pending{color:var(--warning-color)}.status-success{color:var(--success-color)}.status-failed{color:var(--danger-color)}.segment-operation-status{align-items:center;display:flex;gap:14px;margin-left:12px}.segment-op-item{align-items:center;color:var(--text-secondary);cursor:help;display:flex;font-size:12px;gap:5px}.segment-op-item .op-label{font-size:12px}.run-status-indicator{align-items:center;background-color:rgba(var(--warning-color-rgb),.1);border:1px solid var(--warning-color);border-radius:4px;color:var(--warning-color);display:flex;font-size:12px;gap:6px;margin-top:8px;padding:10px 16px}.video-detail-modal.video-detail-modal--embedded{--primary:var(--accent-color);--primary-color:var(--accent-color);--primary-color-rgb:var(--accent-color-rgb);--bg-quaternary:var(--bg-tertiary);align-self:stretch;border:1px solid var(--border-color);border-radius:4px;box-shadow:none;box-sizing:border-box;container-name:video-detail-studio;container-type:inline-size;height:auto;inset:auto;max-height:none;max-width:100%;min-width:0;overflow:visible;position:relative;right:auto;top:auto;transform:none;transition:background-color .2s ease,border-color .2s ease;width:100%!important;will-change:auto;z-index:auto}.video-detail-modal .segment-details-pane,.video-detail-modal .video-detail-workspace{display:contents}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-areas:"player details" "timeline details";grid-template-columns:minmax(0,3fr) minmax(320px,2fr);min-width:0}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split.video-detail-workspace--with-run-selector{grid-template-areas:"selector ." "player details" "timeline details"}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split>.run-selector-section{grid-area:selector;min-width:0}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split>.segmented-video-section{grid-area:player;min-width:0}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split>.timeline-with-gifs-section{grid-area:timeline;min-width:0}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split>.segment-details-pane{display:block;grid-area:details;min-height:0;min-width:0;position:relative}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split>.segment-details-pane>.segment-details{box-sizing:border-box;inset:0;margin:0;min-width:0;overflow:auto;position:absolute}.video-detail-modal.video-detail-modal--embedded .segmented-player-frame{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.video-detail-modal.video-detail-modal--embedded .segmented-player-frame>.segmented-player{height:100%!important;width:100%}.video-detail-modal.video-detail-modal--embedded .segmented-player-frame>.loading-state,.video-detail-modal.video-detail-modal--embedded .segmented-player-frame>.segmented-player-empty,.video-detail-modal.video-detail-modal--embedded .segmented-player-frame>.segmented-player-error{box-sizing:border-box;height:100%;inset:0;position:absolute;transform:none;width:100%}.video-detail-modal.video-detail-modal--embedded .segmented-player-frame video{height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.video-detail-modal.video-detail-modal--embedded .segment-details-pane .metadata-display-header,.video-detail-modal.video-detail-modal--embedded .segment-details-pane .segment-details-header{flex-wrap:wrap}.video-detail-modal.video-detail-modal--embedded .segment-details-pane .metadata-search-box{flex:1 1 160px;min-width:0}.video-detail-modal.video-detail-modal--embedded .gif-loading{background:var(--bg-primary)}.video-detail-modal.video-detail-modal--embedded.sidebar-open,.video-detail-modal.video-detail-modal--embedded:not(.resizing){transform:none;transition:background-color .2s ease,border-color .2s ease}.video-detail-modal.video-detail-modal--embedded:before,.video-detail-modal.video-detail-modal--embedded>.resize-handle{display:none}.video-detail-modal.video-detail-modal--embedded>.modal-content{flex:none;min-width:0;overflow:visible;padding:14px}.video-detail-modal.video-detail-modal--embedded.video-detail-modal--hidden{display:none}[data-theme=dark] .video-detail-modal.video-detail-modal--embedded{border-color:var(--border-color);box-shadow:none}@container video-detail-studio (max-width: 820px){.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split{grid-template-areas:"player" "timeline" "details";grid-template-columns:minmax(0,1fr)}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split.video-detail-workspace--with-run-selector{grid-template-areas:"selector" "player" "timeline" "details"}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split>.segment-details-pane{position:static}.video-detail-modal.video-detail-modal--embedded .video-detail-workspace--split>.segment-details-pane>.segment-details{inset:auto;margin-top:2px;overflow:visible;position:static}}@media (max-width:768px){.video-detail-modal.video-detail-modal--embedded{border:1px solid var(--border-color);width:100%!important}.video-detail-modal.video-detail-modal--embedded>.modal-content{padding:12px}}@media (prefers-reduced-motion:reduce){.video-detail-modal.video-detail-modal--embedded,.video-detail-modal.video-detail-modal--embedded.sidebar-open,.video-detail-modal.video-detail-modal--embedded:not(.resizing){transition:none}.video-detail-modal.video-detail-modal--embedded>.modal-content{animation:none;scroll-behavior:auto}.video-detail-modal.video-detail-modal--embedded .loading-spinner,.video-detail-modal.video-detail-modal--embedded .polling-indicator,.video-detail-modal.video-detail-modal--embedded .polling-indicator .spinning,.video-detail-modal.video-detail-modal--embedded .zoom-cloud{animation:none}}.workflow-run-results{background:var(--bg-primary);border-top:1px solid var(--border-color);min-width:0;padding:12px 14px}.workflow-run-results-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.workflow-result-message button{align-items:center;cursor:pointer;display:inline-flex;font:inherit;gap:6px;justify-content:center}.workflow-result-switch{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:inline-flex;gap:2px;padding:3px}.workflow-result-switch button{background:#0000;border:0;border-radius:5px;color:var(--text-secondary);font-size:11px;padding:5px 8px}.workflow-result-switch button.active{background:var(--bg-primary);box-shadow:0 1px 3px #00000014;color:#6366f1;color:var(--accent-color,#6366f1)}.workflow-result-actions button,.workflow-result-message button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);font-size:11px;padding:7px 10px}.workflow-result-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.workflow-result-message button:hover{color:#6366f1;color:var(--accent-color,#6366f1)}.workflow-result-message button:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent-color,#6366f1);outline-offset:2px}.workflow-run-results-gallery{margin-top:10px;max-height:780px;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.workflow-run-results-gallery .search-results-gallery{gap:10px;padding:0 2px 4px}.workflow-run-results-gallery .search-video-row{contain-intrinsic-size:auto 220px}.workflow-run-results-gallery .search-video-row-header{margin-bottom:2px;min-height:18px}.workflow-run-results-gallery .search-video-row-header h3{font-size:11px}.workflow-run-results-gallery .search-run-band-header{margin-bottom:3px;min-height:20px}.workflow-run-results-gallery .search-gallery-scroll-actions button{height:20px;width:20px}.workflow-run-results-gallery .search-video-grid-meta{padding-top:4px}.workflow-result-message{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:10px;justify-content:center;margin:12px 0;min-height:96px;text-align:center}.workflow-result-error{color:#dc2626;color:var(--error-color,#dc2626)}.workflow-result-unavailable{color:var(--text-secondary);font-size:11px;margin:12px 0 0}.workflow-run-results-footer{color:var(--text-secondary);color:var(--text-muted,var(--text-secondary));font-size:10px;justify-content:space-between;margin-top:10px}.workflow-result-spinner{animation:workflow-result-spin 1s linear infinite}@keyframes workflow-result-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.workflow-run-results{padding:12px}.workflow-result-actions{margin-left:0}}@media (prefers-reduced-motion:reduce){.workflow-result-spinner{animation:none}}.video-tile{aspect-ratio:1;background:var(--bg-tertiary);border:none;border-radius:4px;box-shadow:none;cursor:pointer;display:block;margin:8px 0 0;overflow:hidden;padding:0;position:relative;transition:filter .2s ease;width:100%}.video-tile.selected{box-shadow:inset 0 0 0 3px var(--accent-color)}.video-tile.active-in-sidebar{box-shadow:0 0 0 2px var(--accent-color),0 0 0 5px rgba(var(--accent-color-rgb),.22);position:relative;z-index:10}.video-tile.active-in-sidebar:after{border:2px solid var(--accent-color);border-radius:3px;box-shadow:inset 0 0 0 1px #00000059;content:"";inset:3px;pointer-events:none;position:absolute;z-index:19}.video-tile.active-in-sidebar:before{animation:pulse-glow 2s ease-in-out infinite;height:6px}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1}}.tile-selection{height:24px;left:8px;opacity:0;position:absolute;top:8px;transition:opacity .2s ease;width:24px;z-index:20}.video-tile-marker{position:absolute;right:8px;top:8px;z-index:21}.tile-selection input[type=checkbox]:checked~.tile-selection,.tile-selection:has(input[type=checkbox]:checked),.video-tile:hover .tile-selection{opacity:1}.tile-selection input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fff;border-radius:4px;cursor:pointer;height:24px;margin:0;position:relative;transition:all .2s ease;width:24px}.tile-selection input[type=checkbox]:hover{background:#000c;border-color:var(--accent-color);transform:scale(1.1)}.tile-selection input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.tile-selection input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:16px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-tile:before{background:var(--text-muted);content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:5}.video-tile.segment-status-mode:before,.video-tile.top-status-bar-hidden:before{display:none}.video-tile:hover{filter:brightness(.9)}.video-tile:hover .tile-selection input[type=checkbox]:not(:checked){animation:checkbox-pulse 1.5s ease-in-out infinite;background:#00ffff26;border-color:var(--accent-color)}@keyframes checkbox-pulse{0%,to{box-shadow:0 0 5px #0ff6}50%{box-shadow:0 0 10px #0ffc}}.video-tile.processed:before{background:var(--success-color)}.video-tile.processing:before{background:var(--warning-color)}.video-tile.failed:before{background:var(--danger-color)}.video-tile.cancelled:before,.video-tile.not_processed:before{background:var(--text-muted)}.tile-preview{background:var(--bg-tertiary);overflow:hidden}.preview-image,.tile-preview{height:100%;left:0;position:absolute;top:0;width:100%}.preview-image{display:block;object-fit:cover;transition:none}.video-tile:hover .preview-image{transform:none}.preview-placeholder{color:var(--text-muted)}.preview-loading,.preview-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview-loading{color:var(--primary-color)}.status-overlay{display:none}.run-failure-badges{display:flex;flex-direction:column;gap:4px;left:8px;pointer-events:none;position:absolute;right:8px;top:36px;z-index:13}.partial-failure-label{align-self:flex-start;background:#8c1010d1;border:1px solid #ff7a7abf;border-radius:999px;color:#ffd1d1;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.run-failure-op-badge-row{display:flex;flex-wrap:wrap;gap:4px}.run-failure-op-badge{background:#780a0ab8;border:1px solid #ff6e6e80;border-radius:999px;color:#ffe7e7;font-size:10px;font-weight:600;padding:2px 6px}.run-failure-segment-labels{background:#3a0d0dad;border:1px solid #ffb6b659;border-radius:4px;color:#fff2f2;font-size:10px;padding:2px 6px;width:fit-content}.segment-run-stack{background:linear-gradient(0deg,#0000008c 0,#0000);bottom:0;display:flex;flex-direction:column;gap:2px;left:0;padding:4px;pointer-events:none;position:absolute;right:0;z-index:12}.video-tile:hover .segment-run-stack{opacity:1}.segment-run-row{grid-gap:1px;background:#ffffff24;border-radius:999px;display:grid;gap:1px;height:3px;overflow:hidden}.segment-status-cell{border-radius:999px;opacity:.95}.segment-status-cell.pending{background:#f3c84d}.segment-status-cell.failed{background:#e85d5d}.segment-status-cell.successful{background:#4ad67b}.status-overlay .status-completed{color:var(--success-color)}.status-overlay .status-processing{color:var(--warning-color)}.status-overlay .status-failed{color:var(--danger-color)}.status-overlay .status-cancelled,.status-overlay .status-pending{color:var(--text-muted)}.sequence-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;bottom:8px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%)}.sequence-dots{align-items:center;display:flex;gap:4px}.sequence-dot{background:#ffffff80;border-radius:50%;height:6px;transition:all .3s ease;width:6px}.sequence-dot.active{background:var(--primary-color);transform:scale(1.2)}.segment-count{background:var(--primary-color);border-radius:4px;color:#fff;font-size:11px;font-weight:600;left:8px;min-width:20px;padding:2px 6px;position:absolute;text-align:center;top:8px}.tile-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(0deg,#000000f2 0,#000c 70%,#0000);bottom:0;display:flex;flex-direction:column;gap:6px;left:0;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;transform:translateY(20px);transition:all .3s ease;z-index:10}.video-tile:focus-visible .tile-info,.video-tile:focus-within .tile-info,.video-tile:hover .tile-info{opacity:1;pointer-events:all;transform:translateY(0)}.tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-shadow:0 1px 3px #000c;word-break:break-word}.tile-status{align-items:center;display:flex;justify-content:space-between}.video-tile.segment-status-mode .tile-status{justify-content:flex-end}.status-text{border-radius:4px;font-size:11px;font-weight:500;padding:1px 4px;text-transform:capitalize}.status-text.processed{background:rgba(var(--success-color-rgb),.3);color:var(--success-color)}.status-text.processing{background:rgba(var(--warning-color-rgb),.3);color:var(--warning-color)}.status-text.failed{background:rgba(var(--danger-color-rgb),.3);color:var(--danger-color)}.status-text.cancelled{background:#ffffff2e;color:#ffffffe0}.status-text.not_processed{background:#fff3;color:#fffc}.tile-date{color:#fffc;font-size:11px;text-shadow:0 1px 2px #000c}.tile-metadata-keys{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.metadata-key-tag{color:#fff;font-size:12px;text-transform:lowercase}.metadata-key-more,.metadata-key-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 100%,0 100%);font-weight:500;padding:2px 6px}.metadata-key-more{color:var(--text-muted);font-size:10px}.tile-actions{position:absolute;right:28px;top:8px;z-index:20}.actions-trigger{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none;border-radius:0;color:#ffffffb3;cursor:pointer;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));height:20px;justify-content:center;margin:0;padding:0;position:relative;transition:all .15s ease;width:20px}.tile-actions.show .actions-trigger,.video-tile:hover .actions-trigger{opacity:1}.actions-trigger:hover{color:#fff;transform:scale(1.15)}.actions-menu{animation:fadeInScale .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.action-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.action-item:hover{background:var(--bg-tertiary)}.action-item.process{color:var(--primary-color)}.action-item.delete{color:var(--danger-color)}.action-item:disabled{cursor:not-allowed;opacity:.6}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.video-tile{height:auto}.tile-title{-webkit-line-clamp:1;font-size:13px}.segment-count{font-size:10px;padding:1px 4px}.sequence-dot{height:5px;width:5px}}[data-theme=dark] .actions-menu{box-shadow:0 4px 12px #0000004d}.add-video-sidebar{background-color:var(--bg-primary);border-left:3px solid var(--accent-color);border-radius:4px;box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:820px;will-change:transform;z-index:2001}.add-video-sidebar.sidebar-open{transform:translateX(0)}.add-video-sidebar.resizing{transition:none}.add-video-sidebar:before{background:linear-gradient(180deg,var(--accent-color) 0,#0000 100%);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:3px}.add-video-sidebar .resize-handle{background:#0000;cursor:ew-resize;height:100%;left:-4px;position:absolute;top:0;transition:all .2s ease;width:12px;z-index:10}.add-video-sidebar .resize-handle.resizing,.add-video-sidebar .resize-handle:hover{background:rgba(var(--accent-color-rgb),.2)}.add-video-sidebar .resize-handle:before{background:var(--accent-color);border-radius:4px;content:"";height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .2s ease;width:3px}.add-video-sidebar .resize-handle.resizing:before,.add-video-sidebar .resize-handle:hover:before{opacity:.8}body.resizing-add-video-sidebar{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-add-video-sidebar *{cursor:ew-resize!important}.add-video-sidebar .sidebar-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:2px solid var(--accent-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.add-video-sidebar .header-title h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 6px}.add-video-sidebar .header-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.add-video-sidebar .close-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease}.add-video-sidebar .close-button:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.add-video-sidebar .sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px 24px}.add-video-sidebar .add-video-mode-tabs{background:#0000;border-bottom:1px solid var(--border-color);display:flex;gap:0;margin-bottom:-12px;overflow:visible;position:relative;z-index:1}.add-video-sidebar .add-video-mode-tabs+.sidebar-section{border-radius:0 0 4px 4px;border-top:0}.add-video-sidebar .add-video-mode-tab{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.04em;padding:11px 12px;position:relative;text-transform:uppercase;transition:all .2s ease}.add-video-sidebar .add-video-mode-tab:after{background:#0000;bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transition:background-color .2s ease}.add-video-sidebar .add-video-mode-tab:hover{background:rgba(var(--accent-color-rgb),.05);color:var(--text-primary)}.add-video-sidebar .add-video-mode-tab.active{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);font-weight:600}.add-video-sidebar .add-video-mode-tab.active:after{background:var(--accent-color)}.add-video-sidebar .add-video-mode-tab.active:hover{background:rgba(var(--accent-color-rgb),.15);color:var(--accent-color)}.add-video-sidebar .add-video-mode-tab svg{transition:transform .2s ease}.add-video-sidebar .add-video-mode-tab:hover svg{transform:translateY(-1px)}.add-video-sidebar .add-video-mode-tab.active svg{color:var(--accent-color)}.add-video-sidebar .add-video-mode-tab.locked{color:var(--text-secondary);color:var(--text-tertiary,var(--text-secondary));opacity:.72}.add-video-sidebar .add-video-mode-tab.locked:hover{opacity:1}.add-video-sidebar .sidebar-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:14px}.add-video-sidebar .section-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.add-video-sidebar .section-header-row h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.add-video-sidebar .ghost-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.add-video-sidebar .ghost-btn:disabled{cursor:not-allowed;opacity:.6}.add-video-sidebar .primary-btn{align-items:center;background:var(--accent-color);border:1px solid var(--accent-color);border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:9px 12px}.add-video-sidebar .primary-btn:disabled{cursor:not-allowed;opacity:.6}.add-video-sidebar .upload-source-actions{align-items:center;display:flex;gap:10px}.add-video-sidebar .upload-source-divider{color:var(--text-muted);font-size:11px;text-transform:uppercase}.add-video-sidebar .google-drive-upload-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:7px;justify-content:center;min-height:36px;padding:8px 11px}.add-video-sidebar .google-drive-upload-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.add-video-sidebar .close-button:disabled,.add-video-sidebar .google-drive-upload-btn:disabled{cursor:not-allowed;opacity:.6}.add-video-sidebar .google-drive-retention-copy{color:var(--text-muted);font-size:11px;line-height:1.4;margin:-2px 0 0 28px}.add-video-sidebar .upload-drop-zone{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;justify-content:center;min-height:152px;padding:28px 20px;position:relative;text-align:left;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;width:100%}.add-video-sidebar .upload-drop-zone:before{border:1px dotted rgba(var(--text-muted-rgb),.72);border-radius:4px;content:"";inset:12px;pointer-events:none;position:absolute;transition:border-color .18s ease}.add-video-sidebar .upload-drop-zone.drag-active:not(:disabled),.add-video-sidebar .upload-drop-zone:hover:not(:disabled){background:rgba(var(--accent-color-rgb),.06);border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.08)}.add-video-sidebar .upload-drop-zone.drag-active:not(:disabled):before,.add-video-sidebar .upload-drop-zone:hover:not(:disabled):before{border-color:rgba(var(--accent-color-rgb),.78)}.add-video-sidebar .upload-drop-zone.disabled,.add-video-sidebar .upload-drop-zone:disabled{cursor:not-allowed;opacity:.6}.add-video-sidebar .upload-drop-zone-icon{align-items:center;background:rgba(var(--accent-color-rgb),.12);border-radius:4px;color:var(--accent-color);display:inline-flex;flex-shrink:0;height:34px;justify-content:center;position:relative;width:34px;z-index:1}.add-video-sidebar .upload-drop-zone-copy{display:flex;flex-direction:column;gap:3px;min-width:0;position:relative;z-index:1}.add-video-sidebar .upload-drop-zone-title{color:var(--text-primary);font-size:13px;font-weight:700}.add-video-sidebar .upload-drop-zone-subtitle{color:var(--text-secondary);font-size:12px;line-height:1.35}.add-video-sidebar .field-group{display:flex;flex-direction:column;gap:6px}.add-video-sidebar .field-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.add-video-sidebar .field-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:9px 10px}.add-video-sidebar .add-video-custom-select{min-width:0;width:100%}.add-video-sidebar .add-video-custom-select .custom-select-btn{min-height:37px}.add-video-sidebar .field-hint{color:var(--text-muted);font-size:11px}.add-video-sidebar .checkbox-row{align-items:center;color:var(--text-primary);display:flex;font-size:13px;gap:8px}.add-video-sidebar .empty-hint,.add-video-sidebar .inline-loading{color:var(--text-secondary);font-size:13px;padding:8px 0}.add-video-sidebar .history-list,.add-video-sidebar .upload-attempt-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.add-video-sidebar .upload-attempt-list.timeline-list{max-height:360px}.add-video-sidebar .attempt-card,.add-video-sidebar .history-item{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:8px;padding:8px}.add-video-sidebar .attempt-card.history-entry.new,.add-video-sidebar .history-item.new{border-color:rgba(var(--accent-color-rgb),.55);box-shadow:0 0 0 1px rgba(var(--accent-color-rgb),.15) inset}.add-video-sidebar .attempt-card.history-entry.old,.add-video-sidebar .history-item.old{opacity:.9}.add-video-sidebar .attempt-left{align-items:center;display:flex;gap:8px}.add-video-sidebar .attempt-thumb{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;width:38px}.add-video-sidebar .attempt-thumb img{height:100%;object-fit:cover;width:100%}.add-video-sidebar .attempt-main,.add-video-sidebar .history-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.add-video-sidebar .attempt-title-row,.add-video-sidebar .history-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.add-video-sidebar .attempt-name,.add-video-sidebar .history-title{color:var(--text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-video-sidebar .attempt-meta,.add-video-sidebar .history-meta,.add-video-sidebar .history-progress{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.add-video-sidebar .history-left{align-items:center;display:flex;gap:8px}.add-video-sidebar .attempt-status-icon,.add-video-sidebar .history-status-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.add-video-sidebar .attempt-status-icon .failed,.add-video-sidebar .history-status-icon .failed{color:var(--danger-color)}.add-video-sidebar .attempt-status-icon .success,.add-video-sidebar .history-status-icon .success{color:var(--success-color)}.add-video-sidebar .attempt-status-icon .pending,.add-video-sidebar .attempt-status-icon .warning,.add-video-sidebar .history-status-icon .pending,.add-video-sidebar .history-status-icon .warning{color:var(--warning-color)}.add-video-sidebar .history-badges{align-items:center;display:flex;gap:4px}.add-video-sidebar .status-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.add-video-sidebar .status-chip.importing,.add-video-sidebar .status-chip.pending,.add-video-sidebar .status-chip.scanning,.add-video-sidebar .status-chip.starting,.add-video-sidebar .status-chip.uploading{border-color:rgba(var(--warning-color-rgb),.45);color:var(--warning-color)}.add-video-sidebar .status-chip.completed,.add-video-sidebar .status-chip.success{border-color:rgba(var(--success-color-rgb),.45);color:var(--success-color)}.add-video-sidebar .status-chip.cancelled,.add-video-sidebar .status-chip.failed{border-color:rgba(var(--danger-color-rgb),.45);color:var(--danger-color)}.add-video-sidebar .new-badge{background:var(--accent-color);border-radius:999px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.add-video-sidebar .attempt-error{color:var(--danger-color);font-size:11px}.add-video-sidebar .remove-attempt-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.add-video-sidebar .remove-attempt-btn:disabled{cursor:not-allowed;opacity:.5}.add-video-sidebar .remove-attempt-spacer{flex-shrink:0;height:22px;width:22px}.add-video-sidebar .section-actions{display:flex;justify-content:flex-end}.add-video-sidebar .source-chip{border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:10px;line-height:1;padding:3px 6px}.add-video-sidebar .spinning{animation:add-video-spin 1s linear infinite}@keyframes add-video-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.index-gallery{grid-gap:10px;display:grid;gap:10px;grid-auto-columns:minmax(205px,235px);grid-auto-flow:column;overflow-x:auto;padding:3px 2px 8px;scroll-snap-type:x proximity;scrollbar-color:var(--text-muted) #0000;scrollbar-width:thin}.index-gallery>p{color:var(--text-muted);font-size:12px;padding:10px}.index-gallery-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);cursor:pointer;display:flex;font:inherit;gap:10px;height:80px;min-width:0;padding:9px;position:relative;scroll-snap-align:start;text-align:left;transition:border-color .16s ease,box-shadow .16s ease}.index-gallery-card.selected,.index-gallery-card:hover{border-color:var(--accent-color)}.index-gallery-card.selected{box-shadow:0 0 0 1px var(--accent-color)}.index-gallery-card:disabled{cursor:default;opacity:.6}.index-gallery-preview{align-items:center;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);display:flex;flex:0 0 76px;height:54px;justify-content:center;overflow:hidden;position:relative}.index-gallery-image{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.index-gallery-more{background:#000000bf;border-radius:3px;bottom:3px;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;position:absolute;right:3px}.index-gallery-selected{color:var(--accent-color);position:absolute;right:5px;top:5px}.index-gallery-caption{display:flex;flex-direction:column;gap:5px;min-width:0}.index-gallery-caption strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.35;overflow:hidden}.index-gallery-caption>span{color:var(--text-muted);font-size:10px}.index-gallery-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:-3px}@media (prefers-reduced-motion:reduce){.index-gallery-card{transition:none}}.automations-tab{background:var(--bg-primary);color:var(--text-primary);container-name:automations;container-type:inline-size;height:100%;min-width:0;overflow-y:auto;padding:0;width:min(860px,100vw)}.automations-workspace{background:var(--bg-secondary);min-height:100%;width:100%}.index-automation-overlay{background:#0000004d;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1400}.index-automation-drawer{animation:automation-drawer-enter .18s ease-out;border-left:1px solid var(--border-color);box-shadow:-12px 0 40px #0003;height:100%;min-height:0;outline:none;overscroll-behavior:contain;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.index-automation-drawer::-webkit-scrollbar{width:6px}.index-automation-drawer::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}@keyframes automation-drawer-enter{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.automation-index-picker{margin:14px}.automation-index-picker>summary{color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 0}.automation-execution-history,.automation-next-execution{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;margin:14px;padding:14px}.automation-section-heading{align-items:center;color:var(--text-primary);display:flex;gap:7px}.automation-section-heading>svg{color:var(--accent-color)}.automation-section-heading>button{margin-left:auto;min-height:26px;width:26px}.automation-next-action{display:flex;flex-direction:column;gap:5px;margin-top:12px}.automation-next-action>span{color:var(--text-primary)}.automation-execution-history>p,.automation-next-action>small{color:var(--text-secondary);line-height:1.5}.automation-history-list{list-style:none;margin:12px 0 0;padding:0}.automation-history-list>li{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:10px;padding:10px 0}.automation-history-list>li>svg{color:var(--accent-color);flex-shrink:0}.automation-history-list>li>div{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.automation-history-list small{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-history-list time{color:var(--text-muted);font-size:10px;max-width:125px;text-align:right}.automation-history-run-link{align-self:flex-start;background:none;border:0;color:var(--accent-color);cursor:pointer;font:inherit;font-weight:600;padding:0}.automation-history-run-link:hover{text-decoration:underline}.automations-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:4px 4px 0 0;display:flex;gap:16px;justify-content:space-between;overflow:visible;padding:14px 16px;position:sticky;top:0;z-index:5}.automations-header-copy{align-items:center;display:flex;gap:10px;min-width:0}.automations-header-copy>svg{color:var(--accent-color);flex:0 0 auto}.automations-header-copy>div{min-width:0}.automations-header-copy h1{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.25;margin:0}.automations-header-copy p,.automations-panel-intro>p{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:4px 0 0}.automations-header-controls{align-items:flex-end;display:flex;flex:0 0 auto;gap:8px}.automations-header-copy .automations-selected-index{display:flex;flex-direction:column;gap:2px;margin-top:8px}.automations-selected-index>strong{color:var(--text-primary);font-size:16px;font-weight:600;overflow-wrap:anywhere}.automations-select.custom-select-wrapper{min-width:0;width:100%}.automations-button,.automations-empty button,.automations-icon-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:600;gap:7px;justify-content:center;min-height:34px;padding:7px 12px;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.automations-icon-button{min-height:36px;padding:0;width:36px}.automations-button--quiet:hover:not(:disabled),.automations-button--secondary:hover:not(:disabled),.automations-icon-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color);color:var(--text-primary)}.automations-button:disabled,.automations-icon-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.automations-view-switcher{grid-gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 14px 8px;padding:3px}.automations-view-switcher>button{align-items:center;background:#0000;border:0;border-radius:3px;color:var(--text-secondary);cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:600;gap:7px;justify-content:center;min-height:38px;min-width:0;padding:7px 11px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.automations-view-switcher>button:hover{background:var(--bg-hover);color:var(--text-primary)}.automations-view-switcher>button:disabled{cursor:not-allowed;opacity:.55}.automations-view-switcher>button:disabled:hover{background:#0000;color:var(--text-secondary)}.automations-view-switcher>button.is-active{background:var(--bg-primary);box-shadow:var(--shadow);color:var(--accent-color)}.automations-status{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;font-weight:700;justify-content:center;letter-spacing:.03em;line-height:1.35;margin-left:3px;min-width:0;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.automations-status--active{background:rgba(var(--success-color-rgb),.14);color:var(--success-color)}.automations-status--paused{background:rgba(var(--warning-color-rgb),.14);color:var(--warning-color)}.automations-status--provisioning{background:rgba(var(--accent-color-rgb),.12);color:var(--accent-color)}.automations-status--loading{background:rgba(var(--accent-color-rgb),.08);color:var(--text-muted)}.automations-status--error{background:rgba(var(--danger-color-rgb),.12);color:var(--danger-color)}.automations-status--disabled,.automations-status--unconfigured{background:rgba(var(--text-muted-rgb),.12);color:var(--text-muted)}.automations-panel{background:var(--bg-secondary);border:0;border-radius:0 0 4px 4px;overflow:visible}.automations-panel[hidden]{display:none}.automations-panel-intro{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:18px;justify-content:space-between;min-height:58px;padding:10px 14px}.automations-panel-intro>p{margin:0;max-width:620px}.automations-enable-toggle{align-items:center;cursor:pointer;display:flex;flex:0 0 auto;gap:10px}.automations-check-row>span,.automations-enable-toggle>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.automations-check-row strong,.automations-enable-toggle strong{color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.3}.automations-check-row small,.automations-enable-toggle small,.automations-field>small{color:var(--text-muted);font-size:10px;line-height:1.35}.automations-enable-toggle>input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.automations-switch{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;display:block;height:20px;position:relative;transition:border-color .15s ease,background-color .15s ease;width:36px}.automations-switch:after{background:var(--text-muted);border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:background-color .15s ease,transform .15s ease;width:14px}.automations-enable-toggle>input:checked+.automations-switch{background:rgba(var(--accent-color-rgb),.14);border-color:var(--accent-color)}.automations-enable-toggle>input:checked+.automations-switch:after{background:var(--accent-color);transform:translateX(16px)}.automations-enable-toggle>input:focus-visible+.automations-switch{outline:2px solid var(--accent-color);outline-offset:2px}.automations-enable-toggle>input:disabled+.automations-switch{cursor:not-allowed;opacity:.55}.automations-form{padding:16px 14px}.automations-actions[hidden],.automations-form[hidden]{display:none}.automations-form.is-disabled{opacity:.58}.automations-fields{grid-gap:14px;display:grid;gap:14px;min-width:0}.automations-fields--two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.automations-field{display:flex;flex-direction:column;gap:6px;min-width:0}.automations-field--wide{grid-column:1/-1}.automations-field-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.automations-field>input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font:inherit;font-size:13px;min-height:36px;padding:8px 11px;width:100%}.automations-field>input::placeholder{color:var(--text-muted)}.automations-field>input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.automations-field>input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.automations-field-error{color:var(--danger-color);font-size:10px;line-height:1.35}.automations-check-row{align-items:center;align-self:end;color:var(--text-primary);cursor:pointer;display:flex;gap:9px;min-height:36px;padding:4px 2px}.automations-check-row>input{accent-color:var(--accent-color);cursor:pointer;flex:0 0 auto;height:16px;width:16px}.automations-check-row>input:disabled{cursor:not-allowed}.automations-actions{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:11px 14px}.automations-actions-primary{align-items:center;display:flex;gap:8px;margin-left:auto}.automations-button--quiet{background:#0000;border-color:#0000;color:var(--text-muted)}.automations-button--secondary{background:var(--bg-primary)}.automations-button--primary,.automations-empty button{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.automations-button--primary:hover:not(:disabled),.automations-empty button:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.automations-notice{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);display:flex;font-size:12px;gap:9px;line-height:1.4;margin:0 0 8px;min-height:38px;padding:9px 11px}.automations-workspace>.automations-notice{margin:12px 14px 0}.automations-panel .automations-notice{margin:8px 14px 0}.automations-notice>svg{flex:0 0 auto}.automations-notice>span{flex:1 1;min-width:0}.automations-notice>button{background:#0000;border:0;color:inherit;cursor:pointer;flex:0 0 auto;font:inherit;font-weight:600;padding:2px 4px}.automations-notice--success{background:rgba(var(--success-color-rgb),.08);border-color:rgba(var(--success-color-rgb),.28);color:var(--success-color)}.automations-notice--error{background:rgba(var(--danger-color-rgb),.08);border-color:rgba(var(--danger-color-rgb),.28);color:var(--danger-color)}.automations-notice--info{background:rgba(var(--accent-color-rgb),.07);border-color:rgba(var(--accent-color-rgb),.24);color:var(--text-secondary)}.automations-loading{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:8px;justify-content:center;min-height:112px}.automations-loading--workspace{min-height:260px}.automations-empty{align-items:center;background:var(--bg-secondary);border:0;border-radius:0 0 4px 4px;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:28px;text-align:center}.automations-empty>svg{margin-bottom:10px}.automations-empty h2{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.automations-empty p{color:var(--text-secondary);font-size:12px;line-height:1.45;margin:5px 0 14px;max-width:440px}.automations-button:focus-visible,.automations-check-row>input:focus-visible,.automations-empty button:focus-visible,.automations-icon-button:focus-visible,.automations-notice>button:focus-visible,.automations-view-switcher>button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@keyframes automations-spin{to{transform:rotate(1turn)}}.automations-spinning{animation:automations-spin .9s linear infinite}@container automations (max-width: 720px){.automations-fields--two-column{grid-template-columns:minmax(0,1fr)}.automations-field--wide{grid-column:auto}.automations-fields--two-column>[aria-hidden=true]{display:none}}@container automations (max-width: 520px){.automations-header{flex-wrap:wrap}.automations-header-controls{margin-left:auto}.automations-panel-intro{align-items:flex-start;flex-direction:column;gap:10px}.automations-enable-toggle{justify-content:space-between;width:100%}.automations-status{max-width:106px;overflow:hidden;text-overflow:ellipsis}.automations-actions,.automations-actions-primary{align-items:stretch;flex-direction:column;width:100%}.automations-actions-primary{margin-left:0}.automations-button{width:100%}}@media (max-width:520px){.automations-header-copy{align-items:flex-start}.automations-view-switcher>button{padding-inline:7px}}@media (prefers-reduced-motion:reduce){.automations-button,.automations-header,.automations-icon-button,.automations-switch,.automations-switch:after,.automations-view-switcher>button{transition:none}.automations-spinning,.index-automation-drawer{animation:none}}.index-tab{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;padding:8px;position:relative;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body.resizing-sidebar .index-tab{transition:none}@media (max-width:768px){.index-tab.sidebar-open{margin-right:0}}.index-content{display:flex;flex:1 1;gap:8px;min-height:0;overflow:hidden}.index-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);overflow-x:hidden;overflow-y:auto;padding:8px 12px 12px;position:relative;width:200px}.index-sidebar:after{background:var(--accent-color);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.index-sidebar-header{background:#0000;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:16px;margin:0 0 14px;padding:0 0 12px;position:relative;width:100%}.index-tab .sidebar-title-row{align-items:center;display:flex;gap:6px;justify-content:space-between;min-width:0;width:100%}.index-tab .sidebar-title-content{align-items:baseline;display:flex;flex:1 1;gap:8px;min-width:0}.index-tab .sidebar-title-content h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0;min-width:0}.index-count-badge{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:500;line-height:1}.index-tab .sidebar-create-button{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:auto;padding:0;transition:all .15s ease;width:24px}.index-tab .sidebar-create-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.index-tab .sidebar-create-button:active{transform:scale(.95)}.index-tab .sidebar-create-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.index-sort-controls{align-self:flex-start;background:#0000;border:none;gap:4px;margin-top:4px;padding:0;width:auto}.index-sort-button,.index-sort-controls{align-items:center;display:flex;justify-content:flex-start}.index-sort-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;gap:3px;height:22px;min-width:0;padding:0 6px;transition:all .15s ease;white-space:nowrap}.index-sort-button:hover{background:var(--bg-hover);color:var(--text-primary)}.index-sort-button.active{background:rgba(var(--accent-color-rgb),.08);border-color:var(--accent-color);color:var(--text-primary)}.index-sort-button:active{transform:translateY(1px)}.index-create-button,.index-primary-button{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:10px;text-transform:uppercase;transition:all .15s ease}.index-create-button:hover:not(:disabled),.index-primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.index-create-button:disabled,.index-primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.index-list{display:flex;flex-direction:column;gap:4px}.index-deletion-progress{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);display:flex;font-size:12px;gap:8px;padding:9px 11px}.index-item-group{display:flex;flex-direction:column}.index-item{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-left-width:3px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:2px;min-width:0;overflow:visible;padding:10px 12px;position:relative;transition:all .15s ease}.index-item:hover{background-color:var(--bg-hover);border-left-color:var(--accent-color);transform:translateX(4px)}.index-item.menu-open{z-index:50}.index-item.selected-parent:not(.active){border-left-color:var(--accent-color)}.index-info:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.index-item.active{background:var(--accent-color);border-left-color:#fff;color:#fff;font-weight:600}.index-item.active:after{background:#fff;bottom:0;content:"";position:absolute;right:0;top:0;width:2px}.index-item.active .index-date{color:#fffc}.index-item.playground-item{background-color:rgba(var(--accent-color-rgb),.08);border-left:3px solid var(--accent-color);padding-left:13px}.index-item.playground-item:hover{background-color:rgba(var(--accent-color-rgb),.15)}.index-item.playground-item.active{background-color:var(--accent-color);border-left-color:var(--accent-hover)}.index-info{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;flex:1 1;font:inherit;padding:0;text-align:left}.index-details,.index-info{display:flex;min-width:0;overflow:hidden}.index-details{flex:1 1;flex-direction:column}.index-sidebar .index-name{display:block;font-size:13px;font-weight:500;margin-bottom:2px}.index-sidebar .index-date,.index-sidebar .index-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-sidebar .index-date{color:var(--text-muted);font-size:11px}.index-actions{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:8px;position:relative}.index-run-children{border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;margin:2px 0 8px 14px;min-width:0;padding-left:8px}.index-run-heading{font-size:10px;font-weight:600}.index-run-heading,.index-run-state{color:var(--text-muted);padding:4px 6px}.index-run-state{align-items:center;display:flex;font-size:11px;gap:6px}.index-run-state.error{color:var(--danger-color)}.index-run-state button{background:#0000;border:0;color:var(--accent-color);cursor:pointer;font:inherit;padding:3px}.index-run-item{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;gap:6px;min-width:0;padding:7px 8px;text-align:left;transition:border-color .15s ease,background .15s ease}.index-run-item:focus-visible,.index-run-item:hover{background:var(--bg-hover);border-color:var(--accent-color)}.index-run-item.active{background:rgba(var(--accent-color-rgb),.12);border-color:var(--accent-color)}.index-run-status{background:var(--text-muted);border-radius:50%;flex-shrink:0;height:6px;width:6px}.index-run-status.completed,.index-run-status.success{background:var(--success-color)}.index-run-status.failed{background:var(--danger-color)}.index-run-status.completed_with_failures{background:var(--warning-color)}.index-run-main{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.index-run-date,.index-run-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-run-name{font-size:11px;font-weight:600}.index-run-date{color:var(--text-muted);font-size:10px}.index-run-count{color:var(--text-secondary);font-size:10px;white-space:nowrap}.index-actions-trigger{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.65;padding:0;transition:all .15s ease;width:24px}.index-actions-trigger:focus-visible,.index-actions.menu-open .index-actions-trigger,.index-item:hover .index-actions-trigger{color:var(--text-primary);opacity:1}.index-item.active .index-actions-trigger{color:#ffffffd9}.index-item.active .index-actions-trigger:focus-visible,.index-item.active .index-actions.menu-open .index-actions-trigger,.index-item.active:hover .index-actions-trigger{color:#fff}.index-actions-trigger:hover{background:var(--bg-hover);transform:scale(1.05)}.index-item.active .index-actions-trigger:hover{background:#ffffff29}.index-actions-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:124px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.index-action-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background-color .15s ease;width:100%}.index-action-item:focus-visible,.index-action-item:hover{background:var(--bg-tertiary)}.index-action-item.delete{color:var(--danger-color)}[data-theme=dark] .index-actions-menu{box-shadow:0 4px 12px #0000004d}.index-main{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.index-tab .main-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;padding-bottom:2px}@media (min-width:769px){.index-tab.sidebar-open .main-header{align-items:flex-start;min-height:58px;overflow:hidden;position:relative}.index-tab.sidebar-open .index-main-meta{flex-wrap:nowrap;overflow:hidden}.index-tab.sidebar-open .index-meta-chip{flex:0 0 auto}.index-tab.sidebar-open .index-meta-chip.index-view-mode{flex:1 1 auto;min-width:0}.index-tab.sidebar-open .index-meta-chip.index-view-mode.union-view{flex:0 0 auto}.index-tab.sidebar-open .index-header-actions-controls{background:var(--bg-primary);box-shadow:-16px 0 0 var(--bg-primary);flex-wrap:nowrap;padding-left:18px;position:absolute;right:0;top:18px;transform:none;z-index:4}.index-tab.sidebar-open .index-header-actions-controls>button{white-space:nowrap}}.index-tab .header-info{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0}.index-title-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);display:inline-flex;gap:8px;max-width:100%;min-width:0;padding:4px 8px;width:fit-content}.index-tab .header-info h3{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.2;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-main-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;max-width:100%;min-width:0}.index-meta-chip{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.03em;line-height:1.2;max-width:100%;min-height:21px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.index-meta-chip,.index-meta-chip.video-count{color:var(--text-secondary)}.index-meta-chip.index-view-mode{overflow:hidden;text-overflow:ellipsis}.index-meta-chip.index-view-mode.run-view{background:rgba(var(--accent-color-rgb),.08);border-color:rgba(var(--accent-color-rgb),.35);color:var(--accent-color);max-width:min(520px,100%)}.index-header-actions-controls{align-items:center;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end;transform:translateY(4px)}.index-result-view-controls{align-items:center;display:flex;gap:6px;min-width:0}.index-result-mode-switch{border:1px solid var(--border-color);border-radius:4px;display:inline-flex;overflow:hidden}.index-result-mode-switch button{background:var(--bg-secondary);border:0;border-left:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font:inherit;font-size:10px;font-weight:600;min-height:34px;padding:6px 8px}.index-result-mode-switch button:first-child{border-left:0}.index-result-mode-switch button.active{background:var(--accent-color);color:#fff}.index-result-mode-switch button:disabled{cursor:not-allowed;opacity:.5}.index-run-pending-notice{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);display:flex;font-size:11px;gap:8px;margin:0 16px 10px;padding:9px 10px}.index-run-pending-notice>span{flex:1 1;min-width:0}.index-run-pending-notice button{background:#0000;border:1px solid;border-radius:4px;color:var(--accent-color);cursor:pointer;font:inherit;font-weight:600;padding:4px 7px}.index-tab .add-video-button,.index-tab .export-button,.index-tab .index-automation-button,.index-tab .process-all-button,.index-tab .refresh-button{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:10px;position:relative;text-transform:uppercase;transition:all .15s ease}.index-tab .add-video-button:hover,.index-tab .export-button:hover,.index-tab .index-automation-button:hover,.index-tab .process-all-button:hover,.index-tab .refresh-button:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.index-tab .refresh-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px}.index-tab .add-video-button:hover:not(:disabled),.index-tab .export-button:hover:not(:disabled),.index-tab .index-automation-button:hover:not(:disabled),.index-tab .process-all-button:hover:not(:disabled){background-color:var(--accent-hover)}.index-tab .export-button:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.index-tab .export-button.locked-action{border-color:var(--border-color);color:var(--text-secondary);color:var(--text-tertiary,var(--text-secondary));opacity:.78}.index-tab .export-button.locked-action:hover{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);opacity:1;transform:none}.index-tab .refresh-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--accent-color)}.index-tab .videos-container{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.index-tab .videos-grid-compact{grid-gap:0;display:grid;gap:0;grid-auto-rows:auto;margin:0;padding:0;width:100%}.index-tab .videos-grid-compact.show-details .video-tile .tile-info{opacity:1;pointer-events:all;transform:translateY(0)}.index-tab .videos-grid-compact.show-details .video-tile .actions-trigger,.index-tab .videos-grid-compact.show-details .video-tile .tile-selection{opacity:1}.index-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding-top:20px;text-align:center}.index-empty-state svg{color:var(--text-muted)}.index-empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600}.index-empty-state p{font-size:14px;line-height:1.5;max-width:400px}.index-no-results-state{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:20px;text-align:center}.index-no-results-state svg{color:var(--text-muted)}.index-no-results-state h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.index-no-results-state p{font-size:14px;line-height:1.5;margin:0;max-width:400px}.index-clear-search-button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.index-clear-search-button:hover{background-color:var(--accent-hover)}.index-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.index-modal{background:var(--bg-primary);border:1px solid var(--accent-color);border-radius:4px;box-shadow:var(--shadow-xl);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);max-width:480px;padding:32px;position:relative;width:90%}.index-modal:before{background:var(--gradient-primary);content:"";height:20px;position:absolute;right:0;top:0;width:20px}.index-modal:after{border:1px solid var(--accent-color);content:"";inset:0;opacity:.2;pointer-events:none;position:absolute}.index-modal h3{color:var(--text-primary);font-size:18px;font-weight:600}.index-form-group,.index-modal h3{margin-bottom:16px}.index-form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.index-form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.index-form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}.index-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.index-secondary-button{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.index-secondary-button:hover{background-color:var(--bg-tertiary)}.index-error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;box-shadow:var(--shadow-lg);font-size:14px;gap:12px;justify-content:space-between;max-width:400px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1001}.index-error-message,.index-error-message button{align-items:center;color:var(--danger-color);display:flex}.index-error-message button{background:none;border:none;cursor:pointer;font-size:18px;font-weight:700;height:20px;justify-content:center;padding:0;width:20px}.index-error-message .error-action-button{border:1px solid;border-radius:5px;font-size:13px;height:auto;line-height:1;padding:6px 10px;white-space:nowrap;width:auto}.index-error-message .error-action-button:hover{background:rgba(var(--danger-color-rgb),.08)}.index-tab .video-controls.index-video-controls{align-items:center;align-self:stretch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:0 0 4px!important;max-width:100%;padding:14px 10px 7px!important;position:relative;width:100%}.index-tab .video-controls.index-video-controls .video-filter-controls{align-items:center;display:flex;flex:0 1 auto;gap:4px;min-width:0}.index-tab .video-controls.index-video-controls .selection-controls{align-items:center;display:flex;flex-wrap:wrap;gap:0;min-width:0}.index-tab .video-controls.index-video-controls .select-all-checkbox{align-items:center;border:1px solid #0000;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:3px 6px;position:relative;text-transform:uppercase;transition:border-color .15s ease}.index-tab .video-controls.index-video-controls .select-all-checkbox:hover{border-color:var(--border-color)}.index-tab .video-controls.index-video-controls .select-all-checkbox input[type=checkbox]{appearance:none;border:2px solid var(--accent-color);border-radius:4px;cursor:pointer;height:18px;margin:0;position:relative;transition:all .15s ease;width:18px}.index-tab .video-controls.index-video-controls .select-all-checkbox input[type=checkbox]:hover{background:rgba(var(--accent-color-rgb),.08)}.index-tab .video-controls.index-video-controls .select-all-checkbox input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.index-tab .video-controls.index-video-controls .select-all-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:13px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.index-tab .video-controls.index-video-controls .select-all-checkbox span{-webkit-user-select:none;user-select:none}.index-tab .video-controls.index-video-controls .search-container{flex:0 1 260px;max-width:260px;min-width:140px;position:relative}.index-tab .video-controls.index-video-controls .search-icon{color:var(--text-muted);left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.index-tab .video-controls.index-video-controls .search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:13px;padding:8px 12px 8px 34px;transition:border-color .15s ease,background-color .15s ease;width:100%}.index-tab .video-controls.index-video-controls .search-input:focus{background-color:var(--bg-primary);border-color:var(--accent-color);outline:none}.index-tab .video-controls.index-video-controls .search-input::placeholder{color:var(--text-muted)}.index-tab .video-controls.index-video-controls .sort-controls{align-items:center;display:flex;gap:4px;margin-left:0}.index-tab .video-controls.index-video-controls .control-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:0;height:36px;overflow:hidden}.index-tab .video-controls.index-video-controls .control-group.zoom-group{align-items:center;gap:6px;height:36px;margin-left:0;padding:0 2px}.index-tab .video-controls.index-video-controls .control-button{align-items:center;background:#0000;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:0;justify-content:center;letter-spacing:.5px;min-height:100%;padding:0 12px;text-transform:uppercase;transition:all .15s ease;white-space:nowrap}.index-tab .video-controls.index-video-controls .control-button:last-child{border-right:none}.index-tab .video-controls.index-video-controls .control-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.index-tab .video-controls.index-video-controls .control-button.active{background:var(--accent-color);color:#fff;font-weight:600}.index-tab .video-controls.index-video-controls .control-button.active:hover{background:var(--accent-hover)}.index-tab .video-controls.index-video-controls .control-button:disabled{cursor:not-allowed;opacity:.5}.index-tab .video-controls.index-video-controls .control-button.control-fixed{flex:0 0 112px;height:100%;max-width:112px;min-width:112px;padding:5px 24px 5px 12px;position:relative;width:112px}.index-tab .video-controls.index-video-controls .control-button.control-fixed .control-content{align-items:center;display:flex;flex-direction:column;gap:1px;height:100%;justify-content:center}.index-tab .video-controls.index-video-controls .control-button.control-fixed .control-label{display:block;font-size:11px;font-weight:500;letter-spacing:.5px;line-height:1.2;text-align:center;text-transform:uppercase}.index-tab .video-controls.index-video-controls .control-button.control-fixed .control-subtext{display:block;font-size:8px;font-weight:400;letter-spacing:0;line-height:1;opacity:.7;text-align:center;text-transform:lowercase;white-space:nowrap}.index-tab .video-controls.index-video-controls .control-button.control-fixed .sort-indicator{align-items:center;display:flex;font-size:13px;font-weight:600;height:13px;justify-content:center;line-height:1;margin-left:0;position:absolute;right:7px;top:50%;transform:translateY(-50%);width:13px}.index-tab .video-controls.index-video-controls .control-button.zoom-btn{align-items:center;border-left:none;border-right:none;display:flex;font-size:18px;font-weight:600;justify-content:center;min-width:32px;padding:0 8px}.index-tab .video-controls.index-video-controls .control-button.zoom-btn:first-child{border-right:1px solid var(--border-color)}.index-tab .video-controls.index-video-controls .control-button.zoom-btn:last-child{border-left:1px solid var(--border-color)}.index-tab .video-controls.index-video-controls .zoom-value{color:var(--text-primary);font-size:11px;font-weight:500;letter-spacing:.5px;line-height:normal;padding:0 3px;text-transform:uppercase;white-space:nowrap}.index-tab.sidebar-open .video-controls.index-video-controls{flex-wrap:nowrap}.index-tab.sidebar-open .video-controls.index-video-controls .video-filter-controls{flex:1 1 auto}.index-tab.sidebar-open .video-controls.index-video-controls .video-filter-controls .search-container{flex:1 1 180px;min-width:0}.index-tab .sort-icon-active{color:var(--accent-color)}.index-tab .sort-icon-inactive{color:var(--text-muted);opacity:.5}@media (max-width:768px){.index-result-view-controls{flex-wrap:wrap;width:100%}.index-tab .video-controls.index-video-controls{align-items:stretch;flex-direction:column;gap:12px}.index-tab .video-controls.index-video-controls .sort-controls{flex-wrap:wrap;justify-content:center}}.index-tab .pagination-controls{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;padding:24px 0}.index-tab .load-more-button{align-items:center;background:var(--primary-color);border:none;border-radius:4px;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.index-tab .load-more-button:hover:not(:disabled){background:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.4);transform:translateY(-1px)}.index-tab .load-more-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.index-tab .pagination-info{color:var(--text-secondary);font-size:13px;font-weight:500}@media (max-width:768px){.index-tab .videos-grid-compact{gap:0}}[data-theme=dark] .index-item.playground-item{background-color:rgba(var(--accent-color-rgb),.1);border-left-color:var(--accent-color)}[data-theme=dark] .index-item.playground-item:hover{background-color:rgba(var(--accent-color-rgb),.15)}[data-theme=dark] .index-item.playground-item.active{background-color:var(--accent-color);border-left-color:var(--accent-hover)}.index-tab .loading-videos{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:20px}.index-loading-spinner,.index-spinning{animation:index-spin 1s linear infinite}@keyframes index-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.index-modal.create-index-modal{max-width:600px}.index-export-modal{max-height:min(86vh,760px);max-width:680px;overflow-y:auto}.index-export-options>p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.index-export-destination{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin:16px 0 0;min-width:0;padding:12px}.index-export-section-title{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.04em;padding:0 5px;text-transform:uppercase}.index-export-radio-group{display:flex;flex-wrap:wrap;gap:8px 20px}.index-export-radio{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;gap:7px}.index-export-radio input{accent-color:var(--accent-color)}.index-export-connector-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:12px}.index-export-form-group{margin:0;min-width:0}.index-export-form-group label{color:var(--text-secondary);font-size:12px}.index-export-select{appearance:auto}.index-export-empty-note{color:var(--text-secondary);font-size:13px;grid-column:1/-1}.index-export-field-hint{color:var(--text-secondary);font-size:11px;margin-top:4px}.index-export-run-list{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);line-height:1.45}.index-export-message,.index-export-run-list{border-radius:4px;font-size:13px;margin-top:16px;padding:10px 12px}.index-export-message{align-items:center;display:flex;gap:8px}.index-export-empty{color:var(--text-secondary);justify-content:center}.index-export-message.success{background:#10b9811a;background:var(--success-bg,#10b9811a);color:var(--success);color:var(--success-color,var(--success))}.index-export-message.error{background:#ef44441a;background:var(--error-bg,#ef44441a);color:var(--error);color:var(--danger-color,var(--error))}.index-export-message>span{flex:1 1;min-width:0}.index-export-error-action{background:#0000;border:1px solid;border-radius:4px;color:inherit;cursor:pointer;flex:0 0 auto;font:inherit;font-weight:600;padding:5px 8px}.index-export-history{border-top:1px solid var(--border-color);margin-top:20px;padding-top:14px}.index-export-history-title{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 8px}.index-export-history-empty,.index-export-history-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;justify-content:center;padding:14px 10px;text-align:center}.index-export-history-list{grid-gap:6px;display:grid;gap:6px;max-height:170px;overflow-y:auto}.index-export-history-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:8px 10px}.index-export-history-item>div{min-width:0}.index-export-history-name{color:var(--text-primary);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-export-history-meta{color:var(--text-secondary);font-size:11px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}.index-export-download-button{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:600;gap:5px;padding:6px 8px}.index-export-download-button:hover{background:var(--accent-hover)}.index-export-modal .index-primary-button{justify-content:center}@media (max-width:640px){.index-export-modal{padding:24px 18px}.index-export-connector-fields{grid-template-columns:minmax(0,1fr)}.index-export-history-item{align-items:flex-start}}.index-automation-control{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.index-tab .index-automation-button.is-active:not(:hover){color:var(--accent-color)}.index-automation-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.workflow-filter-editor{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:16px;min-width:0;padding:18px}.workflow-filter-group-header,.workflow-filter-heading,.workflow-filter-level-logic-heading,.workflow-filter-limit{align-items:center;display:flex;gap:14px;justify-content:space-between}.workflow-filter-title{align-items:flex-start;display:flex;gap:9px}.workflow-filter-title>svg{color:var(--accent-color);flex-shrink:0;margin-top:2px}.workflow-filter-group h5,.workflow-filter-title h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.workflow-filter-field-help,.workflow-filter-group-header p,.workflow-filter-level-logic p,.workflow-filter-notice,.workflow-filter-title p{color:var(--text-muted);font-size:12px;line-height:1.5;margin:5px 0 0}.workflow-filter-field-chip,.workflow-filter-status,.workflow-filter-type,.workflow-filter-value-chip{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);display:inline-flex;font-size:11px;line-height:1.4;padding:4px 8px}.workflow-filter-status{flex-shrink:0;white-space:nowrap}.workflow-filter-status.enabled,.workflow-filter-value-chip{background:rgba(var(--accent-color-rgb),.06);border-color:rgba(var(--accent-color-rgb),.25);color:var(--accent-color)}.workflow-filter-empty,.workflow-filter-limit{color:var(--text-muted);font-size:12px;line-height:1.5}.workflow-filter-body,.workflow-filter-conditions{display:flex;flex-direction:column;gap:12px}.workflow-filter-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;min-width:0;padding:14px}.workflow-filter-group-header{margin-bottom:14px}.workflow-filter-editor .custom-select-wrapper{min-width:0;width:100%}.workflow-filter-editor .workflow-filter-logic-select,.workflow-filter-editor .workflow-filter-output-select{flex:0 0 205px}.workflow-filter-editor .custom-select-btn{font-size:12px;min-height:36px;width:100%}.workflow-filter-editor .custom-select-menu{scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.workflow-filter-editor .custom-select-menu::-webkit-scrollbar{width:5px}.workflow-filter-editor .custom-select-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.workflow-filter-condition input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font:inherit;font-size:12px;min-height:36px;min-width:0;padding:8px 10px;width:100%}.workflow-filter-condition input:focus-visible,.workflow-filter-editor button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.workflow-filter-condition input:disabled{cursor:not-allowed;opacity:.5}.workflow-filter-empty{align-items:center;display:flex;gap:10px;justify-content:space-between}.workflow-filter-add{align-items:center;align-self:flex-start;background:#0000;border:1px solid rgba(var(--accent-color-rgb),.4);border-radius:4px;color:var(--accent-color);cursor:pointer;display:inline-flex;flex-shrink:0;font:inherit;font-size:12px;font-weight:500;gap:5px;padding:7px 10px}.workflow-filter-add:hover:not(:disabled){background:rgba(var(--accent-color-rgb),.06)}.workflow-filter-add:disabled{cursor:not-allowed;opacity:.5}.workflow-filter-condition{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;min-width:0;padding:12px}.workflow-filter-condition-header{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:8px;margin-bottom:10px}.workflow-filter-condition-header>.workflow-filter-remove{margin-left:auto}.workflow-filter-condition-fields{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}.workflow-filter-condition-fields.no-value{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.workflow-filter-field{color:var(--text-secondary);display:flex;flex-direction:column;font-size:11px;gap:6px;min-width:0}.workflow-filter-field-help{margin-top:10px;overflow-wrap:anywhere}.workflow-filter-field-help.error{color:var(--danger-color)}.workflow-filter-condition.readonly{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.workflow-filter-field-chip,.workflow-filter-value-chip{overflow-wrap:anywhere}.workflow-filter-join{align-items:center;color:var(--accent-color);display:flex;font-size:10px;font-weight:600;gap:10px}.workflow-filter-join:after,.workflow-filter-join:before{background:var(--border-color);content:"";flex:1 1;height:1px}.workflow-filter-remove{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;width:26px}.workflow-filter-remove:hover{border-color:rgba(var(--danger-color-rgb),.3);color:var(--danger-color)}.workflow-filter-level-logic{background:rgba(var(--accent-color-rgb),.06);border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:6px;color:var(--text-secondary);font-size:12px;padding:14px}.workflow-filter-level-logic-heading>.custom-select-wrapper{flex:0 1 275px}@media (max-width:760px){.workflow-filter-condition-fields,.workflow-filter-condition-fields.no-value{grid-template-columns:1fr}.workflow-filter-empty,.workflow-filter-group-header,.workflow-filter-heading,.workflow-filter-level-logic-heading{align-items:stretch;flex-direction:column}.workflow-filter-editor .workflow-filter-logic-select,.workflow-filter-editor .workflow-filter-output-select,.workflow-filter-level-logic-heading>.custom-select-wrapper{flex-basis:auto}.workflow-filter-limit{align-items:flex-start}}.prompt-card-wrapper{height:380px;position:relative;width:100%}.prompt-card-wrapper--compact{height:304px}.prompt-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;height:380px;overflow:hidden;position:relative;transition:height .3s ease,transform .2s ease,box-shadow .2s ease;width:100%}.prompt-card--compact{height:304px}.prompt-card-filter-summary{border-top:1px solid var(--border-color);color:var(--text-secondary);flex-shrink:0;font-size:11px;line-height:1.4;max-height:80px;overflow-y:auto;padding:8px 12px}.prompt-card-filter-summary strong{align-items:center;color:var(--text-primary);display:flex;font-size:11px;gap:5px}.prompt-card-filter-summary p{margin:4px 0 0}.prompt-card.disabled{cursor:not-allowed;opacity:.5}.prompt-card.disabled:hover{border-color:var(--border-color);box-shadow:var(--shadow);transform:none}.prompt-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.prompt-card.expanded{background:var(--bg-secondary);box-shadow:0 8px 24px #0003;height:auto!important;max-height:600px;position:absolute;z-index:100}.prompt-card.expanded .fields-list{max-height:400px!important;overflow-y:auto!important}.prompt-card-colorbar{background:var(--text-muted);height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.prompt-card.default .prompt-card-colorbar{background:var(--accent-color)}.prompt-card.creating .prompt-card-colorbar{animation:pulse-bar 2s ease-in-out infinite;background:var(--accent-color)}.prompt-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.prompt-card:hover .prompt-card-colorbar{height:6px}.prompt-card.selected{border-color:var(--accent-color);border-width:2px;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.prompt-card.selected .prompt-card-colorbar{background:var(--accent-color);height:6px}.prompt-card-header{align-items:center;display:flex;flex-shrink:0;gap:8px;height:56px;justify-content:space-between;padding:16px}.prompt-card--compact .prompt-card-header{height:48px;padding:12px}.prompt-card--compact .prompt-name{font-size:13px}.prompt-card-title{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.prompt-card-selection-indicator{align-items:center;background:rgba(var(--accent-color-rgb),.1);border:1px solid rgba(var(--accent-color-rgb),.3);border-radius:999px;color:var(--accent-color);display:inline-flex;flex:0 0 auto;font-size:9px;font-weight:700;gap:3px;line-height:1;max-width:118px;padding:3px 6px;white-space:nowrap}.prompt-card-selection-indicator svg{flex:0 0 auto}.prompt-name{color:var(--text-primary);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-shrink:0;font-size:13px;height:52px;line-height:1.4;overflow:hidden;padding:0 16px 8px}.prompt-card--compact .prompt-card-description{font-size:10px;height:43px;padding:0 12px 7px}.prompt-workflow-slot{height:432px;min-width:0;position:relative}.prompt-workflow-slot.is-pinned{height:560px}.prompt-workflow-slot:focus-within{z-index:21}.prompt-workflow-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;inset:0 auto auto 0;min-width:0;overflow:hidden;position:absolute;transition:width .18s ease,height .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.prompt-workflow-card.is-exploring{border-color:rgba(var(--accent-color-rgb),.55);box-shadow:var(--shadow-lg),0 12px 36px #0003;position:fixed;z-index:1500}.prompt-workflow-card.selected{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.prompt-workflow-card.is-exploring.selected{box-shadow:0 0 0 1px var(--accent-color),var(--shadow-lg),0 12px 36px #0003}.prompt-workflow-card.disabled{cursor:default;opacity:.6}.prompt-workflow-header{align-items:flex-start;display:flex;flex-shrink:0;gap:8px;padding:14px 14px 10px}.prompt-workflow-heading-copy{flex:1 1;min-width:0}.prompt-workflow-header h4{color:var(--text-primary);font-size:14px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}.prompt-workflow-header p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:11px;line-height:1.5;margin:0;overflow:hidden}.prompt-workflow-select{align-items:flex-start;background:#0000;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:0;text-align:left}.prompt-workflow-select>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.prompt-workflow-card.is-expanded .prompt-workflow-select>span{display:block}.prompt-workflow-select svg{color:var(--accent-color);flex-shrink:0;margin-top:3px}.prompt-workflow-select:disabled{cursor:default}.prompt-workflow-header-actions{display:flex;flex-direction:column;flex-shrink:0;gap:3px}.prompt-workflow-header-actions button{align-items:center;background:#0000;border:0;border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;height:25px;justify-content:center;padding:0;width:25px}.prompt-workflow-header-actions button:hover{background:rgba(var(--accent-color-rgb),.08);color:var(--accent-color)}.prompt-workflow-card button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.prompt-workflow-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.prompt-workflow-badge,.prompt-workflow-chip,.prompt-workflow-logic-chip{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);display:inline-flex;font-size:10px;font-weight:500;line-height:1.4;max-width:100%;overflow-wrap:anywhere;padding:2px 6px}.prompt-workflow-badge.accent,.prompt-workflow-logic-chip{background:rgba(var(--accent-color-rgb),.08);border-color:rgba(var(--accent-color-rgb),.2);color:var(--accent-color)}.prompt-workflow-stages{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow:hidden;padding:0 12px 10px}.prompt-workflow-card.is-expanded .prompt-workflow-stages{overflow-y:auto;overscroll-behavior:auto;scrollbar-color:var(--text-muted) #0000;scrollbar-width:thin}.prompt-workflow-stages::-webkit-scrollbar{width:6px}.prompt-workflow-stages::-webkit-scrollbar-track{background:#0000}.prompt-workflow-stages::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.prompt-workflow-stages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.prompt-workflow-stage{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;flex-shrink:0;min-width:0;padding:8px 9px}.prompt-workflow-stage:hover{border-color:rgba(var(--accent-color-rgb),.4)}.prompt-workflow-card:not(.is-expanded) .prompt-workflow-extraction{flex:1 1;min-height:110px;overflow:hidden}.prompt-workflow-stage-heading{align-items:center;background:#0000;border:0;color:var(--accent-color);cursor:pointer;display:flex;font:inherit;gap:6px;padding:0;text-align:left;width:100%}.prompt-workflow-stage-title{color:var(--text-primary);flex:1 1;font-size:11px;font-weight:600}.prompt-workflow-step{align-items:center;background:rgba(var(--accent-color-rgb),.1);border-radius:50%;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;height:18px;justify-content:center;width:18px}.prompt-workflow-summary{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.prompt-workflow-summary-note{color:var(--text-muted);font-size:10px;line-height:1.4}.prompt-workflow-fields-preview{display:flex;flex-direction:column;gap:7px;margin-top:7px}.prompt-workflow-fields-preview.has-video{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-workflow-field-preview{min-width:0}.prompt-workflow-preview-level{color:var(--text-muted);display:block;font-size:9px;font-weight:600;line-height:1.4;margin-bottom:3px}.prompt-workflow-field-cloud{align-items:center;display:flex;flex-wrap:wrap;gap:4px;max-height:44px;overflow:hidden}.prompt-workflow-field-cloud .prompt-workflow-chip{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-workflow-preview-more{color:var(--text-muted);font-size:9px;white-space:nowrap}.prompt-workflow-field-excerpt{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:10px;line-height:1.4;margin:4px 0 0;overflow:hidden}.prompt-workflow-fields-preview.has-video .prompt-workflow-field-excerpt{display:none}.prompt-workflow-filter-preview{align-items:flex-start;display:flex;flex-direction:column;gap:3px;margin-top:6px}.prompt-workflow-rule-group{grid-gap:5px;align-items:start;display:grid;gap:5px;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;width:100%}.prompt-workflow-rule-group .prompt-workflow-preview-level{margin:1px 0 0;white-space:nowrap}.prompt-workflow-rule-copy{min-width:0}.prompt-workflow-rule-preview{color:var(--text-secondary);font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-workflow-rule-join{color:var(--accent-color);font-size:9px;font-weight:600}.prompt-workflow-filter-preview .prompt-workflow-logic-chip{font-size:9px;padding:0 4px}.prompt-workflow-field-groups{grid-gap:14px;display:grid;gap:14px;margin-top:12px}.prompt-workflow-field-groups.has-video{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-workflow-field-group{min-width:0}.prompt-workflow-field-group h6{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;gap:7px;margin:0 0 8px}.prompt-workflow-fields .field-item{align-items:flex-start;background:#0000;padding:7px 0}.prompt-workflow-fields .field-name{font-size:11px;overflow-wrap:anywhere;white-space:normal}.prompt-workflow-fields .field-description{-webkit-line-clamp:unset;display:block;font-size:11px;line-height:1.5}.prompt-workflow-fields .field-type{font-size:9px;margin-top:1px;max-width:90px;white-space:normal}.prompt-workflow-selection .workflow-filter-editor{background:#0000;border:0;margin-top:10px;padding:0}.prompt-workflow-selection .workflow-filter-heading{display:none}.prompt-workflow-selection .workflow-filter-group{background:var(--bg-primary);padding:10px}.prompt-workflow-selection .workflow-filter-group-header,.prompt-workflow-selection .workflow-filter-level-logic-heading{flex-wrap:wrap;gap:8px}.prompt-workflow-selection .workflow-filter-status{white-space:normal}.prompt-workflow-selection .workflow-filter-group-header p{display:none}.prompt-workflow-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:space-between;min-height:32px;padding:5px 12px}.prompt-workflow-footer .prompt-workflow-badges{gap:4px}.prompt-workflow-actions{align-items:center;display:flex;flex:1 1;gap:9px;justify-content:space-between}.prompt-workflow-clone,.prompt-workflow-disable-filter,.prompt-workflow-show-details{align-items:center;background:#0000;border:0;color:var(--accent-color);cursor:pointer;display:inline-flex;font:inherit;font-size:10px;gap:4px;padding:3px 0}.prompt-workflow-clone:hover:not(:disabled),.prompt-workflow-disable-filter:hover:not(:disabled){text-decoration:underline}.prompt-workflow-show-details{border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);font-weight:600;justify-content:center;padding:5px 8px;white-space:nowrap}.prompt-workflow-show-details:hover:not(:disabled){background:var(--accent-color);color:#fff}.prompt-workflow-actions button:disabled{cursor:default;opacity:.55}@media (max-width:560px){.prompt-workflow-slot.is-pinned{height:min(600px,80vh)}.prompt-workflow-field-groups.has-video{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.prompt-workflow-card{transition:none}}.prompt-card-fields-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0 16px}.prompt-card--compact .prompt-card-fields-section{padding-inline:12px}.prompt-card--compact .fields-section-header{margin-bottom:5px;padding-bottom:5px}.prompt-card--compact .fields-count{font-size:10px}.prompt-card--compact .fields-tab{font-size:9px;padding:2px 6px}.fields-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.fields-count{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px}.fields-count,.fields-count svg{color:var(--text-muted)}.fields-tab-switch{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:flex;gap:2px;padding:2px}.fields-tab{background:#0000;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:10px;font-weight:500;padding:3px 8px;transition:all .15s ease}.fields-tab:hover{color:var(--text-secondary)}.fields-tab.active{background:var(--bg-secondary);box-shadow:0 1px 2px #0000001a;color:var(--text-primary)}.fields-list{flex:1 1;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative}.fields-list::-webkit-scrollbar{-webkit-transition:width .2s ease;transition:width .2s ease;width:0}.prompt-card:hover .fields-list::-webkit-scrollbar{width:8px}.prompt-card:hover .fields-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.prompt-card:hover .fields-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;min-height:30px}.prompt-card:hover .fields-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.fields-list{scrollbar-width:none}.prompt-card:hover .fields-list{scrollbar-color:var(--text-muted) var(--bg-tertiary);scrollbar-width:thin}.no-fields{color:var(--text-muted);font-size:12px;font-style:italic;padding:20px;text-align:center}.field-item{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;font-size:12px;gap:8px;padding:10px 16px;transition:all .2s ease}.field-item:last-child{border-bottom:none}.field-item:hover{background:var(--bg-secondary)}.field-item.depth-0{padding-left:16px}.field-item.depth-1{font-size:11.5px;padding-left:32px;position:relative}.field-item.depth-2{font-size:11px;padding-left:48px;position:relative}.field-item.depth-3-plus{font-size:10.5px;padding-left:64px;position:relative}.field-item.depth-1:before,.field-item.depth-2:before,.field-item.depth-3-plus:before{background:rgba(var(--text-muted-rgb),.4);content:"";height:1px;position:absolute;top:50%}.field-item.depth-1:before{left:18px;width:10px}.field-item.depth-2:before{left:34px;width:10px}.field-item.depth-3-plus:before{left:50px;width:10px}.field-item.depth-1:after,.field-item.depth-2:after,.field-item.depth-3-plus:after{background:rgba(var(--text-muted-rgb),.4);content:"";height:50%;position:absolute;top:0;width:1px}.field-item.depth-1:after{left:18px}.field-item.depth-2:after{left:34px}.field-item.depth-3-plus:after{left:50px}.field-item.depth-1 .field-type,.field-item.depth-2 .field-type{font-size:10px;padding:1px 4px}.field-item.depth-3-plus .field-type{font-size:9px;padding:1px 3px}.field-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-copy{flex:1 1;min-width:0}.field-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:9px;font-weight:400;line-height:1.3;margin-top:2px;overflow:hidden}.prompt-card--compact .field-item{align-items:flex-start;font-size:10px;gap:6px;padding-bottom:6px;padding-top:6px}.prompt-card--compact .field-item.depth-0{padding-left:8px}.prompt-card--compact .field-item.depth-1{font-size:9.5px;padding-left:22px}.prompt-card--compact .field-item.depth-2{font-size:9px;padding-left:36px}.prompt-card--compact .field-item.depth-3-plus{font-size:8.5px;padding-left:50px}.prompt-card--compact .field-type{font-size:9px;padding:1px 4px}.field-type{flex-shrink:0;font-weight:300;padding:2px 5px;text-transform:uppercase}.field-type.string{background:rgba(var(--accent-color-rgb),.15);color:var(--accent-color)}.field-type.integer,.field-type.number{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.field-type.boolean{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.field-type.array,.field-type.object{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.prompt-card-expand-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;bottom:48px;box-shadow:0 2px 4px #0000001a;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;gap:4px;left:50%;opacity:0;padding:4px 12px;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:10}.prompt-card:hover .prompt-card-expand-btn{opacity:1;visibility:visible}.prompt-card-expand-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary)}.prompt-card-expand-btn svg{flex-shrink:0}.prompt-card-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;margin-top:12px;padding:8px 16px}.prompt-card--compact .prompt-card-footer{margin-top:8px;padding:6px 12px}.prompt-card--compact .prompt-card-meta{font-size:10px}.prompt-card-meta{align-items:center;display:flex;font-size:11px;gap:6px}.card-icon,.prompt-card-meta,.prompt-card-meta svg{color:var(--text-muted)}.prompt-card.creating{background:rgba(var(--accent-color-rgb),.05);border:2px dashed var(--accent-color);opacity:.9}.prompt-card.creating:hover{background:rgba(var(--accent-color-rgb),.08);opacity:1}.schema-editor{--schema-field-control-height:42px;background:var(--bg-primary);font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;padding:12px}.schema-field{align-items:center;display:flex;gap:8px;padding:4px 0;position:relative}.schema-field-children{border-left:1px solid var(--border-color);margin-left:20px;padding-left:12px}.schema-field-name{align-items:center;display:flex;flex-shrink:0}.schema-field-name-input{background:#0000;border:none;border-bottom:1px dashed #0000;color:#e06c75;font-family:inherit;font-size:inherit;max-width:180px;min-width:60px;outline:none;padding:2px 4px}.schema-editor .schema-field input.schema-field-name-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:#fff;font-family:inherit;font-size:13px;height:var(--schema-field-control-height);line-height:1;max-width:180px;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.schema-field-name-input:hover{border-bottom-color:var(--border-color)}.schema-field-name-input:focus{border-bottom-color:var(--accent-color);border-bottom-style:solid}.schema-field-name-input::placeholder{color:var(--text-muted);font-style:italic}.schema-field-name-text{color:#e06c75;padding:2px 4px}.schema-field-colon{color:var(--text-muted);margin-right:4px}.schema-field-type{flex-shrink:0}.schema-field-type-select{min-width:0;width:168px}.schema-field-type-select .custom-select-btn{background:var(--bg-primary);border-radius:4px;color:#fff;font-family:inherit;font-size:13px;height:var(--schema-field-control-height);line-height:1;min-height:var(--schema-field-control-height);padding:0 30px 0 12px}.schema-field-type-select .custom-select-menu{z-index:40}.schema-field-type-select .custom-select-option{font-family:inherit;font-size:13px}.schema-field-type-select .custom-select-btn:focus,.schema-field-type-select .custom-select-btn:hover:not(:disabled){border-color:var(--accent-color)}.schema-field-type-badge{background:var(--bg-secondary);border-radius:3px;color:var(--text-muted);font-size:11px;padding:2px 6px}.schema-field-required{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;box-sizing:border-box;cursor:pointer;flex-shrink:0;font-size:10px;gap:3px;padding:0 6px;-webkit-user-select:none;user-select:none}.schema-editor .schema-field .schema-field-required,.schema-field-required{align-items:center;color:var(--text-muted);display:inline-flex;height:var(--schema-field-control-height);justify-content:center}.schema-editor .schema-field .schema-field-required{border-radius:4px;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:0;line-height:1;margin:0;padding:0 10px;text-transform:uppercase}.schema-field-required:hover{border-color:var(--accent-color)}.schema-field-required input{cursor:pointer;height:12px;margin:0;width:12px}.schema-field-required.is-required{color:var(--text-secondary)}.schema-field-required-badge{color:var(--warning-color);font-size:10px;font-weight:600}.schema-field-actions{gap:3px}.schema-field-actions,.schema-field-move,.schema-field-remove{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.schema-field-move,.schema-field-remove{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;color:#fff;cursor:pointer;height:var(--schema-field-control-height);line-height:1;opacity:1;padding:0;transition:background .15s,border-color .15s,color .15s,opacity .15s;width:36px}.schema-field-move:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff3d;color:#fff}.schema-field-move:disabled{color:#fff9;cursor:default;opacity:.32}.schema-field-remove:hover{background:rgba(var(--danger-color-rgb),.14);border-color:rgba(var(--danger-color-rgb),.34);color:var(--danger-color)}.schema-field-desc{flex:1 1;min-width:0}.schema-field-desc-input{background:#0000;border:none;border-bottom:1px dashed #0000;color:var(--text-secondary);font-family:inherit;font-size:12px;outline:none;padding:2px 4px;width:100%}.schema-editor .schema-field input.schema-field-desc-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-family:inherit;font-size:13px;height:var(--schema-field-control-height);line-height:1;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.schema-field-desc-input:hover{border-bottom-color:var(--border-color)}.schema-field-desc-input:focus{border-bottom-color:var(--accent-color);border-bottom-style:solid}.schema-field-desc-input::placeholder,.schema-field-desc-text{color:var(--text-muted);font-style:italic}.schema-field-desc-text{font-size:12px;padding:2px 4px}.schema-field-options{margin-left:20px;padding:4px 0}.schema-field-options-label{color:var(--text-muted);font-size:11px;margin-bottom:4px}.schema-field-options-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:12px;max-width:300px;min-height:60px;outline:none;padding:6px 8px;resize:vertical;width:100%}.schema-field-options-input:focus{border-color:var(--accent-color)}.schema-field-options-tags{display:flex;flex-wrap:wrap;gap:4px}.schema-field-options-tag{background:var(--bg-secondary);border-radius:3px;color:var(--text-secondary);font-size:11px;padding:2px 6px}.schema-field-default{align-items:center;display:flex;gap:8px;margin-left:20px;padding:4px 0}.schema-field-default-label{color:var(--text-muted);font-size:11px}.schema-field-default-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:12px;max-width:150px;outline:none;padding:3px 6px}.schema-field-default-input:focus{border-color:var(--accent-color)}.schema-field-default-select{min-width:0;width:168px}.schema-field-default-select .custom-select-btn{background:var(--bg-secondary);border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:12px;padding:6px 30px 6px 8px}.schema-field-default-select .custom-select-option{font-family:inherit;font-size:12px}.schema-field-default-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:2px 4px}.schema-field-default-clear:hover{color:var(--danger-color)}.schema-field-advanced{display:flex;flex-direction:column;gap:6px;margin-left:20px;padding:4px 0}.schema-field-advanced-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.schema-field-advanced-label{color:var(--text-muted);font-size:11px;min-width:36px}.schema-field-advanced-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:12px;min-width:96px;outline:none;padding:3px 6px}.schema-field-advanced-input.short{max-width:80px;min-width:64px}.schema-field-advanced-input:focus{border-color:var(--accent-color)}.schema-field-advanced-checkbox{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:11px;gap:5px}.schema-field-advanced-checkbox input{margin:0}.schema-add-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;gap:4px;margin-top:4px;padding:4px 0}.schema-add-btn:hover{color:var(--accent-color)}.schema-add-btn-icon{font-size:14px;font-weight:700}.schema-nested-header{align-items:center;display:flex;gap:8px;margin-top:4px;padding:4px 0}.schema-nested-label{color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.schema-empty{font-style:italic;padding:8px 0}.schema-empty,.schema-field-bracket{color:var(--text-muted);font-size:12px}.schema-editor.readonly .schema-add-btn,.schema-editor.readonly .schema-field-actions,.schema-editor.readonly .schema-field-remove{display:none}.schema-preview{border-top:1px dashed var(--border-color);margin-top:16px;padding-top:12px}.schema-preview-label{color:var(--text-muted);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.schema-preview-json{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:10px 12px;white-space:pre}.schema-additional-props{border-bottom:1px dashed var(--border-color);margin-bottom:8px;padding:8px 0}.schema-additional-props.nested{margin-bottom:4px;padding:4px 0}.schema-additional-props-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px}.schema-additional-props-toggle input[type=checkbox]{cursor:pointer;margin:0}.schema-additional-props-readonly{color:var(--text-muted);font-size:11px;font-style:italic}.semantic-indexing-picker{display:flex;flex-direction:column;gap:12px}.semantic-indexing-picker.disabled{opacity:1}.semantic-indexing-summary{display:flex;flex-direction:column;gap:4px}.semantic-indexing-count{color:var(--text-primary);font-size:.95rem}.semantic-indexing-count strong{color:var(--accent-color)}.semantic-indexing-note{color:var(--text-muted);font-size:.85rem;line-height:1.4}.semantic-indexing-empty{background:rgba(var(--text-muted-rgb),.06);border:1px dashed var(--border-color);border-radius:10px;color:var(--text-muted);font-size:.9rem;padding:12px}.semantic-indexing-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;max-height:280px;overflow-y:auto}.semantic-indexing-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;gap:8px;min-height:38px;padding:7px 10px 7px 12px;transition:background-color .18s ease,box-shadow .18s ease}.semantic-indexing-item.is-searchable{background:rgba(var(--accent-color-rgb),.045);box-shadow:inset 3px 0 0 rgba(var(--accent-color-rgb),.72)}.semantic-indexing-item.is-excluded{background:#0000;box-shadow:inset 3px 0 0 rgba(var(--text-muted-rgb),.36)}.semantic-indexing-item:hover{background:var(--bg-secondary)}.semantic-indexing-item:last-child{border-bottom:none}.semantic-indexing-item input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;flex:0 0 auto;height:16px;margin:0;width:16px}.semantic-indexing-item input[type=checkbox]:disabled{cursor:default;opacity:.85}.semantic-indexing-picker.disabled .semantic-indexing-item,.semantic-indexing-picker.readonly .semantic-indexing-item{cursor:default}.semantic-indexing-item-content{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;min-width:0}.semantic-indexing-item-header{align-items:center;display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px;min-width:0}.semantic-indexing-item-label{color:var(--text-primary);font-size:.86rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.semantic-indexing-item-type{background:rgba(var(--accent-color-rgb),.14);border:1px solid rgba(var(--accent-color-rgb),.32);border-radius:999px;color:var(--accent-hover);text-transform:uppercase}.semantic-indexing-item-type,.semantic-indexing-warning{flex:0 0 auto;font-size:.66rem;font-weight:600;line-height:1.2;padding:2px 6px}.semantic-indexing-warning{align-items:center;background:rgba(var(--warning-color-rgb),.14);border:1px solid rgba(var(--warning-color-rgb),.32);border-radius:999px;color:var(--warning-color);display:inline-flex;gap:4px}.semantic-indexing-readonly-summary{display:flex;flex-direction:column;gap:10px}.semantic-indexing-readonly-group{display:flex;flex-direction:column;gap:6px}.semantic-indexing-readonly-label{color:var(--text-secondary);font-size:.82rem;font-weight:600;text-transform:uppercase}.semantic-indexing-readonly-tags{display:flex;flex-wrap:wrap;gap:6px}.semantic-indexing-tag{align-items:center;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:.8rem;gap:6px;max-width:100%;padding:4px 8px 4px 10px}.semantic-indexing-tag-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.semantic-indexing-tag-type{border-radius:999px;flex:0 0 auto;font-size:.62rem;font-weight:700;line-height:1.2;padding:2px 5px;text-transform:uppercase}.semantic-indexing-tag.enabled{background:rgba(var(--success-color-rgb),.14);border-color:rgba(var(--success-color-rgb),.32);color:var(--success-color)}.semantic-indexing-tag.enabled .semantic-indexing-tag-type{background:rgba(var(--success-color-rgb),.18);border:1px solid rgba(var(--success-color-rgb),.36)}.semantic-indexing-tag.disabled{background:var(--bg-tertiary);color:var(--text-secondary)}.semantic-indexing-tag.disabled .semantic-indexing-tag-type{background:rgba(var(--text-muted-rgb),.16);border:1px solid rgba(var(--text-muted-rgb),.28);color:var(--text-muted)}.semantic-indexing-none{color:var(--text-muted);font-size:.85rem}.included-fields-picker{display:flex;flex-direction:column;gap:8px}.included-fields-list{display:flex;flex-wrap:wrap;gap:6px}.included-field-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px;transition:border-color .15s;-webkit-user-select:none;user-select:none}.included-field-item:hover{border-color:var(--accent-color)}.included-field-item input[type=checkbox]{cursor:pointer;margin:0}.included-field-item.custom{border-style:dashed}.included-field-item.readonly{cursor:default;padding:4px 10px}.included-field-name{color:var(--text-primary)}.custom-field-input{display:flex;gap:6px;margin-top:4px}.custom-field-input input[type=text]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:12px;padding:6px 10px}.custom-field-input input[type=text]:focus{border-color:var(--accent-color);outline:none}.custom-field-add-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:opacity .15s}.custom-field-add-btn:disabled{cursor:not-allowed;opacity:.5}.custom-field-add-btn:not(:disabled):hover{opacity:.9}.included-fields-hint{color:var(--text-muted);font-size:11px;font-style:italic}.selected-fields-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.selected-field-row{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:10px;padding:10px 12px}.selected-field-order{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.selected-field-content{flex:1 1;min-width:0}.selected-field-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.selected-field-button:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.selected-field-button.delete:hover:not(:disabled){background:var(--danger-color);border-color:var(--danger-color)}.selected-field-button:disabled{cursor:not-allowed;opacity:.4}.included-fields-picker.disabled .included-field-item{cursor:not-allowed;opacity:.6}.included-fields-picker.disabled .included-field-item:hover{border-color:var(--border-color)}.included-fields-picker.disabled .included-field-item input[type=checkbox]{cursor:not-allowed}.included-fields-picker.disabled .selected-field-row{opacity:.6}.included-fields-picker.disabled .selected-field-button{cursor:not-allowed}.prompt-detail-sidebar{background-color:var(--bg-primary);border-left:3px solid var(--accent-color);border-radius:4px;box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:900px;will-change:transform;z-index:2001}.prompt-detail-sidebar.sidebar-open{transform:translateX(0)}.prompt-detail-sidebar:not(.resizing){transition:transform .3s cubic-bezier(.4,0,.2,1)}.prompt-detail-sidebar.resizing{transition:none}.prompt-detail-sidebar:before{background:linear-gradient(180deg,var(--accent-color) 0,#0000 100%);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:3px}.resize-handle{background:#0000;cursor:ew-resize;height:100%;left:-4px;position:absolute;top:0;transition:all .2s ease;width:12px;z-index:10}.resize-handle.resizing,.resize-handle:hover{background:rgba(var(--accent-color-rgb),.2)}.resize-handle:before{background:var(--accent-color);border-radius:4px;content:"";height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .2s ease;width:3px}.resize-handle:hover:before{opacity:.6}.resize-handle.resizing:before{box-shadow:0 0 8px rgba(var(--accent-color-rgb),.6);opacity:1}body.resizing-prompt-sidebar{cursor:ew-resize!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.resizing-prompt-sidebar *{cursor:ew-resize!important}.modal-header,.sidebar-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--accent-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative}.modal-header:after,.sidebar-header:after{background:linear-gradient(90deg,var(--accent-color) 0,#0000 100%);bottom:-2px;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.modal-header h2,.sidebar-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0;word-break:break-word}.header-actions{align-items:center;display:flex;gap:12px;margin:12px}.action-button,.close-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.action-button:hover,.close-button:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:var(--shadow);color:var(--accent-color);transform:translateY(-1px)}.sidebar-content{background:var(--bg-primary);padding:24px}.section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:32px;padding:20px}.section:last-child{margin-bottom:0}.section h3{color:var(--text-primary);font-size:16px;font-weight:600}.section h3,.section-header{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.schema-mode-actions{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-wrap:nowrap;gap:2px;padding:3px;width:fit-content}.schema-mode-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;justify-content:center;line-height:1;min-height:28px;min-width:72px;padding:5px 12px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.schema-mode-button:hover{background:rgba(var(--accent-color-rgb),.06);color:var(--text-primary)}.schema-mode-button.active{box-shadow:0 1px 2px #00000029;font-weight:600}.schema-mode-button.active,.schema-mode-button.active:hover{background:var(--bg-secondary);color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input[type=text],.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.form-group textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.schema-advanced-editor textarea{font-family:Monaco,Courier New,monospace;font-size:13px;width:100%}.schema-mode-hint{color:var(--text-muted);font-size:12px;margin-top:8px}.readonly-value{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;line-height:1.5;padding:10px 12px}.readonly-value.prompt-text{font-family:Monaco,Courier New,monospace;font-size:13px;white-space:pre-wrap;word-break:break-word}.fields-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.empty-fields{color:var(--text-muted);font-size:14px;padding:40px;text-align:center}.schema-options-row{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px}.schema-options-row.nested{background:#0000;border-bottom:none;padding:0 0 12px}.schema-option-toggle{width:fit-content}.schema-option-readonly{color:var(--text-muted);font-size:13px}.field-row{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px;transition:background .2s ease}.field-row:last-child{border-bottom:none}.field-row:hover{background:var(--bg-tertiary)}.field-order{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.btn-icon{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.btn-icon:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.05)}.btn-icon:disabled{cursor:not-allowed;opacity:.3}.btn-icon.delete:hover{background:var(--danger-color);border-color:var(--danger-color)}.field-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.field-main{align-items:center;display:flex;gap:8px}.field-description-input,.field-name-input,.field-type-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 10px;transition:all .2s ease}.field-name-input{flex:1 1}.field-type-select{cursor:pointer;min-width:140px}.field-description-input:focus,.field-name-input:focus,.field-type-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1);outline:none}.checkbox-label{background:var(--bg-tertiary);border-radius:4px;font-size:13px;gap:6px;padding:6px 10px;transition:background .2s ease;white-space:nowrap}.checkbox-label:hover{background:var(--bg-hover)}.field-readonly{width:100%}.field-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.field-name{color:var(--text-primary);font-size:14px;font-weight:600}.field-type{background:var(--accent-color);font-weight:500}.field-required,.field-type{border-radius:4px;color:#fff;font-size:11px;padding:3px 8px}.field-required{background:var(--warning-color);font-weight:600}.field-description{color:var(--text-muted);font-size:13px;line-height:1.5}.field-enum-options textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}.field-enum-options textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1);outline:none}.field-default input,.field-default select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 10px;transition:all .2s ease;width:100%}.field-default-actions{display:flex;flex-direction:column;gap:8px}.field-default-clear{align-self:flex-start;background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:12px;padding:0}.field-default-clear:hover{text-decoration:underline}.field-default input:focus,.field-default select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1);outline:none}.nested-field-editor{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-top:12px;padding:12px}.nested-field-editor.readonly{background:var(--bg-primary)}.nested-field-header{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:12px}.nested-fields-list{gap:10px}.nested-field-row{background:var(--bg-primary);border-radius:6px;padding:10px}.nested-summary{margin-top:10px}.field-summary{gap:8px}.field-tag{background:var(--bg-tertiary);display:flex;padding:4px 8px}.field-tag-name{color:var(--text-secondary);font-weight:500}.field-tag-type{font-size:11px}.message{align-items:center;animation:slideDown .3s ease;display:flex;font-size:14px;gap:10px;padding:12px 20px}.message.success{background:rgba(var(--success-color-rgb),.1);border-bottom:2px solid var(--success-color);color:var(--success-color)}.message.error{background:rgba(var(--danger-color-rgb),.1);border-bottom:2px solid var(--danger-color);color:var(--danger-color)}.message svg{flex-shrink:0}.sidebar-actions{background:var(--bg-secondary);border-top:2px solid var(--accent-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button,.save-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.cancel-button{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-button:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.save-button{background:var(--accent-color);border:none;color:#fff}.save-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.add-field-button{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.add-field-button:hover{background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.preview-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-row{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.form-group.compact{margin-bottom:12px}.form-group.compact label{font-size:11px;margin-bottom:4px}.form-group.compact input[type=text],.form-group.compact textarea{font-size:13px;padding:8px 10px}.form-group.compact textarea{min-height:60px}.prompt-info-section{border-bottom:2px solid var(--border-color);margin-bottom:8px;padding-bottom:16px}.schema-section{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}.schema-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.section-helper{color:var(--text-muted);font-size:12px;line-height:1.4;margin:0 0 12px;padding:0}.schema-editor-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.schema-editor-header label{margin-bottom:0}.instructions-editor{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.instructions-textarea{background:#0000;border:none;border-radius:0;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;min-height:60px;padding:10px 12px 6px;resize:vertical;width:100%}.instructions-textarea:focus{outline:none}.instructions-textarea:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.instructions-editor:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.instructions-readonly{background:#0000;border:none;border-radius:0}.field-helper{color:var(--text-muted);font-size:11px;font-style:italic;margin:6px 0 0;padding:0}.video-level-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:12px}.video-level-toggle input[type=checkbox]{margin:0}.video-level-toggle .schema-label{cursor:pointer;margin-bottom:0}.schema-section.nested{border-top:none;margin-top:8px;padding-top:0}.field-summary{display:flex;flex-wrap:wrap;gap:6px}.field-tag{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);display:inline-flex;font-size:12px;gap:4px;padding:3px 8px}.field-tag-type{color:var(--text-muted);font-size:10px}.field-tag-required{color:var(--warning-color);font-weight:700}.preview-section{margin-bottom:16px}.preview-section:last-child{margin-bottom:0}.preview-helper{color:var(--text-muted);font-size:11px;line-height:1.4;margin:0 0 8px;padding:0}.response-preview-json{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;margin:0;max-height:360px;min-height:0;overflow:auto;padding:12px;white-space:pre}.prompt-detail-sidebar [hidden]{display:none!important}.prompt-detail-sidebar .sidebar-content{min-height:0;padding:22px 24px}.prompt-detail-sidebar .sidebar-content,.prompt-detail-sidebar .sidebar-content *{scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.prompt-detail-sidebar ::-webkit-scrollbar{height:6px;width:6px}.prompt-detail-sidebar ::-webkit-scrollbar-track{background:#0000}.prompt-detail-sidebar ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}.prompt-detail-sidebar ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.prompt-detail-sidebar .sidebar-header{gap:16px;padding:18px 24px}.prompt-detail-sidebar .sidebar-header h2{font-size:20px}.prompt-detail-sidebar .engine-editor-identity{min-width:0}.prompt-detail-sidebar .engine-editor-identity>span{color:var(--text-muted);display:block;font-size:11px;margin-bottom:4px}.prompt-detail-sidebar .header-actions{gap:8px;margin:0}.prompt-detail-sidebar .engine-editor-header-action{font-size:12px;gap:7px;white-space:nowrap}.engine-editor-stage-toolbar{align-items:center;color:var(--text-muted);display:flex;font-size:12px;justify-content:flex-end;margin-bottom:12px}.engine-editor-stage{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:18px;position:relative;scroll-margin-top:12px}.engine-editor-stage:last-child{margin-bottom:0}.engine-editor-stage:not(:last-child):after{border-left:2px solid var(--border-color);bottom:-19px;content:"";height:18px;left:29px;position:absolute}.engine-editor-stage-toggle{align-items:center;background:#0000;border:0;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font:inherit;gap:12px;padding:14px 16px;text-align:left;width:100%}.engine-editor-stage-toggle:hover{background:var(--bg-hover)}.engine-editor-stage-toggle>svg{color:var(--text-muted);flex-shrink:0}.engine-editor-stage-label{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.engine-editor-stage-label strong{font-size:14px;font-weight:600}.engine-editor-stage-label>span{color:var(--text-muted);font-size:12px;line-height:1.45}.engine-editor-stage-chevron{transform:rotate(-90deg);transition:transform .16s ease}.engine-editor-stage-toggle[aria-expanded=true] .engine-editor-stage-chevron{transform:rotate(0deg)}.engine-editor-stage-body{border-top:1px solid var(--border-color);min-width:0;padding:18px 16px}.engine-editor-stage-body>:last-child{margin-bottom:0}.engine-editor-step{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;height:26px;justify-content:center;width:26px}.engine-editor-stage-toggle[aria-expanded=true] .engine-editor-step{background:rgba(var(--accent-color-rgb),.08);border-color:rgba(var(--accent-color-rgb),.3);color:var(--accent-color)}.engine-editor-content,.engine-editor-layout{min-width:0;width:100%}.engine-editor-panel-heading{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.engine-editor-panel-heading h3{color:var(--text-primary);font-size:16px;margin:0}.engine-editor-panel-heading p{color:var(--text-muted);font-size:12px;line-height:1.6;margin:6px 0 0;max-width:470px}.engine-editor-expand-actions{display:flex;flex-shrink:0;gap:8px}.engine-editor-expand-actions button{align-items:center;background:#0000;border:1px solid #0000;border-radius:5px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:11px;justify-content:center;padding:6px}.engine-editor-expand-actions button:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--accent-color)}.prompt-detail-sidebar .engine-schema-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:block;height:auto;margin:0 0 14px;padding:0}.engine-schema-section-toggle{align-items:center;background:#0000;border:0;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;font-size:13px;font-weight:600;gap:8px;padding:15px 16px;text-align:left;width:100%}.engine-schema-section-toggle:hover{background:var(--bg-hover)}.engine-schema-section-toggle>svg{color:var(--text-muted);flex-shrink:0;transform:rotate(-90deg)}.engine-schema-section-toggle>svg.expanded{transform:rotate(0deg)}.engine-schema-section-body{border-top:1px solid var(--border-color);min-width:0;padding:16px}.engine-video-section-heading{align-items:center;display:flex;gap:8px}.engine-video-section-heading .engine-schema-section-toggle{flex:1 1;min-width:0}.engine-video-enable{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:6px;margin-right:16px}.engine-video-enable input{accent-color:var(--accent-color)}.engine-editor-empty{color:var(--text-muted);font-size:12px;line-height:1.6;margin:0}.prompt-detail-sidebar .schema-editor-header{flex-wrap:wrap}.prompt-detail-sidebar .form-group label{letter-spacing:normal;text-transform:none}.prompt-detail-sidebar .form-group textarea{box-sizing:border-box}.prompt-detail-sidebar .instructions-readonly{overflow-wrap:anywhere;white-space:pre-wrap}.prompt-detail-sidebar .schema-field{flex-wrap:wrap}.prompt-detail-sidebar .schema-field-desc{flex-basis:220px}.prompt-detail-sidebar .schema-field-name-text{overflow-wrap:anywhere}.prompt-detail-sidebar .schema-editor .schema-field input.schema-field-name-input,.prompt-detail-sidebar .schema-field-move,.prompt-detail-sidebar .schema-field-remove,.prompt-detail-sidebar .schema-field-type-select .custom-select-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.prompt-detail-sidebar .engine-editor-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:flex-end;margin:0;padding:16px 24px}.prompt-detail-sidebar .engine-editor-expand-actions button:focus-visible,.prompt-detail-sidebar .engine-editor-stage-toggle:focus-visible,.prompt-detail-sidebar .engine-schema-section-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width:620px){.prompt-detail-sidebar .sidebar-header{align-items:flex-start;padding:14px 16px}.prompt-detail-sidebar .sidebar-header h2{font-size:16px}.prompt-detail-sidebar .header-actions{flex-wrap:wrap;justify-content:flex-end}.prompt-detail-sidebar .engine-editor-header-action span{display:none}.prompt-detail-sidebar .sidebar-content{padding:16px}.prompt-detail-sidebar .form-row{grid-template-columns:1fr}.engine-editor-stage-toggle{gap:8px;padding:12px 10px}.engine-editor-stage-toggle>svg:not(.engine-editor-stage-chevron){display:none}.engine-editor-stage:not(:last-child):after{left:23px}.engine-editor-stage-body{padding:14px 10px}.engine-schema-section-toggle{padding:12px}.engine-video-enable{margin-right:12px}}@media (prefers-reduced-motion:reduce){.engine-editor-stage-chevron{transition:none}}.prompt-execution-config{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:18px;padding:20px}.prompt-execution-config-heading{align-items:flex-start;display:flex;gap:10px}.prompt-execution-config-heading>svg{color:var(--accent-color);margin-top:2px}.prompt-execution-config-heading h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.prompt-execution-config-heading p,.prompt-execution-config-help{color:var(--text-muted);font-size:12px;line-height:1.6;margin:4px 0 0}.prompt-execution-config-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.prompt-execution-field{align-items:flex-start;color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;gap:7px;min-width:0}.prompt-execution-field .custom-select-wrapper{width:100%}.prompt-execution-field .custom-select-btn{background:var(--bg-primary);min-height:38px}.prompt-execution-duration{align-items:center;display:flex;gap:8px;width:100%}.prompt-execution-duration input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font:inherit;min-height:38px;min-width:0;padding:8px 10px;width:100%}.prompt-execution-duration input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.prompt-execution-cost-badge,.prompt-execution-value-chip{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:500;line-height:1.3;padding:4px 8px}.prompt-execution-value-chip.enabled{background:rgba(var(--accent-color-rgb),.08);border-color:rgba(var(--accent-color-rgb),.25);color:var(--accent-color)}.prompt-execution-cost-badge{color:var(--text-muted);font-size:10px}.prompt-execution-toggles{display:flex;flex-direction:column;gap:12px}.prompt-execution-option{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:10px;padding:12px}.prompt-execution-option input[type=checkbox]{accent-color:var(--accent-color);margin:3px 0 0}.prompt-execution-option-copy{display:flex;flex:1 1;flex-direction:column;min-width:0}.prompt-execution-option-title{color:var(--text-primary);font-size:13px;font-weight:500}.prompt-execution-option-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}@media (max-width:620px){.prompt-execution-config-grid{grid-template-columns:1fr}.prompt-execution-option{flex-wrap:wrap}}.engine-gallery{min-width:0;position:relative;width:100%}.engines-library{overflow:visible}.engines-library-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:12px}.engines-library-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.engines-search{align-items:center;display:flex;position:relative}.engines-search>svg{color:var(--text-muted);left:10px;pointer-events:none;position:absolute}.engines-search input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font:inherit;font-size:12px;padding:8px 10px 8px 33px;width:200px}.engines-search input::placeholder{color:var(--text-muted)}.engines-search input:focus{border-color:var(--accent-color);outline:none}.engines-expand-controls button,.engines-refresh-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:33px;justify-content:center;padding:0;width:33px}.engines-expand-controls button:hover:not(:disabled),.engines-refresh-button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.engines-create-card:disabled,.engines-expand-controls button:disabled,.engines-refresh-button:disabled{cursor:default;opacity:.45}.engines-expand-controls{display:flex;gap:4px}.engines-expand-controls .engines-row-toggle{font:inherit;font-size:11px;gap:4px;padding:0 8px;width:auto}.engines-library-tabs{align-items:center;display:flex;gap:16px}.engines-library-tabs>button{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:600;gap:7px;padding:10px 1px;white-space:nowrap}.engines-library-tabs>button.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.engines-library-tabs>button>span{background:var(--bg-tertiary);border-radius:999px;color:var(--text-muted);font-size:10px;padding:2px 6px}.engine-gallery button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.engines-library-content{padding-top:16px}.engines-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-auto-columns:min(320px,100%);grid-auto-flow:column;grid-template-rows:432px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin}.engines-grid.is-two-rows{grid-template-rows:repeat(2,432px)}.engines-grid.all-expanded{grid-auto-columns:min(520px,100%)}.engines-grid .prompt-workflow-slot.is-pinned{grid-column:auto;height:432px}.engines-create-card{align-items:center;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:14px;height:432px;justify-content:center;min-width:0;padding:28px;text-align:center;transition:border-color .18s ease,background .18s ease}.engines-create-card:hover:not(:disabled){background:rgba(var(--accent-color-rgb),.035);border-color:var(--accent-color)}.engines-create-card-icon{background:rgba(var(--accent-color-rgb),.08);border-radius:50%;color:var(--accent-color);display:inline-flex;padding:14px}.engines-create-card strong{color:var(--text-primary);font-size:14px}.engines-create-card>span:not(.engines-create-card-icon){font-size:12px;line-height:1.6;max-width:240px}.engines-create-card .engines-create-card-hint{align-items:center;color:var(--text-muted);display:inline-flex;font-size:11px;gap:6px}.engines-create-card-hint svg{flex-shrink:0}.engines-empty-message{color:var(--text-muted);font-size:12px;margin:14px 0 0}.engines-error,.engines-notice{align-items:center;border:1px solid var(--border-color);border-radius:5px;display:flex;font-size:12px;gap:10px;margin-top:12px;padding:10px 12px}.engines-notice{background:var(--bg-tertiary);color:var(--text-secondary)}.engines-error span,.engines-notice span{flex:1 1}.engines-notice button{background:#0000;border:0;color:var(--text-muted);cursor:pointer;font-size:20px;padding:0 4px}.engines-error{background:rgba(var(--danger-color-rgb),.08);border-color:rgba(var(--danger-color-rgb),.28);color:var(--danger-color)}.engines-error>svg{flex-shrink:0}.engines-error button{background:#0000;border:1px solid;border-radius:4px;color:inherit;cursor:pointer;font:inherit;padding:5px 8px}.engines-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:12px;justify-content:center;min-height:220px}.engines-spinning{animation:engines-spin 1s linear infinite}@keyframes engines-spin{to{transform:rotate(1turn)}}.engines-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:600px){.engines-library-header{gap:8px}.engines-library-controls{width:100%}.engines-search{flex:1 1}.engines-search input{min-width:100px;width:100%}}@media (prefers-reduced-motion:reduce){.engines-create-card{transition:none}}.run-card-compact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;container-type:inline-size;min-width:0;overflow:visible;transition:border-color .15s ease}.run-card-compact[data-tone=success]{border-left:3px solid var(--success-color)}.run-card-compact[data-tone=warning]{border-left:3px solid var(--warning-color)}.run-card-compact[data-tone=danger]{border-left:3px solid var(--danger-color)}.run-card-compact[data-tone=muted]{border-left:3px solid var(--text-muted)}.run-card-compact:hover{border-color:var(--accent-color)}.run-card-compact-header{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;min-height:44px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.run-card-compact-header:hover{background:var(--bg-hover)}.run-card-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) minmax(80px,140px) minmax(0,2fr);width:100%}.run-card-left,.run-card-row{align-items:center;min-width:0}.run-card-left{display:flex;gap:8px}.run-card-compact.expanded .expand-icon{color:var(--accent-color)}.run-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-progress-bar-container{min-width:0;width:100%}.run-progress-bar{background:var(--bg-tertiary);border-radius:5px;display:flex;height:10px;overflow:hidden;position:relative;width:100%}.run-progress-bar .progress-segment{flex-shrink:0;height:100%}.run-progress-bar .progress-segment.success{background:#10b981}.run-progress-bar .progress-segment.in-progress{background:#f59e0b}.run-progress-bar .progress-segment.failed{background:#ef4444}.progress-markers{inset:0;pointer-events:none;position:absolute}.progress-marker{background:#ffffff40;height:100%;position:absolute;top:0;width:1px}.run-card-right{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;min-width:0}.run-model{color:var(--text-secondary);max-width:160px;text-transform:uppercase}.run-model,.run-time{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;box-sizing:border-box;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:flex-start;min-width:0;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.run-time{font-feature-settings:"tnum";color:var(--text-muted);font-variant-numeric:tabular-nums;width:auto}.media-count-indicators,.op-indicators{display:flex;gap:4px;justify-content:flex-start}.media-count-indicators{min-width:0}.media-count-indicator{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);display:inline-flex;font-size:9px;font-weight:700;gap:3px;height:18px;justify-content:center;min-width:48px;padding:0 5px}.media-count-label{color:var(--text-muted)}.media-count-value{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums}.op-indicator{align-items:center;border:1px solid var(--border-color);border-radius:3px;display:flex;font-size:9px;font-weight:700;height:18px;justify-content:center;text-transform:uppercase;width:18px}.op-indicator.ok{background:#10b98126;border-color:#10b98159;color:var(--success-color)}.op-indicator.pending{background:#f59e0b26;border-color:#f59e0b59;color:var(--warning-color)}.op-indicator.failed{background:#ef444426;border-color:#ef444459;color:var(--danger-color)}.op-indicator.disabled{background:var(--bg-tertiary);color:var(--text-muted)}.run-status-badge{border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.03em;max-width:100%;overflow:hidden;padding:4px 8px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.run-status-badge.success{background:#10b9811f;color:var(--success-color)}.run-status-badge.warning{background:#f59e0b1f;color:var(--warning-color)}.run-status-badge.danger{background:#ef44441f;color:var(--danger-color)}.run-status-badge.muted{background:var(--bg-tertiary);color:var(--text-muted)}.run-billing-badge{border:1px solid var(--border-color);border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.03em;max-width:100%;overflow:hidden;padding:4px 8px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.run-billing-badge.compact{max-width:none}.run-billing-badge.success{background:#10b9811f;color:var(--success-color)}.run-billing-badge.warning{background:#f59e0b1f;color:var(--warning-color)}.run-billing-badge.danger{background:#ef44441f;color:var(--danger-color)}.run-billing-badge.muted{background:var(--bg-tertiary);color:var(--text-muted)}.run-card-compact-details{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:12px}.detail-value.billing-detail.success{color:var(--success-color)}.detail-value.billing-detail.warning{color:var(--warning-color)}.detail-value.billing-detail.danger{color:var(--danger-color)}.detail-value.billing-detail.muted{color:var(--text-muted)}.billing-detail-row{border:1px solid var(--border-color);border-radius:6px;font-size:11px;margin-top:10px;padding:8px 10px}.billing-detail-row.warning{background:#f59e0b14;color:var(--warning-color)}.billing-detail-row.danger{background:#ef444414;color:var(--danger-color)}.billing-detail-row.muted,.billing-detail-row.success{background:var(--bg-secondary);color:var(--text-secondary)}.count-success{color:#10b981}.count-progress{color:#f59e0b}.count-failed{color:#ef4444}.truncate-list{line-height:1.5}.operations-row{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:10px;margin-top:10px;padding-top:10px}.operations-row .detail-label{flex-shrink:0}.operations-list{display:flex;flex-wrap:wrap;gap:6px}.operation-tag{border:1px solid;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.03em;padding:4px 8px;text-transform:uppercase}.operation-tag.enabled{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.operation-tag.disabled{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-muted);text-decoration:line-through}.operation-tag.failed{background:#ef44441a;border-color:#ef44444d;color:var(--danger-color)}.retry-btn{background:#f59e0b1a;border:1px solid #f59e0b66;border-radius:4px;color:var(--warning-color);display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-top:10px;padding:6px 12px;transition:all .15s ease}.retry-btn:hover:not(:disabled){background:#f59e0b33;border-color:var(--warning-color)}.retry-btn:disabled{cursor:not-allowed;opacity:.6}.retry-btn .spinning{animation:spin 1s linear infinite}.run-card-compact-details .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:var(--danger-color);font-size:11px;margin-top:10px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}@container (max-width: 1100px){.run-card-compact:not(.run-card-workflow) .run-card-row{grid-template-columns:minmax(0,1fr) 140px}.run-card-compact:not(.run-card-workflow) .run-card-right{grid-column:1/-1;justify-content:flex-start}}@container (max-width: 650px){.run-card-compact .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.run-card-compact:not(.run-card-workflow) .run-card-row{gap:8px;grid-template-columns:minmax(0,1fr) 96px}}.run-card-workflow .run-card-row{gap:12px;grid-template-columns:minmax(0,1fr) minmax(90px,180px) auto auto;overflow:visible}.run-card-workflow .run-card-left{flex-wrap:wrap}.run-card-workflow .run-card-right{display:contents}.run-workflow-config{display:inline-flex;flex-wrap:wrap;gap:4px}.run-workflow-config>span{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:9px;padding:2px 5px;white-space:nowrap}.run-card-workflow .run-time{background:none;border:0;font-weight:400;padding:0;visibility:visible;width:auto}.run-card-workflow .run-status-badge{text-transform:capitalize;width:auto}.run-card-workflow .run-card-compact-details{padding:14px}.run-card-workflow .run-card-compact-header:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}@container (max-width: 1000px){.run-card-workflow .run-card-row{grid-template-columns:minmax(0,1fr) auto auto}.run-card-workflow .run-progress-bar-container{grid-column:1/-1;grid-row:2}}@container (max-width: 650px){.run-card-workflow .run-card-row{display:flex;flex-wrap:wrap}.run-card-workflow .run-card-left{flex-basis:100%}}.workflows-tab{background:var(--bg-primary);color:var(--text-primary);height:100%;overflow-anchor:none;overflow-y:auto;padding:24px;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.workflows-tab::-webkit-scrollbar{width:6px}.workflows-tab::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}.workflow-history-heading,.workflow-launch-heading,.workflows-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.workflows-header{margin-bottom:18px}.workflows-title{align-items:flex-start;display:flex;gap:10px}.workflows-title>svg{color:var(--accent-color);margin-top:2px}.workflow-history-heading h3,.workflow-launch-heading h3,.workflows-title h2{font-weight:600;margin:0}.workflows-title h2{font-size:20px}.workflow-history-heading p,.workflow-launch-heading p,.workflows-title p{color:var(--text-muted);font-size:12px;margin:4px 0 0}.workflow-load-more,.workflow-run-button,.workflows-error button,.workflows-inline-error button,.workflows-refresh{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:600;gap:6px;justify-content:center;min-height:34px;padding:7px 11px}.workflows-refresh:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.workflow-history,.workflow-launch-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow)}.workflow-launch-panel{margin-bottom:20px;padding:20px}.workflow-history-heading h3,.workflow-launch-heading h3{font-size:15px}.workflow-launch-flow{align-items:center;color:var(--accent-color);display:inline-flex;gap:5px}.workflow-setup-step{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.workflow-step-heading{align-items:flex-start;display:flex;gap:10px;margin-bottom:14px}.workflow-step-number{align-items:center;background:rgba(var(--accent-color-rgb),.08);border:1px solid var(--border-color);border-radius:50%;color:var(--accent-color);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:25px;justify-content:center;width:25px}.workflow-step-heading h4{font-size:13px;font-weight:600;line-height:25px;margin:0}.workflow-step-heading p,.workflow-step-help{color:var(--text-muted);font-size:12px;line-height:1.5;margin:3px 0 0}.workflow-index-control,.workflow-index-step{min-width:0}.workflow-step-help button{background:none;border:0;color:var(--accent-color);cursor:pointer;font:inherit;padding:0}.workflow-run-button{background:var(--accent-color);border-color:var(--accent-color);color:#fff;min-height:42px;padding-inline:20px}.workflow-config-chips{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.workflow-config-chips>span{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:10px;gap:3px;padding:3px 6px}.workflow-load-more:disabled,.workflow-run-button:disabled,.workflows-refresh:disabled{cursor:not-allowed;opacity:.55}.workflow-run-review{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(220px,270px)}.workflow-review-flow{list-style:none;margin:0;padding:0}.workflow-review-stage{display:flex;gap:12px;padding-bottom:22px;position:relative}.workflow-review-stage:last-child{padding-bottom:0}.workflow-review-stage:not(:last-child):before{background:var(--border-color);bottom:4px;content:"";left:17px;position:absolute;top:38px;width:2px}.workflow-review-icon{background:rgba(var(--accent-color-rgb),.06);border:1px solid rgba(var(--accent-color-rgb),.25);border-radius:10px;color:var(--accent-color);display:grid;flex:0 0 36px;height:36px;place-items:center}.workflow-review-stage-content{flex:1 1;min-width:0;padding:1px 0}.workflow-review-stage-content h5{font-size:13px;font-weight:600;margin:4px 0 8px;overflow-wrap:anywhere}.workflow-review-field-level,.workflow-review-label{color:var(--text-muted);font-size:10px;font-weight:600}.workflow-review-stage-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.workflow-review-stage-heading button{align-items:center;background:none;border:0;color:var(--accent-color);cursor:pointer;display:inline-flex;font:inherit;font-size:11px;gap:4px;padding:0}.workflow-review-media-count{background:var(--bg-tertiary);border-radius:5px;color:var(--text-secondary);display:inline-flex;font-size:11px;padding:4px 8px}.workflow-review-fields{display:flex;flex-direction:column;gap:6px;margin-top:10px}.workflow-review-fields>div{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.workflow-review-field-level{margin-right:3px}.workflow-review-field{border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:10px;padding:3px 6px}.workflow-review-field-more{color:var(--text-muted);font-size:10px}.workflow-review-filter{margin-top:8px}.workflow-review-filter .workflow-filter-group-header p,.workflow-review-filter .workflow-filter-heading{display:none}.workflow-review-note{color:var(--text-muted);font-size:11px;line-height:1.5;margin:0}.workflow-run-confirmation{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:18px}.workflow-estimate{display:flex;flex-direction:column;gap:8px}.workflow-estimate-label{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:6px}.workflow-estimate-label>svg{color:var(--accent-color)}.workflow-estimate-amount{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-height:38px}.workflow-estimate-amount>strong{font-size:28px;font-weight:600;line-height:1.2}.workflow-estimate[aria-busy=true] .workflow-estimate-amount>strong{color:var(--text-muted);font-size:16px}.workflow-estimate-amount>span{color:var(--text-secondary);font-size:12px}.workflow-estimate>small{color:var(--text-muted);font-size:10px}.workflow-estimate-balance{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:11px;gap:10px;justify-content:space-between;margin-top:8px;padding-top:12px}.workflow-estimate-balance>strong{font-weight:600;text-align:right}.workflow-run-confirmation .workflow-run-button{width:100%}.workflows-error,.workflows-inline-error{align-items:center;color:var(--danger-color);display:flex;font-size:12px;gap:8px}.workflows-inline-error{margin-top:10px}.workflows-error span,.workflows-inline-error span{flex:1 1}.workflows-error button,.workflows-inline-error button{background:#0000;border-color:currentColor;color:inherit;min-height:27px;padding:4px 8px}.workflow-history{overflow:visible}.workflow-history-heading{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:4px 4px 0 0;padding:15px 18px}.workflows-error{background:rgba(var(--danger-color-rgb),.07);border:1px solid rgba(var(--danger-color-rgb),.25);border-radius:4px;margin:0 0 16px;padding:10px}.workflows-empty,.workflows-loading{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;min-height:170px}.workflow-run-list{display:flex;flex-direction:column;gap:6px;padding:14px}.workflow-run-entry{border:1px solid #0000;border-radius:4px;min-width:0;overflow:visible}.workflow-run-entry.selected{border-color:rgba(var(--accent-color-rgb),.45)}.workflow-run-entry .run-card-compact{border:0;box-shadow:none}.workflow-running-notice{color:var(--text-muted);font-size:12px;margin:0;padding:16px}.workflow-load-more{align-self:center}.workflows-spinning{animation:workflows-spin 1s linear infinite}.workflows-tab button:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}@keyframes workflows-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.workflows-tab{padding:16px}.workflow-run-review{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.workflow-launch-panel{padding:14px}.workflow-launch-flow{display:none}}.realtime-tab{background:radial-gradient(circle at top right,#38bdf814,#0000 36%);color:#eef2ff;color:var(--text-primary,#eef2ff);display:flex;flex-direction:column;height:calc(100dvh - 52px);min-height:0;overflow:hidden;padding:20px}.realtime-page-header{align-items:flex-start;display:flex;flex:0 0 auto;gap:20px;justify-content:space-between;margin-bottom:16px}.realtime-page-header h1{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.035em;line-height:1.05;margin:4px 0}.realtime-page-header p{color:#94a3b8;color:var(--text-secondary,#94a3b8);margin:0}.realtime-eyebrow{align-items:center;color:#38bdf8;display:flex;font-size:12px;font-weight:800;gap:7px;letter-spacing:.08em;text-transform:uppercase}.realtime-add,.realtime-back,.realtime-save,.realtime-start,.realtime-stop{align-items:center;border:1px solid #0000;border-radius:9px;cursor:pointer;display:inline-flex;font-weight:750;gap:7px;justify-content:center;padding:9px 13px;white-space:nowrap}.realtime-add,.realtime-save,.realtime-start{background:#38bdf8;color:#07111f}.realtime-back{background:#0f172a8c;border-color:#94a3b840;color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.realtime-stop{background:#7f1d1d33;border-color:#f8717147;color:#fecaca}button:disabled{cursor:not-allowed;opacity:.58}.realtime-page-error{align-items:center;background:#7f1d1d2e;border:1px solid #f871714d;border-radius:10px;color:#fecaca;display:flex;flex:0 0 auto;gap:8px;margin:0 0 12px;padding:9px 12px}.realtime-page-error button{background:none;border:0;color:inherit;cursor:pointer;margin-left:auto}.realtime-loading,.realtime-welcome{align-items:center;border:1px dashed #94a3b833;border-radius:16px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;min-height:0}.realtime-welcome h2,.realtime-welcome p{margin:0}.realtime-welcome .realtime-add{margin-top:8px}.realtime-feed-grid{grid-gap:12px;align-items:center;container-type:size;flex:1 1;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));justify-items:center}.realtime-feed-card,.realtime-feed-grid{display:grid;min-height:0;overflow:hidden}.realtime-feed-card{aspect-ratio:1;background:#080f1dc7;border:1px solid #94a3b82b;border-radius:12px;box-shadow:0 14px 34px #0206172e;cursor:pointer;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;transition:transform .16s ease,border-color .16s ease;width:100%;width:min(100%,calc(100cqh/2 - 6px))}.realtime-feed-card:focus-visible,.realtime-feed-card:hover{border-color:#38bdf873;outline:none;transform:translateY(-2px)}.realtime-feed-card>header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:10px 12px 9px}.realtime-feed-card>header>div{min-width:0}.realtime-feed-card h2{font-size:15px;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-feed-card header div>span{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-feed-card>footer{align-items:center;border-top:1px solid #94a3b81f;display:flex;gap:10px;justify-content:space-between;padding:8px 11px}.realtime-feed-card>footer>span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-feed-status{align-items:center;background:#0e749040;border-radius:999px;color:#bae6fd;display:inline-flex;font-size:10px;font-weight:850;letter-spacing:.05em;padding:5px 8px;text-transform:uppercase}.realtime-feed-status-live{background:#1665344d;color:#bbf7d0}.realtime-feed-status-failed,.realtime-feed-status-needs_credentials{background:#7f1d1d4d;color:#fecaca}.realtime-feed-status-reconnecting{background:#92400e47;color:#fde68a}.realtime-video-shell{align-items:center;background:#020617;display:flex;justify-content:center;min-height:0;min-width:0;overflow:hidden;position:relative}.realtime-video-shell video{background:#020617;display:block;max-height:100%;max-width:100%;min-width:0;width:100%}.realtime-video-compact,.realtime-video-compact video,.realtime-video-shell video{height:100%;min-height:0;object-fit:contain}.realtime-live-overlay{align-items:center;display:flex;gap:8px;left:12px;position:absolute;top:12px}.realtime-live-overlay span{align-items:center;background:#dc2626d6;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:900;gap:5px;padding:5px 8px;text-transform:uppercase}.realtime-player-error{background:#450a0ae6;border-radius:8px;bottom:10px;color:#fecaca;font-size:12px;left:10px;padding:8px 10px;position:absolute;right:10px}.realtime-player-placeholder{align-items:center;background:linear-gradient(145deg,#07101f,#020617);color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;min-height:0;min-width:0;text-transform:capitalize}.realtime-player-placeholder strong{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.realtime-player-placeholder span{max-width:420px;padding:0 20px;text-align:center;text-transform:none}.realtime-player-compact{min-height:0}.realtime-latest{background:#0f172a99;border-left:3px solid #64748b;border-radius:8px;margin:8px 10px;min-width:0;padding:8px 10px}.realtime-latest>div:first-child{display:flex;gap:10px;justify-content:space-between}.realtime-latest time{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.realtime-latest strong{display:block;font-size:13px;margin:5px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-latest p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#a8b4c7;color:var(--text-secondary,#a8b4c7);display:-webkit-box;font-size:11px;line-height:1.35;margin:0 0 5px;overflow:hidden}.realtime-feed-card .realtime-tags{flex-wrap:nowrap;overflow:hidden}.realtime-feed-card .realtime-tags span{flex:0 0 auto}.realtime-no-latest{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:12px;gap:8px;justify-content:center;min-height:60px}.realtime-detail{grid-gap:12px;flex:1 1;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr)}.realtime-detail,.realtime-detail-main{display:grid;gap:12px;min-height:0;overflow:hidden}.realtime-detail-main{grid-gap:12px;grid-template-rows:minmax(0,1fr) auto;min-width:0}.realtime-events-panel,.realtime-feed-panel,.realtime-prompt-panel{background:#080f1db8;border:1px solid #94a3b82b;border-radius:15px;overflow:hidden}.realtime-feed-panel{display:flex;flex-direction:column;min-height:0}.realtime-feed-panel>.realtime-player-placeholder,.realtime-feed-panel>.realtime-video-shell{flex:1 1;min-height:0}.realtime-panel-heading{align-items:center;border-bottom:1px solid #94a3b81f;display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.realtime-panel-heading>span:first-child{align-items:center;display:flex;font-weight:750;gap:7px}.realtime-panel-heading small{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.realtime-detail-actions{align-items:center;border-top:1px solid #94a3b81f;display:flex;gap:15px;justify-content:space-between;padding:12px 14px}.realtime-detail-actions>span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px}.realtime-events-panel{display:flex;flex-direction:column;min-height:0;min-width:0}.realtime-event-list{flex:1 1;min-height:0;overflow:auto;padding:10px}.realtime-event-card{background:#0f172a91;border:1px solid #94a3b826;border-left:3px solid #64748b;border-radius:10px;color:inherit;cursor:pointer;margin:0 0 10px;padding:13px;text-align:left;width:100%}.realtime-card-normal{border-left-color:#34d399}.realtime-card-observe{border-left-color:#38bdf8}.realtime-card-elevated{border-left-color:#f59e0b}.realtime-card-critical{border-left-color:#ef4444}.realtime-event-top{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:10px;font-weight:800;justify-content:space-between;text-transform:uppercase}.realtime-event-card h3{font-size:15px;margin:9px 0 5px}.realtime-event-card p{color:#a8b4c7;color:var(--text-secondary,#a8b4c7);font-size:12px;line-height:1.5;margin:0 0 9px}.realtime-event-card footer{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:10px;gap:5px;margin-top:10px}.realtime-event-card footer span{color:#7dd3fc;margin-left:auto}.realtime-status{border-radius:999px;font-size:9px;font-weight:850;padding:4px 7px;text-transform:uppercase}.realtime-status-normal{background:#16653440;color:#bbf7d0}.realtime-status-observe{background:#0e74903d;color:#bae6fd}.realtime-status-elevated{background:#92400e40;color:#fde68a}.realtime-status-critical{background:#7f1d1d4d;color:#fecaca}.realtime-tags{display:flex;flex-wrap:wrap;gap:5px}.realtime-tags span{background:#3341558c;border-radius:999px;color:#cbd5e1;font-size:9px;padding:3px 7px}.realtime-alert{align-items:flex-start;background:#78350f38;border-radius:7px;color:#fde68a;display:flex;font-size:11px;gap:6px;margin:8px 0;padding:7px 8px}.realtime-empty-events,.realtime-events-loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:190px;text-align:center}.realtime-empty-events strong{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.realtime-load-more{background:#0e74901f;border:1px solid #38bdf840;border-radius:9px;color:#7dd3fc;cursor:pointer;padding:9px;width:100%}.realtime-prompt-panel{max-height:min(42dvh,420px);overflow:auto}.realtime-prompt-panel>header{align-items:center;background:#080f1df7;border-bottom:1px solid #94a3b81f;display:flex;justify-content:space-between;padding:10px 12px;position:sticky;top:0;z-index:1}.realtime-prompt-panel>header div{align-items:center;display:flex;gap:7px}.realtime-prompt-panel>header button{background:none;border:0;color:#7dd3fc;cursor:pointer}.realtime-prompt-editor,.realtime-prompt-summary{padding:14px}.realtime-prompt-editor{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.realtime-prompt-editor .realtime-page-error,.realtime-prompt-editor .realtime-prompt-wide,.realtime-prompt-editor .realtime-save,.realtime-prompt-editor label:first-child{grid-column:1/-1}.realtime-credential-form label,.realtime-form-grid label,.realtime-prompt-editor label{grid-gap:6px;display:grid;gap:6px}.realtime-credential-form label>span,.realtime-form-grid label>span,.realtime-prompt-editor label>span{color:#a8b4c7;color:var(--text-secondary,#a8b4c7);font-size:11px;font-weight:750}.realtime-credential-form input,.realtime-form-grid input,.realtime-form-grid textarea,.realtime-prompt-editor textarea{background:#0206179e;border:1px solid #94a3b833;border-radius:8px;box-sizing:border-box;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font:inherit;padding:9px 10px;resize:vertical;width:100%}.realtime-config-section{background:#0f172a61;border:1px solid #94a3b824;border-radius:12px;min-width:0;padding:13px}.realtime-config-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin:0 0 10px}.realtime-config-heading strong{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:12px}.realtime-config-heading>span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:10px;text-align:right}.realtime-severity-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.realtime-severity-card{grid-gap:7px;background:#0206176b;border:1px solid #94a3b824;border-left:3px solid #64748b;border-radius:9px;display:grid;gap:7px;margin:0;min-width:0;padding:10px;position:relative}.realtime-severity-card>span{color:#cbd5e1!important;font-size:9px!important;font-weight:900!important;letter-spacing:.06em;min-width:0!important;text-transform:uppercase}.realtime-severity-card textarea{min-height:62px}.realtime-severity-card p{color:#a8b4c7;color:var(--text-secondary,#a8b4c7);font-size:11px;line-height:1.45;margin:0}.realtime-severity-normal{border-left-color:#34d399}.realtime-severity-observe{border-left-color:#38bdf8}.realtime-severity-elevated{border-left-color:#f59e0b}.realtime-severity-critical{border-left-color:#ef4444}.realtime-severity-readonly{margin-bottom:14px}.realtime-output-editor{grid-gap:7px;display:grid;gap:7px}.realtime-output-empty{border:1px dashed #94a3b82e;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;padding:10px;text-align:center}.realtime-output-row{grid-gap:7px;align-items:center;background:#02061770;border:1px solid #94a3b824;border-radius:9px;display:grid;gap:7px;grid-template-columns:minmax(0,1.2fr) minmax(140px,1fr) auto;padding:8px;position:relative}.realtime-output-key{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:minmax(90px,1fr) auto minmax(100px,.8fr) auto;min-width:0}.realtime-output-key>span{color:#64748b!important;min-width:0!important}.realtime-output-description,.realtime-output-key input,.realtime-output-key select{background:#020617b8;border:1px solid #94a3b830;border-radius:7px;box-sizing:border-box;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font:inherit;font-size:11px;min-width:0;padding:7px 8px;width:100%}.realtime-output-required{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex!important;font-size:9px;gap:4px!important;grid-auto-flow:column;white-space:nowrap}.realtime-output-required input{width:auto}.realtime-output-actions{display:flex;gap:3px}.realtime-output-actions button{background:#0f172ab3;border:1px solid #94a3b826;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:grid;height:27px;place-items:center;width:27px}.realtime-output-add{align-items:center;background:#0e749014;border:1px dashed #38bdf84d;border-radius:8px;color:#7dd3fc;cursor:pointer;display:flex;gap:7px;justify-content:center;padding:8px}.realtime-output-add span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:9px;margin-left:auto}.realtime-objective{background:#0e74901a;border-left:3px solid #38bdf8;border-radius:8px;margin:0 0 12px!important;padding:10px 12px}.realtime-objective>span{font-size:9px;letter-spacing:.06em;min-width:0!important;text-transform:uppercase}.realtime-objective p{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:12px;line-height:1.5;margin:5px 0 0}.realtime-brief-groups{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px!important}.realtime-brief-group{margin:0!important;min-width:0}.realtime-brief-group>span{font-size:9px;min-width:0!important;text-transform:uppercase}.realtime-brief-group>div{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0!important}.realtime-brief-group em{background:#3341558c;border-radius:999px;color:#cbd5e1;font-size:9px;font-style:normal;max-width:100%;overflow:hidden;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap}.realtime-brief-group small{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.realtime-output-summary{grid-gap:6px;display:grid;gap:6px;margin:0!important}.realtime-output-summary>div{grid-gap:7px;align-items:center;background:#02061761;border:1px solid #94a3b81f;border-radius:8px;display:grid;gap:7px;grid-template-columns:minmax(90px,.7fr) auto minmax(110px,.55fr) minmax(160px,1.4fr);margin:0!important;padding:7px 9px}.realtime-output-summary code{color:#7dd3fc;font-size:11px;overflow:hidden;text-overflow:ellipsis}.realtime-output-summary b{color:#64748b}.realtime-output-summary span{color:#cbd5e1!important;font-size:10px;min-width:0!important}.realtime-output-summary p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-custom-fields{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0 0}.realtime-custom-field{grid-gap:8px;align-items:start;background:#02061761;border:1px solid #94a3b81f;border-radius:7px;display:grid;gap:8px;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr);min-width:0;padding:7px 8px}.realtime-custom-field dt{color:#7dd3fc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-custom-field dd{color:#e2e8f0;font-size:10px;line-height:1.4;margin:0;min-width:0;overflow-wrap:anywhere}.realtime-custom-list{display:flex;flex-wrap:wrap;gap:3px}.realtime-custom-list span{background:#33415599;border-radius:999px;color:#cbd5e1;font-size:8px;padding:2px 5px}.realtime-custom-boolean{border-radius:999px;display:inline-flex;font-size:8px;font-weight:850;padding:2px 6px;text-transform:uppercase}.realtime-custom-boolean.is-true{background:#1665344d;color:#bbf7d0}.realtime-custom-boolean.is-false{background:#3341558c;color:#cbd5e1}.realtime-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617cc;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.realtime-credential-form,.realtime-feed-form,.realtime-modal{background:#0b1220;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 30px 80px #00000073;max-height:90vh;overflow:auto;width:min(760px,96vw)}.realtime-credential-form>header,.realtime-feed-form>header,.realtime-modal>header{align-items:flex-start;border-bottom:1px solid #94a3b81f;display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.realtime-credential-form h2,.realtime-feed-form h2,.realtime-modal h2{margin:5px 0 0}.realtime-credential-form header p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;margin:4px 0 0}.realtime-credential-form header button,.realtime-feed-form header button,.realtime-modal header button{background:none;border:0;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer}.realtime-modal-video{align-items:center;background:#020617;display:flex;justify-content:center;min-height:320px}.realtime-modal-video video{background:#000;max-height:60vh;width:100%}.realtime-modal-copy{padding:16px 18px}.realtime-modal-copy p{color:#b2bdcd;color:var(--text-secondary,#b2bdcd);line-height:1.55}.realtime-feed-form{width:min(720px,96vw)}.realtime-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px 18px}.realtime-form-wide{grid-column:1/-1}.realtime-credential-form>footer,.realtime-feed-form>footer{border-top:1px solid #94a3b81f;display:flex;gap:9px;justify-content:flex-end;padding:14px 18px}.realtime-credential-form>footer>button:first-child,.realtime-feed-form>footer>button:first-child{background:#0000;border:1px solid #94a3b838;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;padding:8px 12px}.realtime-credential-form{width:min(440px,96vw)}.realtime-credential-form>label{margin:14px 18px}.realtime-spin{animation:realtime-spin .9s linear infinite}@keyframes realtime-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.realtime-tab{height:auto;min-height:calc(100dvh - 52px);overflow:visible}.realtime-detail{grid-template-columns:1fr;overflow:visible}.realtime-detail-main{grid-template-rows:auto auto;overflow:visible}.realtime-feed-panel>.realtime-player-placeholder,.realtime-feed-panel>.realtime-video-shell{flex:none;height:min(56vw,480px);min-height:280px}.realtime-events-panel{max-height:560px}.realtime-prompt-panel{max-height:none}}@media (max-width:680px){.realtime-tab{padding:14px 10px}.realtime-page-header{align-items:stretch;flex-direction:column}.realtime-feed-grid{container-type:normal;grid-auto-rows:auto;grid-template-columns:1fr;grid-template-rows:none;overflow:auto}.realtime-feed-card{width:min(100%,420px)}.realtime-form-grid,.realtime-prompt-editor{grid-template-columns:1fr}.realtime-form-wide,.realtime-prompt-editor .realtime-page-error,.realtime-prompt-editor .realtime-save,.realtime-prompt-editor label:first-child{grid-column:auto}.realtime-feed-panel>.realtime-player-placeholder,.realtime-feed-panel>.realtime-video-shell{height:56vw;min-height:220px}.realtime-brief-groups,.realtime-custom-fields,.realtime-severity-grid{grid-template-columns:1fr}.realtime-output-row{grid-template-columns:1fr auto}.realtime-output-description{grid-column:1/2}.realtime-output-summary>div{grid-template-columns:minmax(90px,.8fr) auto 1fr}.realtime-output-summary p{grid-column:1/-1}}.playground-container{background:var(--bg-primary);color:var(--text-primary);container-name:playground;container-type:inline-size;height:100%;min-width:0;overflow-y:auto;padding:8px;width:100%}.playground-hero{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px;overflow:hidden;padding:14px 16px;position:relative}.playground-hero:after{background:var(--accent-color);bottom:0;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.playground-hero__eyebrow{color:var(--accent-color);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.playground-hero h1{color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:0;line-height:1.25;margin:0}.playground-hero p{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:4px 0 0;max-width:720px}.playground-alert{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;margin-bottom:8px;min-height:38px;padding:9px 11px}.playground-alert--error{background:rgba(var(--danger-color-rgb),.08);border-color:rgba(var(--danger-color-rgb),.3);color:var(--danger-color)}.playground-alert>span{flex:1 1}.playground-alert button{background:#0000;border:0;color:var(--accent-color);cursor:pointer;font:inherit;font-weight:600}.playground-alert__close{align-items:center;border-radius:4px;color:var(--text-muted)!important;display:inline-flex;height:26px;justify-content:center;width:26px}.playground-alert__close:hover{background:var(--bg-hover);color:var(--text-primary)!important}.playground-journey{display:flex;flex-direction:column;gap:8px}.playground-journey-step{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid #0000;border-radius:4px;box-shadow:none;overflow:hidden;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.playground-journey-step.is-active{border-color:var(--accent-color);border-left-color:var(--accent-color);box-shadow:var(--shadow)}.playground-journey-step__header{grid-gap:10px;align-items:center;background:#0000;border:0;color:var(--text-primary);cursor:pointer;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:56px;padding:0 14px 0 0;text-align:left;transition:background-color .15s ease;width:100%}.playground-journey-step.has-header-actions .playground-journey-step__header{grid-template-columns:minmax(0,1fr) auto auto}.playground-journey-step__header-main{grid-gap:10px;align-items:center;align-self:stretch;cursor:pointer;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr);min-width:0;padding:10px 0 10px 14px}.playground-journey-step.has-collapsed-content:not(.is-active) .playground-journey-step__header-main{grid-template-columns:28px fit-content(210px) minmax(0,1fr)}.playground-journey-step__header-actions{align-items:center;display:flex}.playground-journey-step__header:hover{background:var(--bg-hover)}.playground-journey-step.is-active .playground-journey-step__header{background:var(--bg-tertiary)}.playground-journey-step__header-main[aria-disabled=true]{cursor:not-allowed;opacity:.55}.playground-journey-step__toggle{align-items:center;background:#0000;border:0;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;width:24px}.playground-journey-step__toggle:hover:not(:disabled){background:var(--bg-primary)}.playground-journey-step__toggle:disabled{cursor:not-allowed;opacity:.55}.playground-studio-export-button{min-height:34px;padding:7px 11px;white-space:nowrap}.playground-journey-step__number{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;height:26px;justify-content:center;width:26px}.playground-journey-step.is-active .playground-journey-step__number,.playground-journey-step.is-complete .playground-journey-step__number{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.playground-journey-step__heading{min-width:0}.playground-journey-step__summary,.playground-journey-step__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playground-journey-step__title{font-size:14px;font-weight:600;line-height:1.3}.playground-journey-step__summary{color:var(--text-muted);font-size:11px;line-height:1.35;margin-top:2px}.playground-journey-step__chevron{color:var(--text-muted);transition:transform .15s ease,color .15s ease}.playground-journey-step.is-active .playground-journey-step__chevron{color:var(--accent-color);transform:rotate(90deg)}.playground-journey-step__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease,visibility .2s step-end;visibility:hidden}.playground-journey-step.is-active .playground-journey-step__body{grid-template-rows:1fr;transition:grid-template-rows .2s ease,visibility 0s;visibility:visible}.playground-journey-step__body-inner{min-height:0;overflow:hidden;padding:0 14px}.playground-journey-step.is-active .playground-journey-step__body-inner{padding-bottom:14px;padding-top:4px}.playground-journey-step__collapsed-content{align-items:center;display:flex;min-width:0;overflow:hidden;padding:0}.playground-collapsed-media{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px}.playground-journey-step.has-collapsed-content:not(.is-active) .playground-collapsed-media{flex-wrap:nowrap}.playground-collapsed-media__item{min-width:0;position:relative;width:68px}.playground-collapsed-media__item:after{align-items:center;background:rgba(var(--accent-color-rgb),.78);border:1px solid #ffffffb8;border-radius:4px;box-shadow:0 1px 3px #0003;color:#fff;content:"\2713";display:inline-flex;font-size:10px;font-weight:700;height:16px;justify-content:center;left:5px;line-height:1;pointer-events:none;position:absolute;top:5px;width:16px;z-index:22}.playground-collapsed-media__item .video-tile{height:68px;margin:0;width:68px}.playground-collapsed-media__item .segment-run-stack,.playground-collapsed-media__item .status-overlay{display:none}.playground-collapsed-media__more{align-self:center;color:var(--text-muted);font-size:11px;font-weight:600}.playground-button{align-items:center;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:600;gap:7px;justify-content:center;min-height:34px;padding:7px 12px;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.playground-button:active:not(:disabled){transform:translateY(0)}.playground-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.playground-button--primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.playground-button--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.playground-button--secondary{background:var(--bg-primary);color:var(--text-secondary)}.playground-button--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color);color:var(--text-primary)}.playground-button--large{min-height:38px;padding-inline:16px}.playground-media-chooser{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:14px;transition:border-color .15s ease,opacity .15s ease}.playground-media-chooser:focus-within{border-color:var(--accent-color)}.playground-media-chooser.is-busy{border-color:var(--accent-color);opacity:.72}.playground-media-library{min-width:0}.playground-upload-tile{align-items:center;aspect-ratio:1;background:var(--bg-tertiary);border:2px dotted var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--accent-color);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:12px;font-weight:600;gap:9px;justify-content:center;padding:12px;text-align:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:100%}.playground-upload-tile:focus-visible,.playground-upload-tile:hover:not(:disabled){background:rgba(var(--accent-color-rgb),.08);border-color:var(--accent-color)}.playground-upload-tile:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.playground-upload-tile:disabled{cursor:wait}.playground-media-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(128px,148px));justify-content:start;min-width:0}.playground-media-grid.is-empty{align-items:center;display:flex;justify-content:center;min-height:220px}.playground-media-grid.is-empty .playground-upload-tile{aspect-ratio:auto;min-height:156px;width:min(520px,80%)}.playground-media-grid .preview-viewport-tile-shell,.playground-media-grid .video-tile{--primary-color:var(--accent-color);margin:0}.playground-media-grid .tile-selection{opacity:1}.playground-media-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:10px}.playground-step-intro h2{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.playground-step-intro p{color:var(--text-muted);font-size:12px;line-height:1.45;margin:3px 0 0}.playground-step-intro{margin-bottom:10px}.playground-start-action{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:12px}.playground-start-action .playground-step-intro{flex:1 1 360px;margin:0}.playground-inline-error{align-items:center;background:rgba(var(--danger-color-rgb),.08);border:1px solid rgba(var(--danger-color-rgb),.28);border-radius:4px;color:var(--danger-color);display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-top:8px;padding:8px 10px}.playground-inline-error button{background:#0000;border:0;color:inherit;cursor:pointer;font:inherit;font-weight:600}.playground-studio{grid-gap:12px;align-items:start;background:#0000;border:0;border-radius:0;display:grid;gap:12px;grid-template-columns:148px minmax(0,1fr);min-width:0;overflow:visible}.playground-studio-selector{background:#0000;border:0;grid-column:1;grid-row:1;min-width:0;padding:0;position:sticky;top:0}.playground-studio-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr);max-height:min(70vh,720px);min-width:0;overflow:auto;padding:0 2px 6px}.playground-studio>.playground-studio-detail-empty,.playground-studio>.video-detail-modal--embedded{grid-column:2;grid-row:1}.playground-studio>.playground-studio-selector:only-child{grid-column:1/-1;position:static}.playground-studio-grid .video-tile{--primary-color:var(--accent-color);margin:0}.playground-studio-grid .preview-viewport-tile-shell{margin:0;overflow:hidden}.playground-collapsed-media__item .video-tile,.playground-media-grid .video-tile,.playground-studio-grid .video-tile{isolation:isolate;overflow:hidden}.playground-media-grid .video-tile.active-in-sidebar,.playground-media-grid .video-tile.selected{box-shadow:inset 0 0 0 2px var(--accent-color);z-index:1}.playground-studio-grid .video-tile.active-in-sidebar{box-shadow:none;z-index:1}.playground-media-grid .video-tile.active-in-sidebar:after{display:none}.playground-studio-grid .video-tile.active-in-sidebar:after{border:2px solid var(--accent-color);border-radius:4px;box-shadow:none;display:block;inset:0}.playground-collapsed-media__item .video-tile .tile-info,.playground-media-grid .video-tile .tile-info,.playground-studio-grid .video-tile .tile-info{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(0deg,#000000d1 0,#00000094 62%,#0000);display:flex;gap:0;opacity:1;padding:18px 7px 6px;pointer-events:none;transform:none}.playground-collapsed-media__item .video-tile .tile-title,.playground-media-grid .video-tile .tile-title,.playground-studio-grid .video-tile .tile-title{-webkit-line-clamp:1;display:block;font-size:10px;font-weight:500;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000000b3;white-space:nowrap}.playground-collapsed-media__item .video-tile .tile-status,.playground-media-grid .video-tile .tile-status,.playground-studio-grid .video-tile .tile-status{display:none}.playground-collapsed-media__item .video-tile .tile-info{padding:14px 5px 4px}.playground-collapsed-media__item .video-tile .tile-title{font-size:9px}.playground-studio-grid .video-tile .segment-run-stack{background:#0000;bottom:22px;padding:3px 6px}.playground-studio-selector__more{display:flex;justify-content:center;margin-top:8px}.playground-studio-detail-empty,.playground-studio-selector__empty{align-items:center;border:1px dashed var(--border-color);border-radius:4px;color:var(--text-muted);display:flex;font-size:12px;gap:8px;justify-content:center;min-height:92px;padding:14px;text-align:center}.playground-studio-detail-empty{background:var(--bg-tertiary);min-height:150px}.playground-journey-step--engine.is-active,.playground-journey-step--engine.is-active .playground-journey-step__body,.playground-journey-step--engine.is-active .playground-journey-step__body-inner,.playground-journey-step--studio.is-active,.playground-journey-step--studio.is-active .playground-journey-step__body,.playground-journey-step--studio.is-active .playground-journey-step__body-inner{overflow:visible}.playground-alert button:focus-visible,.playground-button:focus-visible,.playground-journey-step__header-main:focus-visible,.playground-journey-step__toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.playground-journey-step__header-main:focus-visible,.playground-journey-step__toggle:focus-visible{outline-offset:-3px}@keyframes playground-spin{to{transform:rotate(1turn)}}.playground-spinning{animation:playground-spin .9s linear infinite}@container playground (max-width: 620px){.playground-studio{grid-template-columns:124px minmax(0,1fr)}.playground-studio-export-button{min-height:32px;padding:0;width:32px}.playground-studio-export-button>span{display:none}}@container playground (max-width: 480px){.playground-studio{grid-template-columns:minmax(0,1fr)}.playground-studio-selector,.playground-studio>.playground-studio-detail-empty,.playground-studio>.video-detail-modal--embedded{grid-column:1;position:static}.playground-studio-selector{grid-row:1}.playground-studio>.playground-studio-detail-empty,.playground-studio>.video-detail-modal--embedded{grid-row:2}.playground-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:304px}}@media (max-width:760px){.playground-hero{padding:12px}}@media (max-width:520px){.playground-container{padding:6px}.playground-journey-step__header{gap:8px;padding-right:10px}.playground-journey-step__header-main{gap:8px;grid-template-columns:26px minmax(0,1fr);padding:9px 0 9px 10px}.playground-journey-step__body-inner{padding-inline:10px}.playground-journey-step.has-collapsed-content:not(.is-active) .playground-journey-step__header-main{grid-template-columns:26px fit-content(150px) minmax(0,1fr)}.playground-media-grid{grid-template-columns:repeat(auto-fill,minmax(112px,132px))}.playground-studio-selector__empty{flex-direction:column}}@media (prefers-reduced-motion:reduce){.playground-button,.playground-journey-step,.playground-journey-step__body,.playground-journey-step__chevron,.playground-upload-tile{transition:none}.playground-button--primary:hover:not(:disabled){transform:none}.playground-media-grid .actions-menu,.playground-media-grid .spinning,.playground-media-grid .tile-selection input[type=checkbox],.playground-media-grid .video-tile:before,.playground-spinning,.playground-studio-grid .video-tile:before{animation:none}}.marked-tab{max-width:100%;padding:8px}.marked-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.marked-header h2{color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0}.marked-subtitle{color:var(--text-secondary);font-size:14px;margin:6px 0 0}.marked-header-actions{align-items:center;display:flex;gap:10px}.marked-refresh{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .15s ease}.marked-refresh:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color)}.marked-refresh:disabled{cursor:not-allowed;opacity:.6}.marked-filters{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 16px}.marked-filter{color:var(--text-muted);display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:6px;letter-spacing:.5px;text-transform:uppercase}.marked-filter select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;min-width:160px;padding:8px 32px 8px 12px;transition:all .15s ease}.marked-filter select:focus,.marked-filter select:hover:not(:disabled){border-color:var(--accent-color)}.marked-filter select:focus{box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.marked-error{background:rgba(var(--danger-color-rgb),.08);border:1px solid rgba(var(--danger-color-rgb),.35);border-radius:4px;color:var(--danger-color);font-size:13px;margin-bottom:12px;padding:12px 14px}.marked-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.marked-control-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:0;height:36px;overflow:hidden}.marked-control-btn{align-items:center;background:#0000;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-width:36px;padding:0 12px;transition:all .15s ease}.marked-control-btn:last-child{border-right:none}.marked-control-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.marked-control-btn.active{background:var(--accent-color);color:#fff;font-weight:600}.marked-control-btn.active:hover{background:var(--accent-hover)}.marked-control-btn:disabled{cursor:not-allowed;opacity:.5}.marked-control-group.zoom-controls{align-items:center;gap:0;padding:0 4px}.zoom-label{color:var(--text-primary);font-size:14px;font-weight:500;min-width:24px;padding:0 4px;text-align:center}.marked-control-checkbox{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;height:36px;padding:0 8px;transition:all .15s ease}.marked-control-checkbox:hover{border-color:var(--accent-color)}.marked-control-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:16px;width:16px}.marked-control-select{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:.5px;text-transform:uppercase}.marked-control-select select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px;transition:all .15s ease}.marked-control-select select:hover:not(:disabled){border-color:var(--accent-color)}.marked-control-select select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.marked-empty{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:4px;color:var(--text-muted);font-size:14px;padding:48px 24px;text-align:center}.marked-list{display:flex;flex-direction:column;gap:8px}.marked-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:16px;justify-content:space-between;padding:12px 14px;transition:all .15s ease}.marked-item:hover{background:var(--bg-hover);border-color:var(--accent-color)}.marked-item-left{align-items:flex-start;display:flex;gap:12px;min-width:0}.marked-item-text{min-width:0}.marked-item-title{color:var(--text-primary);font-size:14px;font-weight:600}.marked-item-subtitle{color:var(--text-muted);font-size:12px;margin-top:4px;max-width:680px}.marked-item-note,.marked-item-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marked-item-note{color:var(--text-primary);font-size:13px;margin-top:6px;max-width:720px}.marked-item-note.muted{color:var(--text-muted)}.marked-item-actions{display:flex;flex-shrink:0;gap:8px}.marked-action{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .15s ease}.marked-action:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color)}.marked-action:disabled{cursor:not-allowed;opacity:.5}.marked-action.danger{border-color:rgba(var(--danger-color-rgb),.35);color:var(--danger-color)}.marked-action.danger:hover:not(:disabled){background:var(--danger-color);border-color:var(--danger-color);color:#fff}.marked-footer{display:flex;justify-content:center;padding:18px 0 4px}.marked-load-more{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .15s ease}.marked-load-more:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color)}.marked-load-more:disabled{cursor:not-allowed;opacity:.6}.marked-grid-container{width:100%}.marked-grid-container.grouped{display:flex;flex-direction:column;gap:16px}.marked-group{animation:markedFadeIn .3s ease}.marked-group-label{align-items:center;background:none;border:none;border-radius:0;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:2px;margin:0 0 8px;padding:0;position:relative}.marked-group-label:after,.marked-group-label:before{background:var(--border-color);content:"";flex:1 1;height:1px;opacity:.5}.marked-group-label span{letter-spacing:.5px;padding:0 12px;text-transform:uppercase}.marked-grid{grid-gap:0;display:grid;gap:0;grid-auto-rows:1fr;margin:0;padding:0;width:100%}.marked-grid.show-details .marked-tile-info{opacity:1;pointer-events:all;transform:translateY(0)}.marked-tile{aspect-ratio:1;background:var(--bg-tertiary);border:none;border-radius:4px;box-shadow:none;cursor:pointer;display:block;margin:8px 0 0;overflow:hidden;padding:0;position:relative;transition:filter .2s ease;width:100%}.marked-tile:hover{filter:brightness(.9)}.marked-tile:before{background:var(--accent-color);clip-path:polygon(0 0,100% 0,100% 100%);content:"";height:12px;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease;width:12px;z-index:10}.marked-tile:hover:before{opacity:1}.marked-tile-marker{left:8px;position:absolute;top:8px;z-index:21}.marked-tile-preview{background:var(--bg-tertiary);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.marked-tile-image{display:block;height:100%;object-fit:cover;transition:none;width:100%}.marked-tile-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:40px 20px;width:100%}.marked-tile-placeholder.loading{color:var(--text-secondary)}.marked-tile-placeholder span{font-size:14px;font-weight:500}.entity-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.03em;padding:3px 8px;pointer-events:none;position:absolute;right:36px;text-transform:uppercase;top:8px;z-index:20}.entity-badge.video{background:rgba(var(--accent-color-rgb),.85)}.entity-badge.segment{background:rgba(var(--success-color-rgb),.85)}.entity-badge.field{background:rgba(var(--warning-color-rgb),.85)}.entity-badge.run{background:#8b5cf6d9}.marked-tile-info{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(0deg,#000000d9 0,#000000b3 50%,#0000);bottom:0;display:flex;flex-direction:column;gap:4px;left:0;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;transform:translateY(20px);transition:all .3s ease;z-index:10}.marked-tile:hover .marked-tile-info{opacity:1;pointer-events:all;transform:translateY(0)}.marked-tile-title{color:#fff;font-size:13px;font-weight:600;margin:0;text-shadow:0 1px 3px #000c;word-break:break-word}.marked-tile-note,.marked-tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;overflow:hidden}.marked-tile-note{color:#ffffffd9;font-size:11px;text-shadow:0 1px 2px #0009}.marked-tile-meta{color:#ffffffb3;font-size:10px;text-shadow:0 1px 2px #0009}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes markedFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:880px){.marked-item{align-items:stretch;flex-direction:column}.marked-item-actions{justify-content:flex-end}.marked-filter select{min-width:140px}}@media (max-width:768px){.marked-controls{align-items:flex-start;flex-direction:column;gap:8px}.marked-grid{gap:0}.marked-tile-title{-webkit-line-clamp:1;font-size:12px}.entity-badge{font-size:9px;padding:2px 6px;right:32px}.marked-header{flex-direction:column;gap:12px}.marked-header-actions{justify-content:flex-start;width:100%}}[data-theme=dark] .marked-control-select select,[data-theme=dark] .marked-filter select{background:var(--bg-secondary)}[data-theme=dark] .marked-tile-placeholder{color:var(--text-muted)}[data-theme=dark] .marked-empty{background:var(--bg-tertiary)}.connector-card,.connector-card-wrapper{position:relative}.connector-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.connector-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.connector-card.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.connector-card.creating{background:rgba(var(--accent-color-rgb),.05);border-color:var(--accent-color);border-style:dashed}.connector-card.active .connector-card-colorbar{background:linear-gradient(90deg,#22c55e,#16a34a)}.connector-card.failed .connector-card-colorbar{background:linear-gradient(90deg,#ef4444,#dc2626)}.connector-card.testing .connector-card-colorbar{background:linear-gradient(90deg,#f59e0b,#d97706)}.connector-card.disabled .connector-card-colorbar{background:linear-gradient(90deg,var(--text-muted),var(--border-color))}.connector-card-colorbar{background:var(--accent-color);height:4px;width:100%}.connector-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding:14px 14px 8px}.connector-card-title{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.connector-card-title .cloud-icon{color:var(--accent-color);flex-shrink:0}.connector-card-title .connector-name{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connector-status-badge{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;text-transform:capitalize}.connector-status-badge .status-icon.active{color:#22c55e}.connector-status-badge .status-icon.failed{color:#ef4444}.connector-status-badge .status-icon.testing{color:#f59e0b}.connector-status-badge .status-icon.disabled{color:var(--text-muted)}.connector-card.active .connector-status-badge{background:#22c55e1a;color:#22c55e}.connector-card.failed .connector-status-badge{background:#ef44441a;color:#ef4444}.connector-card.testing .connector-status-badge{background:#f59e0b1a;color:#f59e0b}.connector-card.disabled .connector-status-badge{background:var(--bg-tertiary);color:var(--text-muted)}.connector-card-details{align-items:center;display:flex;gap:8px;padding:0 14px 12px}.provider-badge{display:inline-flex}.provider-label{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.provider-label.gcs{background:#4285f41a;color:#4285f4}.provider-label.s3{background:#ff99001a;color:#f90}.provider-label.azure{background:#0078d41a;color:#0078d4}.bucket-info{flex:1 1;min-width:0}.bucket-label{color:var(--text-muted);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connector-card-info-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;padding:12px 14px}.info-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.info-row .info-label{color:var(--text-muted)}.info-row .info-value{color:var(--text-secondary);max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.connector-card-error{align-items:center;background:#ef44441a;color:#ef4444;display:flex;font-size:11px;font-weight:500;gap:6px;padding:8px 14px}.connector-card-error svg{flex-shrink:0}.connector-card-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 14px}.connector-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:6px}.connector-card-meta svg{opacity:.7}.connector-card-last-tested{font-size:11px}.connector-card-last-tested .tested-time{color:var(--text-secondary)}.connector-card-last-tested .never-tested{color:var(--text-muted);font-style:italic}.connector-card.selected .connector-card-title .cloud-icon,.connector-card.selected .connector-card-title .connector-name{color:var(--accent-color)}.connector-card:hover .bucket-label{color:var(--text-secondary)}.connector-card.creating{animation:pulse-border 2s infinite}.connector-detail-sidebar{background-color:var(--bg-primary);border-left:3px solid var(--accent-color);border-radius:4px;box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:900px;will-change:transform;z-index:2001}.connector-detail-sidebar.sidebar-open{transform:translateX(0)}.connector-detail-sidebar:not(.resizing){transition:transform .3s cubic-bezier(.4,0,.2,1)}.connector-detail-sidebar.resizing{transition:none}.connector-detail-sidebar:before{background:linear-gradient(180deg,var(--accent-color) 0,#0000 100%);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:3px}.connector-detail-sidebar .resize-handle{background:#0000;cursor:ew-resize;height:100%;left:-4px;position:absolute;top:0;transition:all .2s ease;width:12px;z-index:10}.connector-detail-sidebar .resize-handle.resizing,.connector-detail-sidebar .resize-handle:hover{background:rgba(var(--accent-color-rgb),.2)}.connector-detail-sidebar .resize-handle:before{background:var(--accent-color);border-radius:4px;content:"";height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .2s ease;width:3px}.connector-detail-sidebar .resize-handle:hover:before{opacity:.6}.connector-detail-sidebar .resize-handle.resizing:before{box-shadow:0 0 8px rgba(var(--accent-color-rgb),.6);opacity:1}body.resizing-connector-sidebar{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-connector-sidebar *{cursor:ew-resize!important}.connector-detail-sidebar .sidebar-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--accent-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative}.connector-detail-sidebar .sidebar-header:after{background:linear-gradient(90deg,var(--accent-color) 0,#0000 100%);bottom:-2px;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.connector-detail-sidebar .sidebar-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.connector-detail-sidebar .header-actions{align-items:center;display:flex;gap:12px}.connector-detail-sidebar .action-button,.connector-detail-sidebar .close-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.connector-detail-sidebar .action-button:hover,.connector-detail-sidebar .close-button:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:var(--shadow);color:var(--accent-color);transform:translateY(-1px)}.connector-detail-sidebar .action-button.danger:hover{border-color:var(--danger-color);color:var(--danger-color)}.connector-detail-sidebar .action-button:disabled{cursor:not-allowed;opacity:.5}.connector-detail-sidebar .sidebar-content{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px}.connector-detail-sidebar .section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:32px;padding:20px}.connector-detail-sidebar .section:last-child{margin-bottom:0}.connector-detail-sidebar .section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.connector-detail-sidebar .section-header-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.connector-detail-sidebar .section-header-row h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.connector-detail-sidebar .form-group{margin-bottom:20px}.connector-detail-sidebar .form-group:last-child{margin-bottom:0}.connector-detail-sidebar .form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.connector-detail-sidebar .form-group input[type=password],.connector-detail-sidebar .form-group input[type=text],.connector-detail-sidebar .form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.connector-detail-sidebar .form-group input[type=password]:focus,.connector-detail-sidebar .form-group input[type=text]:focus,.connector-detail-sidebar .form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.connector-detail-sidebar .helper-text{color:var(--text-muted);font-size:12px;margin-top:8px}.connector-detail-sidebar .inline-control-row{align-items:center;display:flex;gap:10px;margin-top:10px}.connector-detail-sidebar .inline-control-row select{flex:1 1}.connector-detail-sidebar .inline-save-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:6px;min-height:38px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.connector-detail-sidebar .inline-save-button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.connector-detail-sidebar .inline-save-button:disabled{cursor:not-allowed;opacity:.6}.connector-detail-sidebar .readonly-value{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);display:flex;font-size:14px;gap:8px;line-height:1.5;padding:10px 12px}.connector-detail-sidebar .readonly-value.code{font-family:Monaco,Courier New,monospace;font-size:13px}.connector-detail-sidebar .readonly-value.status-value{align-items:center;display:flex;gap:8px}.connector-detail-sidebar .readonly-value.status-value.active{color:var(--success-color)}.connector-detail-sidebar .readonly-value.status-value.failed{color:var(--danger-color)}.connector-detail-sidebar .readonly-value.status-value.testing{color:var(--warning-color)}.connector-detail-sidebar .file-select-button{align-items:center;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:all .15s ease;width:100%}.connector-detail-sidebar .file-select-button:hover{border-color:var(--accent-color);color:var(--accent-color)}.connector-detail-sidebar .browse-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:24px;overflow:hidden}.connector-detail-sidebar .browse-panel-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px}.connector-detail-sidebar .browse-panel-header h3{align-items:center;border-bottom:none;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0;padding-bottom:0}.connector-detail-sidebar .close-panel-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color .2s ease}.connector-detail-sidebar .close-panel-btn:hover{color:var(--text-primary)}.connector-detail-sidebar .browse-path-bar{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:10px 16px}.connector-detail-sidebar .back-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 10px;transition:all .15s ease}.connector-detail-sidebar .back-button:hover{background:var(--bg-hover);border-color:var(--accent-color)}.connector-detail-sidebar .current-path{color:var(--text-secondary);font-family:monospace;font-size:13px}.connector-detail-sidebar .browse-files-list{max-height:300px;overflow-y:auto}.connector-detail-sidebar .loading-files,.connector-detail-sidebar .no-files{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center;padding:40px}.connector-detail-sidebar .file-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;padding:10px 16px;transition:background .15s ease}.connector-detail-sidebar .file-item:last-child{border-bottom:none}.connector-detail-sidebar .file-item.folder{cursor:pointer}.connector-detail-sidebar .file-item.folder:hover{background:var(--bg-hover)}.connector-detail-sidebar .file-icon{align-items:center;background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);display:flex;height:28px;justify-content:center;margin-right:12px;width:28px}.connector-detail-sidebar .file-item.folder .file-icon{color:var(--accent-color)}.connector-detail-sidebar .file-info{flex:1 1;min-width:0}.connector-detail-sidebar .file-name{color:var(--text-primary);display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connector-detail-sidebar .file-meta{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:8px;margin-top:2px}.connector-detail-sidebar .file-modified{color:var(--text-muted);font-size:11px;white-space:nowrap}.connector-detail-sidebar .test-result{border:1px solid var(--border-color);border-radius:4px;padding:16px}.connector-detail-sidebar .test-result.success{background:rgba(var(--success-color-rgb),.1);border-color:var(--success-color)}.connector-detail-sidebar .test-result.error{background:rgba(var(--danger-color-rgb),.1);border-color:var(--danger-color)}.connector-detail-sidebar .test-result-header{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.connector-detail-sidebar .test-result.success .test-result-header{color:var(--success-color)}.connector-detail-sidebar .test-result.error .test-result-header{color:var(--danger-color)}.connector-detail-sidebar .test-time{color:var(--text-muted);font-size:12px;font-weight:400;margin-left:auto}.connector-detail-sidebar .test-output{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-size:12px;margin:0;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.connector-detail-sidebar .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.connector-detail-sidebar .info-item{display:flex;flex-direction:column;gap:4px}.connector-detail-sidebar .info-item.full-width{grid-column:1/-1}.connector-detail-sidebar .info-label{color:var(--text-muted);font-size:12px;text-transform:uppercase}.connector-detail-sidebar .info-value{color:var(--text-primary);font-size:14px}.connector-detail-sidebar .info-value.error{color:var(--danger-color)}.connector-detail-sidebar .refresh-btn{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s ease}.connector-detail-sidebar .refresh-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.connector-detail-sidebar .import-jobs-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;max-height:300px;overflow-y:auto}.connector-detail-sidebar .loading-jobs,.connector-detail-sidebar .no-jobs{color:var(--text-muted);font-size:14px;padding:30px;text-align:center}.connector-detail-sidebar .no-jobs small{display:block;font-size:12px;margin-top:8px}.connector-detail-sidebar .import-job-item{border-bottom:1px solid var(--border-color);padding:14px 16px}.connector-detail-sidebar .import-job-item:last-child{border-bottom:none}.connector-detail-sidebar .job-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.connector-detail-sidebar .job-status{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:3px 8px;text-transform:uppercase}.connector-detail-sidebar .job-status.status-completed{background:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.connector-detail-sidebar .job-status.status-importing,.connector-detail-sidebar .job-status.status-scanning{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.connector-detail-sidebar .job-status.status-pending{background:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.connector-detail-sidebar .job-status.status-cancelled,.connector-detail-sidebar .job-status.status-failed{background:rgba(var(--danger-color-rgb),.1);color:var(--danger-color)}.connector-detail-sidebar .job-time{color:var(--text-muted);font-size:12px}.connector-detail-sidebar .job-details{display:flex;flex-direction:column;gap:6px}.connector-detail-sidebar .job-detail{display:flex;font-size:13px;gap:8px}.connector-detail-sidebar .job-detail .detail-label{color:var(--text-muted);min-width:80px}.connector-detail-sidebar .job-detail .detail-value{color:var(--text-primary);word-break:break-word}.connector-detail-sidebar .job-detail.error .detail-value{color:var(--danger-color)}.connector-detail-sidebar .message{align-items:center;animation:slideDown .3s ease;display:flex;font-size:14px;gap:10px;padding:12px 20px}.connector-detail-sidebar .message.success{background:rgba(var(--success-color-rgb),.1);border-bottom:2px solid var(--success-color);color:var(--success-color)}.connector-detail-sidebar .message.error{background:rgba(var(--danger-color-rgb),.1);border-bottom:2px solid var(--danger-color);color:var(--danger-color)}.connector-detail-sidebar .message svg{flex-shrink:0}.connector-detail-sidebar .sidebar-actions{background:var(--bg-secondary);border-top:2px solid var(--accent-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.connector-detail-sidebar .cancel-button,.connector-detail-sidebar .save-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.connector-detail-sidebar .cancel-button{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.connector-detail-sidebar .cancel-button:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.connector-detail-sidebar .save-button{background:var(--accent-color);border:none;color:#fff}.connector-detail-sidebar .save-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.connector-detail-sidebar .save-button:disabled{cursor:not-allowed;opacity:.5}.connector-detail-sidebar .spinning{animation:spin 1s linear infinite}.connectors-tab{height:100%;overflow:hidden;position:relative;width:100%}.connectors-container{height:100%;overflow-y:auto;padding:24px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.connectors-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.connectors-section .section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.connectors-section .section-title{align-items:center;display:flex;gap:10px}.connectors-section .section-title svg{color:var(--accent-color)}.connectors-section .section-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.connectors-section .connector-count{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);font-size:13px;padding:4px 10px}.connectors-section .section-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.connectors-section .search-input-wrapper{align-items:center;display:flex;position:relative}.connectors-section .search-input-wrapper svg{color:var(--text-muted);left:10px;position:absolute}.connectors-section .search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 12px 8px 34px;transition:all .2s ease;width:200px}.connectors-section .search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.connectors-section .search-input::placeholder{color:var(--text-muted)}.connectors-section .filter-dropdown{position:relative}.connectors-section .filter-select{appearance:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 32px 8px 12px;transition:all .2s ease}.connectors-section .filter-select:focus{border-color:var(--accent-color);outline:none}.connectors-section .dropdown-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.connectors-section .sort-controls{align-items:center;display:flex;gap:4px}.connectors-section .sort-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px 0 0 4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px}.connectors-section .sort-select:focus{border-color:var(--accent-color);outline:none}.connectors-section .sort-order-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-left:none;border-radius:0 4px 4px 0;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 10px;transition:all .2s ease}.connectors-section .sort-order-btn:hover{background:var(--bg-hover);color:var(--accent-color)}.connectors-section .refresh-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.connectors-section .refresh-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.connectors-section .refresh-btn:disabled{cursor:not-allowed;opacity:.5}.connectors-section .new-connector-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.connectors-section .new-connector-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.connectors-section .new-connector-btn:disabled{cursor:not-allowed;opacity:.5}.connectors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px}.connectors-grid .loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;grid-column:1/-1;justify-content:center;padding:60px 20px}.connectors-grid .loading-state svg{color:var(--accent-color)}.connectors-grid .empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.connectors-grid .empty-state svg{color:var(--text-muted);opacity:.5}.connectors-grid .empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.connectors-grid .empty-state p{color:var(--text-muted);font-size:14px;margin:0;max-width:400px}.connectors-grid .create-first-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:10px 20px;transition:all .2s ease}.connectors-grid .create-first-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}@media (max-width:1400px){.connectors-section .section-header{align-items:flex-start;flex-direction:column}.connectors-section .section-controls{justify-content:flex-start;width:100%}}@media (max-width:768px){.connectors-container{padding:16px}.connectors-grid{gap:16px;padding:16px}.connectors-section .search-input{width:150px}}.webhook-card,.webhook-card-wrapper{height:380px;position:relative;width:100%}.webhook-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:height .3s ease,transform .2s ease,box-shadow .2s ease}.webhook-card.expanded{background:var(--bg-secondary);box-shadow:0 8px 24px #0003;height:auto!important;max-height:600px;position:absolute;z-index:100}.webhook-card.expanded .events-list{max-height:400px!important;overflow-y:auto!important}.webhook-card-colorbar{background:var(--text-muted);height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.webhook-card.active .webhook-card-colorbar{background:var(--success-color)}.webhook-card.paused .webhook-card-colorbar{background:var(--warning-color)}.webhook-card.disabled .webhook-card-colorbar{background:var(--danger-color)}.webhook-card.has-failures .webhook-card-colorbar{background:var(--warning-color)}.webhook-card.creating .webhook-card-colorbar{animation:pulse-bar 2s ease-in-out infinite;background:var(--accent-color)}@keyframes pulse-bar{0%,to{opacity:.6}50%{opacity:1}}.webhook-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.webhook-card:hover .webhook-card-colorbar{height:6px}.webhook-card.selected{border-color:var(--accent-color);border-width:2px;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.webhook-card.selected .webhook-card-colorbar{background:var(--accent-color);height:6px}.webhook-card-header{align-items:center;display:flex;flex-shrink:0;gap:8px;height:56px;justify-content:space-between;padding:16px}.webhook-card-title{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.webhook-name{color:var(--text-primary);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-status-badge{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;text-transform:uppercase}.status-icon.active{color:var(--success-color)}.status-icon.paused{color:var(--warning-color)}.status-icon.disabled{color:var(--danger-color)}.status-text{color:var(--text-secondary)}.webhook-card-url{color:var(--text-muted);flex-shrink:0;font-family:Monaco,Courier New,monospace;font-size:12px;height:32px;overflow:hidden;padding:0 16px 8px;text-overflow:ellipsis;white-space:nowrap}.webhook-card-events-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0 16px}.events-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.events-count{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px}.events-count,.events-count svg{color:var(--text-muted)}.failure-badge{align-items:center;background:rgba(var(--warning-color-rgb),.15);border-radius:4px;color:var(--warning-color);display:flex;font-size:11px;gap:4px;padding:2px 6px}.events-list{flex:1 1;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:scroll;padding:0;position:relative}.events-list::-webkit-scrollbar{-webkit-transition:width .2s ease;transition:width .2s ease;width:0}.webhook-card:hover .events-list::-webkit-scrollbar{width:8px}.webhook-card:hover .events-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.webhook-card:hover .events-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;min-height:30px}.webhook-card:hover .events-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.events-list{scrollbar-width:none}.webhook-card:hover .events-list{scrollbar-color:var(--text-muted) var(--bg-tertiary);scrollbar-width:thin}.no-events{color:var(--text-muted);font-size:12px;font-style:italic;padding:20px;text-align:center}.event-item{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;font-size:12px;gap:8px;padding:10px 16px;transition:all .2s ease}.event-item:last-child{border-bottom:none}.event-item:hover{background:var(--bg-secondary)}.event-name{color:var(--text-primary);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-type{border-radius:4px;flex-shrink:0;font-size:11px;font-weight:300;padding:2px 5px;text-transform:uppercase}.event-type.media{background:rgba(var(--accent-color-rgb),.15);color:var(--accent-color)}.event-type.prompt_run{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.event-type.export{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.event-type.import_job{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.webhook-card-expand-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;bottom:48px;box-shadow:0 2px 4px #0000001a;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;gap:4px;left:50%;opacity:0;padding:4px 12px;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:10}.webhook-card:hover .webhook-card-expand-btn{opacity:1;visibility:visible}.webhook-card-expand-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary)}.webhook-card-expand-btn svg{flex-shrink:0}.webhook-card-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;margin-top:12px;padding:8px 16px}.webhook-card-meta{align-items:center;display:flex;font-size:11px;gap:6px}.webhook-card-meta,.webhook-card-meta svg{color:var(--text-muted)}.webhook-card-last-success{font-size:11px}.webhook-card-last-success .success-time{color:var(--success-color)}.webhook-card-last-success .no-success{color:var(--text-muted);font-style:italic}.webhook-card.creating{background:rgba(var(--accent-color-rgb),.05);border:2px dashed var(--accent-color);opacity:.9}.webhook-card.creating:hover{background:rgba(var(--accent-color-rgb),.08);opacity:1}.webhook-detail-sidebar{background-color:var(--bg-primary);border-left:3px solid var(--accent-color);border-radius:4px;box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:900px;will-change:transform;z-index:2001}.webhook-detail-sidebar.sidebar-open{transform:translateX(0)}.webhook-detail-sidebar:not(.resizing){transition:transform .3s cubic-bezier(.4,0,.2,1)}.webhook-detail-sidebar.resizing{transition:none}.webhook-detail-sidebar:before{background:linear-gradient(180deg,var(--accent-color) 0,#0000 100%);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:3px}.webhook-detail-sidebar .resize-handle{background:#0000;cursor:ew-resize;height:100%;left:-4px;position:absolute;top:0;transition:all .2s ease;width:12px;z-index:10}.webhook-detail-sidebar .resize-handle.resizing,.webhook-detail-sidebar .resize-handle:hover{background:rgba(var(--accent-color-rgb),.2)}.webhook-detail-sidebar .resize-handle:before{background:var(--accent-color);border-radius:4px;content:"";height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .2s ease;width:3px}.webhook-detail-sidebar .resize-handle:hover:before{opacity:.6}.webhook-detail-sidebar .resize-handle.resizing:before{box-shadow:0 0 8px rgba(var(--accent-color-rgb),.6);opacity:1}body.resizing-webhook-sidebar{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-webhook-sidebar *{cursor:ew-resize!important}.webhook-detail-sidebar .sidebar-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--accent-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative}.webhook-detail-sidebar .sidebar-header:after{background:linear-gradient(90deg,var(--accent-color) 0,#0000 100%);bottom:-2px;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.webhook-detail-sidebar .sidebar-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.webhook-detail-sidebar .header-actions{align-items:center;display:flex;gap:12px}.webhook-detail-sidebar .action-button,.webhook-detail-sidebar .close-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.webhook-detail-sidebar .action-button:hover,.webhook-detail-sidebar .close-button:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:var(--shadow);color:var(--accent-color);transform:translateY(-1px)}.webhook-detail-sidebar .action-button.danger:hover{border-color:var(--danger-color);color:var(--danger-color)}.webhook-detail-sidebar .action-button:disabled{cursor:not-allowed;opacity:.5}.webhook-detail-sidebar .sidebar-content{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px}.webhook-detail-sidebar .section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:32px;padding:20px}.webhook-detail-sidebar .section:last-child{margin-bottom:0}.webhook-detail-sidebar .section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.webhook-detail-sidebar .section-description{color:var(--text-muted);font-size:13px;margin-bottom:16px}.webhook-detail-sidebar .section-header-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.webhook-detail-sidebar .section-header-row h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.webhook-detail-sidebar .form-group{margin-bottom:20px}.webhook-detail-sidebar .form-group:last-child{margin-bottom:0}.webhook-detail-sidebar .form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.webhook-detail-sidebar .form-group input[type=text]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.webhook-detail-sidebar .form-group input[type=text]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.webhook-detail-sidebar .readonly-value{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;line-height:1.5;padding:10px 12px}.webhook-detail-sidebar .readonly-value.url-value{align-items:center;display:flex;font-family:Monaco,Courier New,monospace;font-size:13px;gap:8px;justify-content:space-between}.webhook-detail-sidebar .readonly-value.url-value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-detail-sidebar .readonly-value.url-value a{color:var(--accent-color);flex-shrink:0}.webhook-detail-sidebar .readonly-value.status-value{align-items:center;display:flex;gap:8px}.webhook-detail-sidebar .readonly-value.status-value.active{color:var(--success-color)}.webhook-detail-sidebar .readonly-value.status-value.paused{color:var(--warning-color)}.webhook-detail-sidebar .readonly-value.status-value.disabled{color:var(--danger-color)}.webhook-detail-sidebar .failure-count{color:var(--warning-color);font-size:12px;margin-left:8px}.webhook-detail-sidebar .status-toggle{display:flex;gap:8px}.webhook-detail-sidebar .status-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.webhook-detail-sidebar .status-btn:hover{background:var(--bg-hover);border-color:var(--accent-color)}.webhook-detail-sidebar .status-btn.active{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color);color:var(--accent-color)}.webhook-detail-sidebar .events-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.webhook-detail-sidebar .event-category{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:12px}.webhook-detail-sidebar .category-header{border-bottom:1px solid var(--border-color);color:var(--accent-color);font-size:12px;font-weight:600;margin-bottom:8px;padding-bottom:8px;text-transform:uppercase}.webhook-detail-sidebar .event-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 0;transition:background .2s ease}.webhook-detail-sidebar .event-checkbox:hover:not(.readonly){background:var(--bg-hover);border-radius:4px;margin:0 -8px;padding:6px 8px}.webhook-detail-sidebar .event-checkbox.readonly{cursor:default}.webhook-detail-sidebar .event-checkbox input[type=checkbox]{cursor:pointer}.webhook-detail-sidebar .event-checkbox.readonly input[type=checkbox]{cursor:default}.webhook-detail-sidebar .event-label{color:var(--text-primary);font-size:13px}.webhook-detail-sidebar .indexes-list{display:flex;flex-direction:column;gap:8px}.webhook-detail-sidebar .index-checkbox{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.webhook-detail-sidebar .index-checkbox:hover:not(.readonly){background:var(--bg-hover);border-color:var(--accent-color)}.webhook-detail-sidebar .index-checkbox.readonly{cursor:default}.webhook-detail-sidebar .index-label{color:var(--text-primary);font-size:14px}.webhook-detail-sidebar .secret-display{background:rgba(var(--success-color-rgb),.1);border:1px solid var(--success-color);border-radius:4px;margin:0 24px;padding:16px}.webhook-detail-sidebar .secret-header{align-items:center;color:var(--success-color);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.webhook-detail-sidebar .secret-value{align-items:center;background:var(--bg-primary);border-radius:4px;display:flex;gap:8px;padding:8px 12px}.webhook-detail-sidebar .secret-value code{color:var(--text-primary);flex:1 1;font-family:Monaco,Courier New,monospace;font-size:12px;word-break:break-all}.webhook-detail-sidebar .secret-value button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color .2s ease}.webhook-detail-sidebar .secret-value button:hover{color:var(--accent-color)}.webhook-detail-sidebar .rotate-secret-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.webhook-detail-sidebar .rotate-secret-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.webhook-detail-sidebar .rotate-secret-btn:disabled{cursor:not-allowed;opacity:.5}.webhook-detail-sidebar .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.webhook-detail-sidebar .info-item{display:flex;flex-direction:column;gap:4px}.webhook-detail-sidebar .info-label{color:var(--text-muted);font-size:12px;text-transform:uppercase}.webhook-detail-sidebar .info-value{color:var(--text-primary);font-size:14px}.webhook-detail-sidebar .info-value.success{color:var(--success-color)}.webhook-detail-sidebar .info-value.error{color:var(--danger-color)}.webhook-detail-sidebar .deliveries-section{display:flex;flex-direction:column;max-height:400px}.webhook-detail-sidebar .delivery-controls{align-items:center;display:flex;gap:8px}.webhook-detail-sidebar .delivery-filter{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:6px 10px}.webhook-detail-sidebar .refresh-btn{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s ease}.webhook-detail-sidebar .refresh-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.webhook-detail-sidebar .deliveries-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;flex:1 1;overflow-y:auto}.webhook-detail-sidebar .loading-deliveries,.webhook-detail-sidebar .no-deliveries{color:var(--text-muted);font-size:14px;padding:40px;text-align:center}.webhook-detail-sidebar .delivery-item{border-bottom:1px solid var(--border-color)}.webhook-detail-sidebar .delivery-item:last-child{border-bottom:none}.webhook-detail-sidebar .delivery-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.webhook-detail-sidebar .delivery-header:hover{background:var(--bg-hover)}.webhook-detail-sidebar .delivery-status{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px;min-width:100px;text-transform:uppercase}.webhook-detail-sidebar .delivery-status.status-delivered{color:var(--success-color)}.webhook-detail-sidebar .delivery-status.status-failed{color:var(--danger-color)}.webhook-detail-sidebar .delivery-status.status-pending{color:var(--warning-color)}.webhook-detail-sidebar .delivery-status.status-retrying{color:var(--accent-color)}.webhook-detail-sidebar .delivery-event{color:var(--text-primary);flex:1 1;font-size:13px}.webhook-detail-sidebar .delivery-time{color:var(--text-muted);font-size:12px}.webhook-detail-sidebar .delivery-details{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:12px 16px}.webhook-detail-sidebar .detail-row{display:flex;font-size:13px;gap:12px;padding:6px 0}.webhook-detail-sidebar .detail-row.error{color:var(--danger-color)}.webhook-detail-sidebar .detail-label{color:var(--text-muted);min-width:120px}.webhook-detail-sidebar .detail-value{color:var(--text-primary);word-break:break-all}.webhook-detail-sidebar .detail-row.payload-row,.webhook-detail-sidebar .detail-row.response-row{flex-direction:column;gap:8px}.webhook-detail-sidebar .payload-content,.webhook-detail-sidebar .response-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.5;margin:0;max-height:300px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.webhook-detail-sidebar .payload-content::-webkit-scrollbar,.webhook-detail-sidebar .response-content::-webkit-scrollbar{width:6px}.webhook-detail-sidebar .payload-content::-webkit-scrollbar-track,.webhook-detail-sidebar .response-content::-webkit-scrollbar-track{background:#0000}.webhook-detail-sidebar .payload-content::-webkit-scrollbar-thumb,.webhook-detail-sidebar .response-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.webhook-detail-sidebar .payload-content::-webkit-scrollbar-thumb:hover,.webhook-detail-sidebar .response-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.webhook-detail-sidebar .retry-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;margin-top:8px;padding:6px 12px;transition:all .2s ease}.webhook-detail-sidebar .retry-btn:hover{background:var(--accent-hover)}.webhook-detail-sidebar .message{align-items:center;animation:slideDown .3s ease;display:flex;font-size:14px;gap:10px;padding:12px 20px}.webhook-detail-sidebar .message.success{background:rgba(var(--success-color-rgb),.1);border-bottom:2px solid var(--success-color);color:var(--success-color)}.webhook-detail-sidebar .message.error{background:rgba(var(--danger-color-rgb),.1);border-bottom:2px solid var(--danger-color);color:var(--danger-color)}.webhook-detail-sidebar .message svg{flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.webhook-detail-sidebar .sidebar-actions{background:var(--bg-secondary);border-top:2px solid var(--accent-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.webhook-detail-sidebar .cancel-button,.webhook-detail-sidebar .save-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.webhook-detail-sidebar .cancel-button{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.webhook-detail-sidebar .cancel-button:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:var(--shadow);transform:translateY(-1px)}.webhook-detail-sidebar .save-button{background:var(--accent-color);border:none;color:#fff}.webhook-detail-sidebar .save-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.webhook-detail-sidebar .save-button:disabled{cursor:not-allowed;opacity:.5}.webhook-detail-sidebar .spinning{animation:spin 1s linear infinite}.webhooks-tab{height:100%;overflow:hidden;position:relative;width:100%}.webhooks-container{height:100%;overflow-y:auto;padding:24px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.webhooks-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.webhooks-section .section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.webhooks-section .section-title{align-items:center;display:flex;gap:10px}.webhooks-section .section-title svg{color:var(--accent-color)}.webhooks-section .section-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.webhooks-section .webhook-count{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);font-size:13px;padding:4px 10px}.webhooks-section .section-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.webhooks-section .search-input-wrapper{align-items:center;display:flex;position:relative}.webhooks-section .search-input-wrapper svg{color:var(--text-muted);left:10px;position:absolute}.webhooks-section .search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 12px 8px 34px;transition:all .2s ease;width:200px}.webhooks-section .search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.webhooks-section .search-input::placeholder{color:var(--text-muted)}.webhooks-section .filter-dropdown{position:relative}.webhooks-section .filter-select{appearance:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 32px 8px 12px;transition:all .2s ease}.webhooks-section .filter-select:focus{border-color:var(--accent-color);outline:none}.webhooks-section .dropdown-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.webhooks-section .sort-controls{align-items:center;display:flex;gap:4px}.webhooks-section .sort-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px 0 0 4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px}.webhooks-section .sort-select:focus{border-color:var(--accent-color);outline:none}.webhooks-section .sort-order-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-left:none;border-radius:0 4px 4px 0;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 10px;transition:all .2s ease}.webhooks-section .sort-order-btn:hover{background:var(--bg-hover);color:var(--accent-color)}.webhooks-section .refresh-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.webhooks-section .refresh-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.webhooks-section .refresh-btn:disabled{cursor:not-allowed;opacity:.5}.webhooks-section .new-webhook-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.webhooks-section .new-webhook-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.webhooks-section .new-webhook-btn:disabled{cursor:not-allowed;opacity:.5}.webhooks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px}.webhooks-grid .loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;grid-column:1/-1;justify-content:center;padding:60px 20px}.webhooks-grid .loading-state svg{color:var(--accent-color)}.webhooks-grid .empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.webhooks-grid .empty-state svg{color:var(--text-muted);opacity:.5}.webhooks-grid .empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.webhooks-grid .empty-state p{color:var(--text-muted);font-size:14px;margin:0;max-width:400px}.webhooks-grid .create-first-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:10px 20px;transition:all .2s ease}.webhooks-grid .create-first-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}@media (max-width:1400px){.webhooks-section .section-header{align-items:flex-start;flex-direction:column}.webhooks-section .section-controls{justify-content:flex-start;width:100%}}@media (max-width:768px){.webhooks-container{padding:16px}.webhooks-grid{gap:16px;padding:16px}.webhooks-section .search-input{width:150px}}.apikey-card,.apikey-card-wrapper{position:relative}.apikey-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.apikey-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.apikey-card.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.apikey-card.creating{background:rgba(var(--accent-color-rgb),.05);border-color:var(--accent-color);border-style:dashed}.apikey-card.active .apikey-card-colorbar{background:linear-gradient(90deg,#22c55e,#16a34a)}.apikey-card.revoked .apikey-card-colorbar{background:linear-gradient(90deg,#ef4444,#dc2626)}.apikey-card.expired .apikey-card-colorbar{background:linear-gradient(90deg,#f59e0b,#d97706)}.apikey-card.inactive .apikey-card-colorbar{background:linear-gradient(90deg,var(--text-muted),var(--border-color))}.apikey-card-colorbar{background:var(--accent-color);height:4px;width:100%}.apikey-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding:14px 14px 8px}.apikey-card-title{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.apikey-card-title .key-icon{color:var(--accent-color);flex-shrink:0}.apikey-card-title .apikey-name{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apikey-status-badge{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;text-transform:capitalize}.apikey-status-badge .status-icon.active{color:#22c55e}.apikey-status-badge .status-icon.revoked{color:#ef4444}.apikey-status-badge .status-icon.expired{color:#f59e0b}.apikey-card.active .apikey-status-badge{background:#22c55e1a;color:#22c55e}.apikey-card.revoked .apikey-status-badge{background:#ef44441a;color:#ef4444}.apikey-card.expired .apikey-status-badge{background:#f59e0b1a;color:#f59e0b}.apikey-card.inactive .apikey-status-badge{background:var(--bg-tertiary);color:var(--text-muted)}.apikey-card-prefix{padding:0 14px 12px}.apikey-card-prefix code{background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:4px 8px}.apikey-card-scopes-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 14px}.scopes-label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.scopes-list{display:flex;flex-wrap:wrap;gap:6px}.scope-badge{align-items:center;border-radius:4px;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.scope-badge.scope-admin{background:#ef44441a;color:#ef4444}.scope-badge.scope-write{background:#3b82f61a;color:#3b82f6}.scope-badge.scope-read{background:#22c55e1a;color:#22c55e}.scope-badge.scope-search{background:#a855f71a;color:#a855f7}.no-scopes{color:var(--text-muted);font-size:12px;font-style:italic}.apikey-card-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 14px}.apikey-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:6px}.apikey-card-meta svg{opacity:.7}.apikey-card-last-used{font-size:11px}.apikey-card-last-used .last-used-time{color:var(--text-secondary)}.apikey-card-last-used .never-used{color:var(--text-muted);font-style:italic}.apikey-card-expiry{align-items:center;background:#f59e0b1a;color:#f59e0b;display:flex;font-size:11px;font-weight:500;gap:6px;padding:8px 14px}.apikey-card-expiry.expired{background:#ef44441a;color:#ef4444}.apikey-card.selected .apikey-card-title .apikey-name,.apikey-card.selected .apikey-card-title .key-icon{color:var(--accent-color)}.apikey-card:hover .apikey-card-prefix code{background:var(--bg-hover)}.apikey-card.creating{animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:var(--accent-color)}50%{border-color:rgba(var(--accent-color-rgb),.3)}}.apikey-detail-sidebar{background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.apikey-detail-sidebar.open{transform:translateX(0)}.sidebar-resize-handle{background:#0000;bottom:0;cursor:col-resize;left:0;position:absolute;top:0;transition:background .2s ease;width:6px;z-index:10}.sidebar-resize-handle:hover,body.resizing-apikey-sidebar .sidebar-resize-handle{background:var(--accent-color)}body.resizing-apikey-sidebar{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sidebar-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 20px}.sidebar-header,.sidebar-title{align-items:center;display:flex}.sidebar-title{gap:10px}.sidebar-title svg{color:var(--accent-color)}.sidebar-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.close-btn{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s ease}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.new-key-section{background:#f59e0b1a;border:1px solid #f59e0b;border-radius:8px;margin-bottom:24px;padding:16px}.new-key-warning{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.new-key-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.new-key-warning strong{color:#d97706;display:block;margin-bottom:4px}.new-key-warning p{color:#92400e;font-size:13px;margin:0}.new-key-value{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;padding:12px}.new-key-value code{color:var(--text-primary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;word-break:break-all}.copy-key-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.copy-key-btn:hover{background:var(--accent-hover)}.copy-key-btn.copied{background:#22c55e}.sidebar-message{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 14px}.sidebar-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.sidebar-message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.sidebar-message span{flex:1 1}.message-close{background:#0000;border:none;color:inherit;cursor:pointer;opacity:.6;padding:4px;transition:opacity .2s ease}.message-close:hover{opacity:1}.status-section{margin-bottom:20px}.status-badge-large{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.detail-section{margin-bottom:24px}.detail-section label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.detail-section label .required{color:#ef4444}.detail-value{font-size:14px}.key-prefix-display{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;padding:12px}.key-prefix-display code{color:var(--text-primary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.copy-prefix-btn{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;padding:6px;transition:all .2s ease}.copy-prefix-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.form-input{background:var(--bg-secondary);border-radius:6px;padding:10px 12px;transition:border-color .2s ease}.form-input:focus{box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.form-input::placeholder,.scopes-description{color:var(--text-muted)}.scopes-description{font-size:12px;margin-bottom:12px}.scopes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.scope-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.scope-option:hover:not(.disabled){background:rgba(var(--accent-color-rgb),.05);border-color:var(--accent-color)}.scope-option.selected{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.scope-option.disabled{cursor:default;opacity:.8}.scope-option-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.scope-checkbox{align-items:center;border:2px solid var(--border-color);border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.scope-checkbox.checked{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.scope-option-header svg:not(.scope-checkbox svg){color:var(--text-secondary)}.scope-label{color:var(--text-primary);font-size:14px;font-weight:500}.scope-description{color:var(--text-muted);font-size:12px;padding-left:26px}.expiration-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.expiration-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s ease}.expiration-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.expiration-btn.selected{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.custom-expiration{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.days-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:6px 10px;width:80px}.days-input:focus{border-color:var(--accent-color);outline:none}.metadata-grid{display:flex;flex-direction:column;gap:12px}.metadata-item{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;gap:10px;padding:10px 12px}.metadata-item svg{color:var(--text-muted);flex-shrink:0}.metadata-label{color:var(--text-muted);font-size:12px;min-width:80px}.metadata-value{color:var(--text-primary);font-size:13px}.sidebar-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cancel-btn{background:var(--bg-primary);font-weight:500}.cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.save-btn:hover:not(:disabled){background:var(--accent-hover)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.revoke-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:6px;color:#f59e0b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.revoke-btn:hover:not(:disabled){background:#f59e0b33}.revoke-btn:disabled{cursor:not-allowed;opacity:.5}.rotate-btn{align-items:center;background:rgba(var(--accent-color-rgb),.1);border:1px solid var(--accent-color);border-radius:6px;color:var(--accent-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.rotate-btn:hover:not(:disabled){background:rgba(var(--accent-color-rgb),.2)}.rotate-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn{align-items:center;background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.delete-btn:hover:not(:disabled){background:#ef444433}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.confirm-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:24px;width:90%}.confirm-modal-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.confirm-modal-header .warning-icon{color:#f59e0b}.confirm-modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.confirm-modal p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.confirm-delete-btn:hover:not(:disabled){background:#dc2626}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-revoke-btn{align-items:center;background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.confirm-revoke-btn:hover:not(:disabled){background:#d97706}.confirm-revoke-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-rotate-btn{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.confirm-rotate-btn:hover:not(:disabled){background:var(--accent-hover)}.confirm-rotate-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.apikey-detail-sidebar{width:100%!important}.sidebar-resize-handle{display:none}.scopes-grid{grid-template-columns:1fr}}.apikeys-tab{height:100%;overflow:hidden;position:relative;width:100%}.apikeys-container{height:100%;overflow-y:auto;padding:24px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.apikeys-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.apikeys-section .section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.apikeys-section .section-title{align-items:center;display:flex;gap:10px}.apikeys-section .section-title svg{color:var(--accent-color)}.apikeys-section .section-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.apikeys-section .apikey-count{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);font-size:13px;padding:4px 10px}.apikeys-section .section-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.apikeys-section .search-input-wrapper{align-items:center;display:flex;position:relative}.apikeys-section .search-input-wrapper svg{color:var(--text-muted);left:10px;position:absolute}.apikeys-section .search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 12px 8px 34px;transition:all .2s ease;width:200px}.apikeys-section .search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.apikeys-section .search-input::placeholder{color:var(--text-muted)}.apikeys-section .filter-dropdown{position:relative}.apikeys-section .filter-select{appearance:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 32px 8px 12px;transition:all .2s ease}.apikeys-section .filter-select:focus{border-color:var(--accent-color);outline:none}.apikeys-section .dropdown-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.apikeys-section .sort-controls{align-items:center;display:flex;gap:4px}.apikeys-section .sort-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px 0 0 4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px}.apikeys-section .sort-select:focus{border-color:var(--accent-color);outline:none}.apikeys-section .sort-order-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-left:none;border-radius:0 4px 4px 0;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 10px;transition:all .2s ease}.apikeys-section .sort-order-btn:hover{background:var(--bg-hover);color:var(--accent-color)}.apikeys-section .refresh-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.apikeys-section .refresh-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.apikeys-section .refresh-btn:disabled{cursor:not-allowed;opacity:.5}.apikeys-section .new-apikey-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.apikeys-section .new-apikey-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.apikeys-section .new-apikey-btn:disabled{cursor:not-allowed;opacity:.5}.apikeys-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px}.apikeys-grid .loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;grid-column:1/-1;justify-content:center;padding:60px 20px}.apikeys-grid .loading-state svg{color:var(--accent-color)}.apikeys-grid .empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.apikeys-grid .empty-state svg{color:var(--text-muted);opacity:.5}.apikeys-grid .empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.apikeys-grid .empty-state p{color:var(--text-muted);font-size:14px;margin:0;max-width:400px}.apikeys-grid .create-first-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:10px 20px;transition:all .2s ease}.apikeys-grid .create-first-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}@media (max-width:1400px){.apikeys-section .section-header{align-items:flex-start;flex-direction:column}.apikeys-section .section-controls{justify-content:flex-start;width:100%}}@media (max-width:768px){.apikeys-container{padding:16px}.apikeys-grid{gap:16px;padding:16px}.apikeys-section .search-input{width:150px}}.usage-tab{height:100%;overflow:hidden;position:relative;width:100%}.usage-container{height:100%;overflow-y:auto;padding:24px}.usage-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.usage-section .section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.usage-section .section-title{align-items:center;display:flex;gap:10px;margin:0}.usage-panel-header svg,.usage-section .section-title svg{color:var(--accent-color)}.usage-section .section-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.event-count,.period-badge,.usage-plan-badge{align-items:center;background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);display:inline-flex;font-size:12px;font-weight:600;min-height:24px;padding:3px 9px}.usage-plan-badge.enterprise{background:#10b98124;color:#10b981}.events-controls,.usage-section .section-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sort-order-btn,.usage-section .refresh-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:34px;justify-content:center;min-width:34px;padding:8px;transition:all .2s ease}.sort-order-btn:hover:not(:disabled),.usage-section .refresh-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.usage-section .refresh-btn:disabled{cursor:not-allowed;opacity:.5}.usage-content{gap:18px;padding:20px}.usage-content,.usage-state{display:flex;flex-direction:column}.usage-state{align-items:center;color:var(--text-muted);gap:14px;justify-content:center;min-height:320px}.usage-inline-error{align-items:center;background:#ef444414;border:1px solid #ef444459;border-radius:6px;color:#ef4444;display:flex;gap:8px;margin:16px 20px 0;padding:10px 12px}.credit-overview,.usage-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.credit-overview{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.4fr) minmax(260px,1fr);padding:20px}.credit-overview-main{align-items:center;display:flex;gap:16px}.credit-overview-icon{align-items:center;background:rgba(var(--accent-color-rgb),.12);border-radius:8px;color:var(--accent-color);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.credit-label,.metric-label{color:var(--text-muted);font-size:13px}.credit-value{color:var(--text-primary);font-size:34px;font-weight:700;line-height:1.1}.credit-progress-block{display:flex;flex-direction:column;gap:10px;min-width:0}.credit-progress-meta{color:var(--text-secondary);display:flex;font-size:13px;gap:12px;justify-content:space-between}.credit-progress-track{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;height:16px;overflow:hidden}.credit-progress-used{background:var(--accent-color);height:100%;transition:width .25s ease}.auth-card-stats,.budget-status,.credit-overview-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.auth-card-stats div,.budget-status div,.credit-overview-stats div{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 12px}.auth-card-stats span,.budget-status span,.credit-overview-stats span{color:var(--text-muted);font-size:12px}.auth-card-stats strong,.budget-status strong,.credit-overview-stats strong{color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-panel{padding:18px}.usage-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.usage-panel-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:9px;margin:0}.usage-panel-header>span{color:var(--text-muted);font-size:13px}.metric-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:14px;min-width:0;padding:16px;transition:border-color .2s ease,box-shadow .2s ease}.metric-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow)}.metric-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.metric-content{display:flex;flex-direction:column;gap:3px;min-width:0}.metric-value{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.budget-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.4fr) minmax(260px,1fr)}.budget-field{display:flex;flex-direction:column;gap:8px;min-width:0}.budget-field.disabled{opacity:.7}.budget-field label{color:var(--text-muted);font-size:12px;font-weight:600}.budget-field input,.search-input-wrapper input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;height:36px;padding:8px 10px;width:100%}.budget-field input:focus,.search-input-wrapper input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.budget-warning{align-items:center;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:6px;color:var(--text-primary);display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding:10px 12px}.budget-actions button,.budget-add-row button,.budget-warning button{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px}.budget-actions button:hover:not(:disabled),.budget-add-row button:hover:not(:disabled),.budget-warning button:hover{opacity:.9}.budget-actions button:disabled,.budget-add-row button:disabled{cursor:not-allowed;opacity:.55}.budget-add-row,.budget-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.budget-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:6px;padding:6px 9px}.budget-empty{color:var(--text-muted);font-size:13px}.budget-add-row input{width:110px}.budget-actions{align-items:center;display:flex;gap:10px;margin-top:14px}.budget-error{color:#ef4444;font-size:13px}.budget-success{color:#10b981;font-size:13px;font-weight:600}.usage-table-wrap{border:1px solid var(--border-color);border-radius:6px;overflow-x:auto}.usage-table-wrap.events{max-height:560px;overflow-y:auto}.usage-table{border-collapse:collapse;min-width:680px;width:100%}.usage-table td,.usage-table th{border-bottom:1px solid var(--border-color);padding:12px 14px;text-align:left;vertical-align:middle}.usage-table th{background:var(--bg-tertiary);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:1}.usage-table td{color:var(--text-primary);font-size:13px}.usage-table tbody tr:hover{background:var(--bg-hover)}.empty-table{color:var(--text-muted);padding:32px!important;text-align:center!important}.enterprise-panel{border-color:#10b9814d}.auth-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:14px}.auth-card-title{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px}.auth-card-title svg{color:var(--accent-color)}.auth-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.events-heading{align-items:flex-start}.search-input-wrapper{min-width:190px;position:relative}.search-input-wrapper svg{color:var(--text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper input{padding-left:34px}.metric-cell-icon{display:inline-flex;margin-right:8px;vertical-align:middle}.metric-cell-icon svg{height:16px;width:16px}.metadata-cell{display:flex;flex-wrap:wrap;gap:6px;max-width:360px}.metadata-tag{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:inline-flex;font-size:12px;max-width:170px;overflow:hidden;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.budget-grid,.credit-overview{grid-template-columns:1fr}}@media (max-width:720px){.usage-container{padding:16px}.credit-overview,.usage-content,.usage-panel{padding:14px}.budget-status,.credit-overview-stats{grid-template-columns:1fr}.credit-progress-meta{flex-direction:column;gap:4px}.credit-value{font-size:28px}}.job-card-compact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;container-type:inline-size;min-width:0;overflow:visible;transition:border-color .15s ease}.job-card-compact[data-tone=success]{border-left:3px solid var(--success-color)}.job-card-compact[data-tone=warning]{border-left:3px solid var(--warning-color)}.job-card-compact[data-tone=danger]{border-left:3px solid var(--danger-color)}.job-card-compact[data-tone=muted]{border-left:3px solid var(--text-muted)}.job-card-compact:hover{border-color:var(--accent-color)}.job-card-compact-header{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;min-height:44px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.job-card-compact-header:hover{background:var(--bg-hover)}.job-card-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) minmax(80px,140px) minmax(0,2fr);width:100%}.job-card-left,.job-card-row{align-items:center;min-width:0}.job-card-left{display:flex;gap:8px}.expand-icon{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;transition:transform .15s ease}.job-card-compact.expanded .expand-icon{color:var(--accent-color)}.job-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0}.job-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-progress-bar-container{flex:1 1;min-width:0}.job-progress-bar{background:var(--bg-tertiary);border-radius:5px;display:flex;height:10px;overflow:hidden;position:relative;width:100%}.job-progress-bar .progress-segment{flex-shrink:0;height:100%}.job-progress-bar .progress-segment.success{background:#10b981}.job-progress-bar .progress-segment.in-progress{background:#f59e0b}.job-progress-bar .progress-segment.failed{background:#ef4444}.job-progress-bar .progress-segment.skipped{background:#9ca3af}.job-card-right{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;min-width:0}.job-connector,.job-type-badge{color:var(--text-secondary);font-size:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-time{color:var(--text-muted);flex-shrink:0;width:auto}.job-counts,.job-time{font-size:11px;white-space:nowrap}.job-counts{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.job-counts .count-imported{color:#10b981}.job-counts .count-failed{color:#ef4444}.job-counts .count-skipped{color:#9ca3af}.job-counts .count-sep{color:var(--text-muted);margin:0 2px}.job-attempts{color:var(--text-muted);font-size:11px;white-space:nowrap}.job-status-badge{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.03em;min-width:70px;padding:4px 8px;text-align:center;text-transform:uppercase;white-space:nowrap}.job-status-badge.success{background:#10b9811f;color:var(--success-color)}.job-status-badge.warning{background:#f59e0b1f;color:var(--warning-color)}.job-status-badge.danger{background:#ef44441f;color:var(--danger-color)}.job-status-badge.muted{background:var(--bg-tertiary);color:var(--text-muted)}.download-btn-inline{align-items:center;background:#3b82f61a;border:1px solid #3b82f666;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .15s ease;width:24px}.download-btn-inline:hover{background:#3b82f633;border-color:#3b82f6}.download-btn-inline:disabled,.download-btn:disabled{cursor:wait;opacity:.6}.job-card-compact-details{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:12px}@keyframes fadeInDetails{0%{opacity:0}to{opacity:1}}.details-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.detail-item{display:flex;flex-direction:column;gap:3px;min-width:0}.detail-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:12px;font-weight:500;overflow-wrap:anywhere}.detail-value.mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.detail-value .count-imported{color:#10b981}.detail-value .count-failed{color:#ef4444}.detail-value .count-skipped{color:#9ca3af}.detail-value .count-total{color:var(--text-muted)}.detail-row-full{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;padding-top:10px}.detail-row-full .detail-value{word-break:break-all}.truncate-list{font-size:11px;line-height:1.6}.failed-file-item,.skipped-file-item{display:block;padding:2px 0}.failed-file-item{color:var(--danger-color)}.more-items,.skipped-file-item{color:var(--text-muted)}.more-items{display:block;font-style:italic;padding-top:4px}.error-list .truncate-list{background:#ef44440d;border:1px solid #ef444433;border-radius:4px;padding:8px}.export-params-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.export-param-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px}.export-param-item .param-key{color:var(--text-muted);font-weight:600}.export-param-item .param-value{color:var(--text-primary);font-family:Menlo,Monaco,Consolas,Courier New,monospace}.detail-row-full a{color:var(--accent-color);text-decoration:none}.detail-row-full a:hover{text-decoration:underline}.id-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;max-height:120px;overflow-y:auto}.id-item{border:1px solid var(--border-color);border-radius:3px;font-size:10px;padding:2px 6px}.file-list,.id-item{background:var(--bg-tertiary)}.file-list{border:1px solid var(--border-color);border-radius:4px;margin-top:4px;max-height:150px;overflow-y:auto;padding:8px}.file-list.failed{background:#ef44440d;border-color:#ef444433}.file-list.skipped{background:#9ca3af0d;border-color:#9ca3af33}.file-item{border-bottom:1px solid var(--border-color);font-size:10px;padding:2px 0;word-break:break-all}.file-item:last-child{border-bottom:none}.file-list.failed .file-item{color:var(--danger-color)}.file-list.skipped .file-item{color:var(--text-muted)}.raw-json{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-size:10px;line-height:1.4;margin:4px 0 0;max-height:150px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.error-text{background:#ef44440d;border:1px solid #ef444433;border-radius:4px;color:var(--danger-color);padding:6px 8px}.export-download-error{font-size:11px;margin:8px 12px}.current-file-row{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:3px;margin-top:10px;padding-top:10px}.download-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f666;border-radius:4px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-top:10px;padding:6px 12px;transition:all .15s ease}.download-btn:hover{background:#3b82f633;border-color:#3b82f6}.job-card-compact-details .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:var(--danger-color);font-size:11px;margin-top:10px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}@container (max-width: 1100px){.job-card-row{grid-template-columns:minmax(0,1fr) 140px}.job-card-right{grid-column:1/-1;justify-content:flex-start}}@container (max-width: 650px){.job-card-row{gap:8px;grid-template-columns:minmax(0,1fr) 96px}.job-card-compact .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.jobs-tab{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin-inline:auto;max-width:1600px;min-height:100%;min-width:0;padding:8px;width:100%}.jobs-header{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:12px}.jobs-header h2{color:var(--text-primary);font-size:18px;margin:0}.jobs-header p{color:var(--text-muted);font-size:12px;margin:4px 0 0}.jobs-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.jobs-stream-status{align-items:center;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 10px}.jobs-stream-status.connected{background:#10b98114;border-color:#10b98166;color:var(--success-color)}.jobs-stream-status.disconnected{background:#f59e0b1a;border-color:#f59e0b73;color:var(--warning-color)}.jobs-refresh-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:7px 10px;transition:all .15s ease}.jobs-refresh-btn:hover:not(:disabled){border-color:var(--accent-color)}.jobs-refresh-btn:disabled{cursor:not-allowed;opacity:.65}.spinning{animation:jobs-spin 1s linear infinite}@keyframes jobs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.jobs-info-banner{align-items:center;border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:12px;gap:6px;padding:8px 10px}.jobs-info-banner.warning{background:#f59e0b14;border-color:#f59e0b66;color:var(--warning-color)}.jobs-info-banner.error{background:#ef444414;border-color:#ef444466;color:var(--danger-color)}.jobs-last-activity{color:var(--text-muted);font-size:11px}.jobs-loading-state{align-items:center;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-muted);display:flex;gap:8px;justify-content:center;padding:20px}.jobs-tabs-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden}.jobs-tabs{background:var(--bg-primary);border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:0}.jobs-tab-btn,.jobs-tabs{display:flex;position:relative}.jobs-tab-btn{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.jobs-tab-btn:after{background:#0000;bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transition:background-color .2s ease}.jobs-tab-btn:hover{background:#3b82f60d;color:var(--text-primary)}.jobs-tab-btn.active{background:#3b82f61a;color:var(--accent-color);font-weight:600}.jobs-tab-btn.active:after{background:var(--accent-color)}.jobs-tab-btn.active:hover{background:#3b82f626;color:var(--accent-color)}.jobs-tab-btn svg{transition:transform .2s ease}.jobs-tab-btn:hover svg{transform:translateY(-1px)}.jobs-tab-btn.active svg{color:var(--accent-color)}.jobs-tab-btn.locked{color:var(--text-secondary);color:var(--text-tertiary,var(--text-secondary));opacity:.72}.jobs-tab-btn.locked:hover{opacity:1}.jobs-tab-btn .tab-count{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:0;min-width:20px;padding:2px 6px;text-align:center;text-transform:none}.jobs-tab-btn.active .tab-count{background:#3b82f626;border-color:#3b82f64d;color:var(--accent-color)}.jobs-tab-content{background:var(--bg-secondary);display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px}.jobs-empty{border:1px dashed var(--border-color);border-radius:4px;color:var(--text-muted);font-size:13px;padding:24px;text-align:center}@media (max-width:900px){.jobs-header{flex-direction:column}.jobs-header-actions{justify-content:flex-start;width:100%}.jobs-tab-btn{font-size:.8125rem;padding:.75rem 1rem}.jobs-tab-btn span:not(.tab-count){display:none}}@media (max-width:500px){.jobs-tabs{border-bottom:none;border-right:2px solid var(--border-color);flex-direction:column}.jobs-tab-btn{border-bottom:none;justify-content:flex-start;margin-bottom:0;margin-right:-2px}.jobs-tab-btn:after{bottom:auto;height:100%;left:auto;right:0;top:0;width:3px}.jobs-tab-btn span:not(.tab-count){display:inline}}.billing-tab{height:100%;overflow:hidden;position:relative;width:100%}.billing-container{height:100%;overflow-y:auto;padding:24px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.error-state,.loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.error-state{color:#ef4444}.manage-btn,.purchase-btn,.retry-btn{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;transition:opacity .2s ease,border-color .2s ease,color .2s ease}.manage-btn{font-size:13px;padding:8px 16px}.purchase-btn{padding:12px 16px;width:100%}.manage-btn:hover,.purchase-btn:hover:not(:disabled),.retry-btn:hover{opacity:.9}.purchase-btn:disabled{cursor:not-allowed;opacity:.55}.billing-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.billing-section .section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.billing-section .section-title{align-items:center;display:flex;gap:10px;margin:0}.billing-section .section-title svg{color:var(--accent-color)}.billing-section .section-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.plan-badge{border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.refresh-btn{transition:border-color .2s ease,color .2s ease}.billing-section .section-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin:0;padding:16px 20px}.section-tab{transition:border-color .2s ease,color .2s ease,background .2s ease}.tab-content{padding:20px}.billing-inline-error,.billing-inline-status{align-items:center;border-radius:6px;display:flex;gap:8px;margin:16px 20px 0;padding:10px 12px}.billing-inline-error{background:#ef444414;border:1px solid #ef444459;color:#ef4444}.billing-inline-status{background:#3b82f614;border:1px solid #3b82f64d;color:var(--text-primary)}.purchase-content,.transactions-content{display:flex;flex-direction:column;gap:20px}.purchase-hero{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);padding:20px}.billing-detail-card,.custom-purchase-card,.package-card,.plan-card-inline,.purchase-hero,.purchase-hero-details,.purchase-hero-main,.purchase-section,.transactions-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.purchase-hero-main{background:linear-gradient(180deg,#3b82f614,#3b82f600),var(--bg-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px}.purchase-hero-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;text-transform:uppercase}.purchase-hero-label svg{color:var(--accent-color)}.purchase-balance{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px}.purchase-balance span{color:var(--text-primary);font-size:36px;font-weight:700;line-height:1.1}.purchase-balance small,.purchase-cycle-note{color:var(--text-muted);font-size:13px}.purchase-hero-details{display:flex;flex-direction:column;justify-content:center;padding:16px}.purchase-detail-row{border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.purchase-detail-row:last-child{border-bottom:none}.billing-detail-card span,.purchase-detail-row span,.purchase-section-header p,.transactions-header p{color:var(--text-muted);font-size:13px}.billing-detail-card strong,.purchase-detail-row strong{color:var(--text-primary);font-size:13px;font-weight:600;text-align:right}.purchase-section{padding:18px}.purchase-section-header,.transactions-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.purchase-section-header h3,.transactions-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.purchase-section-header p,.transactions-header p{margin:0}.purchase-section-header>span{color:var(--text-secondary);font-size:13px;white-space:nowrap}.purchase-section-status{margin:0 0 16px}.billing-details-grid,.packages-grid,.plan-grid-inline{grid-gap:12px;display:grid;gap:12px}.plan-grid-inline{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.packages-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.billing-details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.package-card,.plan-card-inline{display:flex;flex-direction:column;gap:12px;padding:16px;transition:border-color .2s ease,box-shadow .2s ease}.package-card:hover,.plan-card-inline:hover{border-color:var(--accent-color);box-shadow:var(--shadow)}.package-card-intended,.plan-card-inline.current{border-color:var(--accent-color)}.package-card-intended{box-shadow:0 0 0 1px rgba(var(--accent-color-rgb),.28)}.enterprise-managed-panel{grid-gap:16px;align-items:center;background:rgba(var(--accent-color-rgb),.08);border:1px solid rgba(var(--accent-color-rgb),.35);border-radius:4px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:16px}.enterprise-managed-panel h4{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.25;margin:0 0 6px}.enterprise-managed-panel p{color:var(--text-secondary);font-size:13px;line-height:1.45;margin:0}.enterprise-contact-btn{white-space:nowrap;width:auto}.package-header,.plan-card-inline-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.custom-purchase-card h4,.package-header h4,.plan-card-inline-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.plan-price-inline{color:var(--text-muted);font-size:13px;margin-top:4px}.bonus-badge,.plan-current-badge{align-items:center;background:#10b98124;border-radius:4px;color:#10b981;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.bonus-badge{font-size:11px}.plan-inline-meta{color:var(--text-muted);display:flex;font-size:12px;gap:12px;justify-content:space-between}.plan-inline-features{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:6px;list-style:none;margin:0;padding:0}.package-amount{align-items:baseline;display:flex;gap:8px}.mt-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.1}.package-total{color:#10b981;font-size:13px}.package-price{color:var(--accent-color);font-size:22px;font-weight:600}.custom-purchase-card p,.package-description{color:var(--text-muted);font-size:13px}.package-description{flex:1 1}.package-ineligible{color:#ef4444;font-size:12px}.custom-purchase-card{margin-top:16px;padding:16px}.custom-purchase-card p{margin:8px 0 0}.custom-purchase-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.custom-purchase-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);min-width:160px;padding:10px 12px}.custom-purchase-controls .purchase-btn{width:auto}.billing-detail-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.billing-detail-card strong{text-align:left}.transactions-panel{overflow:hidden}.transactions-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);margin:0;padding:16px}.transactions-table-container{max-height:600px;overflow:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid var(--border-color);padding:12px 16px;text-align:left}.transactions-table th{background:var(--bg-tertiary);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:1}.transactions-table td{color:var(--text-primary);font-size:13px}.transactions-table tbody tr:hover{background:var(--bg-hover)}.timestamp-cell{white-space:nowrap}.timestamp-cell svg,.type-cell svg{color:var(--text-muted);margin-right:8px;vertical-align:-2px}.type-cell{text-transform:capitalize}.description-cell{max-width:300px}.description-cell,.reference-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-cell{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;max-width:210px}.reference-cell a{align-items:center;color:var(--accent-primary);display:inline-flex;gap:4px;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;vertical-align:middle}.reference-cell a:hover{text-decoration:underline}.amount-cell{font-weight:600;white-space:nowrap}.amount-cell.positive{color:#10b981}.amount-cell.negative{color:#ef4444}.usd-cell{white-space:nowrap}.empty-state,.usd-cell{color:var(--text-muted)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}@media (max-width:900px){.billing-section .section-header,.purchase-section-header,.transactions-header{align-items:flex-start;flex-direction:column}.section-controls{justify-content:flex-start;width:100%}.purchase-hero{grid-template-columns:1fr}}@media (max-width:600px){.billing-container{padding:16px}.billing-section .section-tabs{flex-wrap:wrap}.section-tab{flex:1 1;justify-content:center;min-width:120px}.tab-content{padding:16px}.purchase-hero,.purchase-section{padding:14px}.purchase-hero-main{padding:16px}.purchase-balance span{font-size:28px}.billing-details-grid,.enterprise-managed-panel,.packages-grid,.plan-grid-inline{grid-template-columns:1fr}.enterprise-contact-btn{width:100%}}.mcp-tool-sidebar{background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.mcp-tool-sidebar.open{transform:translateX(0)}.mcp-tool-sidebar .sidebar-resize-handle{background:#0000;bottom:0;cursor:col-resize;left:0;position:absolute;top:0;transition:background .2s ease;width:6px;z-index:10}.mcp-tool-sidebar .sidebar-resize-handle:hover,body.resizing-mcp-sidebar .mcp-tool-sidebar .sidebar-resize-handle{background:var(--accent-color)}body.resizing-mcp-sidebar{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.mcp-tool-sidebar .sidebar-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.mcp-tool-sidebar .sidebar-title{align-items:center;display:flex;gap:10px}.mcp-tool-sidebar .sidebar-title svg{color:var(--accent-color)}.mcp-tool-sidebar .sidebar-title h2{color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:16px;font-weight:600;margin:0}.mcp-tool-sidebar .close-btn{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s ease}.mcp-tool-sidebar .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mcp-tool-sidebar .sidebar-content{flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth}.mcp-tool-sidebar .sidebar-content::-webkit-scrollbar{width:6px}.mcp-tool-sidebar .sidebar-content::-webkit-scrollbar-track{background:#0000}.mcp-tool-sidebar .sidebar-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.mcp-tool-sidebar .sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tool-description-section{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.tool-description-section p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.helper-section{background:rgba(var(--accent-color-rgb),.05);border:1px dashed var(--accent-color);border-radius:4px;margin-bottom:24px;padding:16px}.helper-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.helper-badge{background:var(--accent-color);border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.helper-note{color:var(--text-muted);font-size:11px;font-style:italic}.helper-field{display:flex;flex-direction:column;gap:6px}.helper-field>label{color:var(--text-primary);font-size:13px;font-weight:500}.parameters-section{margin-bottom:24px}.parameters-section h3{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.parameters-section .no-params{color:var(--text-muted);font-size:14px;font-style:italic}.parameters-form{gap:16px}.param-field,.parameters-form{display:flex;flex-direction:column}.param-field{gap:6px}.param-field>label{color:var(--text-primary);font-size:13px;font-weight:500}.param-field>label .required{color:#ef4444;margin-left:4px}.param-field .form-input,.param-field .form-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.param-field .form-input:focus,.param-field .form-select:focus{background:var(--bg-secondary);border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.param-field .form-input::placeholder{color:var(--text-muted)}.param-field .form-select{cursor:pointer}.param-field .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.param-field .checkbox-label input{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.param-field .checkbox-label span{color:var(--text-secondary);font-size:14px}.param-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.smart-field{display:flex;flex-direction:column;gap:8px}.mode-toggle,.smart-field-header{display:flex;gap:4px}.mode-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .2s ease}.mode-toggle:first-child{border-radius:4px 0 0 4px}.mode-toggle:last-child{border-left:none;border-radius:0 4px 4px 0}.mode-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.mode-toggle.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.mode-toggle.active:hover{background:var(--accent-hover)}.field-note{color:var(--text-muted);font-size:12px;font-style:italic;margin:0}.multi-select-container{display:flex;flex-direction:column;gap:8px}.multi-select-actions{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding-bottom:8px}.multi-select-action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .2s ease}.multi-select-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--text-primary)}.multi-select-count{color:var(--text-muted);font-size:11px;margin-left:auto}.multi-select-options{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:8px}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:#0000}.multi-select-options::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.multi-select-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background .15s ease}.multi-select-option:hover{background:var(--bg-hover)}.multi-select-option input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;flex-shrink:0;height:16px;width:16px}.multi-select-label{color:var(--text-primary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-dropzone,.image-upload-field{display:flex;flex-direction:column;gap:8px}.image-dropzone{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:4px;cursor:pointer;justify-content:center;padding:24px 16px;transition:all .2s ease}.image-dropzone:hover{background:var(--bg-hover);border-color:var(--accent-color)}.image-dropzone svg{color:var(--text-muted)}.dropzone-text{color:var(--text-secondary);font-size:13px;text-align:center}.dropzone-hint{color:var(--text-muted);font-size:11px}.dropzone-loading{align-items:center;color:var(--accent-color);display:flex;flex-direction:column;gap:8px}.dropzone-loading span{font-size:13px}.image-url-input{display:flex;gap:8px}.image-url-input .form-input{flex:1 1}.url-submit-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:60px;padding:10px 16px;transition:all .2s ease}.url-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.url-submit-btn:disabled{cursor:not-allowed;opacity:.6}.image-preview-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:8px;padding:12px}.image-preview{background:var(--bg-tertiary);border-radius:4px;max-height:200px;max-width:100%;object-fit:contain}.image-preview-info{align-items:center;display:flex;gap:8px;justify-content:space-between}.image-filename{color:var(--text-secondary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-image-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.clear-image-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.image-error{align-items:flex-start;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:#ef4444;display:flex;font-size:12px;gap:6px;padding:10px 12px}.image-error svg{flex-shrink:0;margin-top:1px}.image-loaded-hint{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;display:flex;font-size:12px;gap:6px;padding:8px 12px}.result-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.result-section.success{border-color:#22c55e4d}.result-section.error{border-color:#ef44444d}.result-header{justify-content:space-between}.result-status{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px}.result-section.success .result-status{color:#22c55e}.result-section.error .result-status{color:#ef4444}.result-meta{font-size:12px;gap:8px}.copy-result-btn,.result-meta{align-items:center;color:var(--text-muted);display:flex}.copy-result-btn{background:#0000;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.copy-result-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.copy-result-btn.copied{border-color:#22c55e;color:#22c55e}.result-code{max-height:300px;scroll-behavior:smooth;white-space:pre-wrap;word-break:break-word}.result-code::-webkit-scrollbar{height:6px;width:6px}.result-code::-webkit-scrollbar-track{background:#0000}.result-code::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.result-code::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.mcp-tool-sidebar .sidebar-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.mcp-tool-sidebar .cancel-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.mcp-tool-sidebar .cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mcp-tool-sidebar .execute-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.mcp-tool-sidebar .execute-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.mcp-tool-sidebar .execute-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.mcp-tool-sidebar{width:100%!important}.mcp-tool-sidebar .sidebar-resize-handle{display:none}}.mcp-media-attachments ul{list-style:none;margin:8px 0;padding:0}.mcp-media-attachments li{align-items:center;display:flex;gap:8px;justify-content:space-between;overflow-wrap:anywhere;padding:4px 0}.mcp-media-attachments li button{background:#0000;border:0;color:inherit;cursor:pointer}.mcp-open-results{display:inline-block;margin:12px}.mcp-tab{height:100%;overflow:hidden;position:relative;width:100%}.mcp-container{height:100%;overflow-y:auto;padding:24px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.mcp-error,.mcp-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.mcp-error{color:var(--danger-color)}.mcp-error .retry-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.mcp-error .retry-btn:hover{background:var(--accent-hover)}.mcp-header{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.mcp-header,.mcp-header-content{align-items:flex-start;display:flex}.mcp-header-content{gap:16px}.mcp-header-icon{align-items:center;background:var(--accent-color);border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.mcp-header-icon svg{height:20px;width:20px}.mcp-header-text h1{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.mcp-header-text p{color:var(--text-secondary);font-size:13px;margin:0}.mcp-header-stats{display:flex;gap:24px}.mcp-header-stats .stat{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;padding:8px 16px}.mcp-header-stats .stat-value{color:var(--accent-color);font-size:20px;font-weight:600}.mcp-header-stats .stat-label{color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.mcp-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:16px;overflow:hidden}.mcp-section-header{align-items:center;background:var(--bg-tertiary);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.mcp-section-header:hover{background:var(--bg-hover)}.mcp-section-header svg{color:var(--text-muted)}.section-title-group{align-items:center;display:flex;gap:12px}.section-title-group svg{color:var(--accent-color)}.section-title-group h2{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.section-badge{background:var(--bg-secondary);border-radius:12px;color:var(--text-muted);font-size:12px;padding:4px 10px}.section-badge.active{background:var(--accent-color);color:#fff}.mcp-section-content{padding:20px}.config-row{align-items:flex-end;border-bottom:1px solid var(--border-color);display:flex;gap:24px;margin-bottom:20px;padding-bottom:20px}.config-field{display:flex;flex-direction:column;gap:8px}.config-field label{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.platform-btn,.platform-buttons{display:flex;gap:8px}.platform-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s ease}.platform-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.platform-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.api-key-select{min-width:280px}.config-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:20px;overflow:hidden}.config-block-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.config-label{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.copy-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.copy-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.copy-btn.copied{background:var(--success-color);border-color:var(--success-color);color:#fff}.config-code{color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;margin:0;overflow-x:auto;padding:16px;white-space:pre}.loading-text{color:var(--text-muted);font-style:italic}.instructions-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.instructions-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-muted);display:flex;font-size:12px;font-weight:500;justify-content:space-between;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.config-path{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;padding:4px 8px}.instructions-content{color:var(--text-primary);font-size:14px;line-height:1.6;padding:16px 20px}.instructions-content h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:20px 0 12px}.instructions-content h4:first-child{margin-top:0}.instructions-content p{color:var(--text-secondary);margin:8px 0}.instructions-content .instructions-list{list-style-type:decimal;margin:0;padding-left:20px}.instructions-content .instructions-list>li{color:var(--text-primary);margin:12px 0;padding-left:8px}.instructions-content .instructions-list>li::marker{color:var(--accent-color);font-weight:600}.instructions-content .sub-list{list-style-type:disc;margin:8px 0 0;padding-left:16px}.instructions-content .sub-list li{color:var(--text-secondary);font-size:13px;margin:4px 0}.instructions-content .sub-list li::marker{color:var(--text-muted)}.instructions-content strong{color:var(--text-primary);font-weight:600}.instructions-content code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--accent-color);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;padding:2px 6px}.tools-intro{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.tool-category{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:12px;overflow:hidden}.category-header{align-items:center;background:var(--bg-tertiary);cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background .2s ease}.category-header:hover{background:var(--bg-hover)}.category-header svg{color:var(--accent-color)}.category-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.category-count{background:var(--bg-secondary);border-radius:10px;color:var(--text-muted);font-size:12px;padding:2px 8px}.category-tools{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:12px}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.tool-card:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.tool-card.selected{background:rgba(var(--accent-color-rgb),.05);border-color:var(--accent-color)}.tool-name{color:var(--accent-color);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:500;margin-bottom:8px}.tool-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:12px;overflow:hidden}.tool-params{display:flex;flex-wrap:wrap;gap:6px}.param{border-radius:4px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;padding:2px 8px}.param.required{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.param.optional{background:var(--bg-tertiary);color:var(--text-muted)}.try-btn{align-items:center;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;opacity:0;padding:4px 10px;position:absolute;right:12px;top:12px;transition:opacity .2s ease}.tool-card:hover .try-btn{opacity:1}.playground-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:48px}.playground-empty svg{margin-bottom:16px;opacity:.3}.playground-content{display:flex;flex-direction:column;gap:20px}.playground-tool-info{border-bottom:1px solid var(--border-color);padding-bottom:16px}.playground-tool-info h3{color:var(--accent-color);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:16px;margin:0 0 8px}.playground-tool-info p{color:var(--text-secondary);font-size:14px;margin:0}.playground-form{display:flex;flex-direction:column;gap:16px}.playground-form h4{color:var(--text-primary);font-size:14px;font-weight:500;margin:0}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.required-mark{color:var(--danger-color);margin-left:4px}.form-field input,.form-field select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 12px;transition:all .2s ease}.form-field input:focus,.form-field select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.form-field input::placeholder{color:var(--text-muted)}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.field-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.execute-btn{align-items:center;align-self:flex-start;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.execute-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.execute-btn:disabled{cursor:not-allowed;opacity:.6}.playground-result{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.playground-result.success{border-color:var(--success-color)}.playground-result.error{border-color:var(--danger-color)}.result-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:12px 16px}.playground-result.success .result-header{color:var(--success-color)}.playground-result.error .result-header{color:var(--danger-color)}.execution-time{color:var(--text-muted);font-size:12px;margin-left:auto}.result-code{color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre}.examples-intro{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.examples-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.example-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:16px;transition:border-color .2s ease}.example-card:hover{border-color:var(--accent-color)}.example-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.example-header h4{color:var(--text-primary);font-size:14px;font-weight:500;margin:0}.copy-btn-small{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.copy-btn-small:hover{border-color:var(--accent-color);color:var(--accent-color)}.copy-btn-small.copied{background:var(--success-color);border-color:var(--success-color);color:#fff}.example-prompt{background:var(--bg-tertiary);border-left:3px solid var(--accent-color);border-radius:0 4px 4px 0;color:var(--text-primary);font-size:13px;font-style:italic;line-height:1.5;margin:0 0 12px;padding:12px}.example-description{color:var(--text-muted);font-size:12px;margin:0}.mcp-resources{display:flex;gap:24px;justify-content:center;margin-top:16px;padding:24px}.mcp-resources a{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;text-decoration:none;transition:color .2s ease}.mcp-resources a:hover{color:var(--accent-color)}@media (max-width:768px){.mcp-header{flex-direction:column;gap:20px}.mcp-header-stats{justify-content:space-around;width:100%}.config-controls{flex-direction:column}.platform-buttons{flex-wrap:wrap}.api-key-select{min-width:100%}.category-tools,.examples-grid{grid-template-columns:1fr}}.profile-tab{height:100%;overflow:hidden;position:relative;width:100%}.profile-container{height:100%;overflow-y:auto;padding:24px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.profile-tab .error-state,.profile-tab .loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.profile-tab .error-state{color:#ef4444}.retry-btn{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s ease}.retry-btn:hover{opacity:.9}.profile-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;max-width:900px;overflow:hidden}.profile-section .section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.profile-section .section-title{align-items:center;display:flex;gap:10px;margin:0}.profile-section .section-title svg{color:var(--accent-color)}.profile-section .section-title h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.section-controls{gap:12px}.refresh-btn,.section-controls{align-items:center;display:flex}.refresh-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:8px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.profile-section .section-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin:0;padding:16px 20px}.section-tab{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.section-tab:hover{border-color:var(--accent-color);color:var(--accent-color)}.section-tab.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.error-banner{align-items:center;background:#ef44441a;border-bottom:1px solid #ef444433;color:#ef4444;display:flex;font-size:14px;gap:12px;padding:12px 20px}.error-banner button{background:none;border:none;color:#ef4444;cursor:pointer;margin-left:auto;opacity:.7;padding:4px}.error-banner button:hover{opacity:1}.tab-content{padding:24px}.profile-content{display:flex;flex-direction:column;gap:24px}.user-info-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;gap:20px;padding:24px}.user-avatar,.user-info-card{align-items:center;display:flex}.user-avatar{background:var(--bg-tertiary);border-radius:50%;color:var(--text-muted);flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-details{flex:1 1;min-width:0}.user-details h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.user-email{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-bottom:8px}.verified-badge{color:#10b981}.auth-info{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.mfa-badge{background:#10b9811a;border-radius:4px;color:#10b981;font-size:11px;font-weight:600;padding:2px 6px}.edit-btn{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-btn:hover{opacity:.9}.profile-fields{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.account-info h4,.profile-fields h4,.settings-group h4{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.profile-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b59981a;outline:none}.form-group input::placeholder{color:var(--text-muted)}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px}.cancel-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.save-btn{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.save-btn:hover:not(:disabled){opacity:.9}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5}.profile-display{display:flex;flex-direction:column;gap:16px}.display-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.display-item{display:flex;flex-direction:column;gap:8px}.display-item label{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.display-item span{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px}.account-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:var(--text-primary);font-size:14px}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.completed{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.setting-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-of-type{padding-top:0}.setting-info{flex:1 1;min-width:0}.setting-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:4px}.setting-label svg{color:var(--accent-color)}.setting-description{color:var(--text-muted);font-size:13px}.theme-selector{display:flex;gap:8px}.theme-option{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.theme-option:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.theme-option.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.theme-option:disabled{cursor:not-allowed;opacity:.5}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border-color);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.setting-control{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.setting-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;min-width:160px;padding:8px 12px}.setting-select:focus{border-color:var(--accent-color);outline:none}.setting-select:disabled{cursor:not-allowed;opacity:.5}.setting-inline-status{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;justify-content:flex-end}.setting-inline-error{color:#ef4444}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feedback-content{display:flex;flex-direction:column;gap:24px}.feedback-form-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.feedback-form-card h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.feedback-form-description{color:var(--text-muted);font-size:14px;margin:0 0 20px}.feedback-success{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:6px;color:#10b981;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}.feedback-success button{background:none;border:none;color:#10b981;cursor:pointer;margin-left:auto;opacity:.7;padding:4px}.feedback-success button:hover{opacity:1}.feedback-field{margin-bottom:16px}.feedback-field label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.rating-selector{align-items:center;display:flex;gap:4px}.rating-star{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s ease}.rating-star.active,.rating-star:hover{color:#f59e0b}.rating-star:disabled{cursor:not-allowed}.rating-label{color:var(--text-muted);font-size:13px;margin-left:12px}.category-selector{display:flex;flex-wrap:wrap;gap:8px}.category-option{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.category-option:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.category-option.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.category-option:disabled{cursor:not-allowed;opacity:.5}.feedback-field textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.feedback-field textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b59981a;outline:none}.feedback-field textarea:disabled{cursor:not-allowed;opacity:.5}.char-count,.feedback-field textarea::placeholder{color:var(--text-muted)}.char-count{display:block;font-size:12px;margin-top:4px;text-align:right}.submit-feedback-btn{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.submit-feedback-btn:hover:not(:disabled){opacity:.9}.submit-feedback-btn:disabled{cursor:not-allowed;opacity:.5}.feedback-history{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.feedback-history h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.feedback-empty,.feedback-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.feedback-empty p{font-size:14px;margin:0}.feedback-list{display:flex;flex-direction:column;gap:12px}.feedback-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px}.feedback-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.feedback-rating{color:var(--text-muted);display:flex;gap:2px}.feedback-rating .filled{color:#f59e0b}.feedback-category{align-items:center;border-radius:4px;display:flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.feedback-category.bug{background:#ef44441a;color:#ef4444}.feedback-category.feature{background:#3b82f61a;color:#3b82f6}.feedback-category.praise{background:#10b9811a;color:#10b981}.feedback-category.complaint{background:#f59e0b1a;color:#f59e0b}.feedback-category.general{background:#6b72801a;color:#6b7280}.feedback-date{color:var(--text-muted);font-size:12px;margin-left:auto}.feedback-body{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.load-more-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:12px;padding:10px 16px;transition:all .2s ease;width:100%}.load-more-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}.onboarding-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px 24px}.onboarding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.onboarding-header h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.onboarding-status{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.onboarding-status.completed{background:#10b9811a;color:#10b981}.onboarding-status.in-progress{background:#3b82f61a;color:#3b82f6}.onboarding-progress-bar{background:var(--bg-secondary);border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden}.onboarding-progress-bar .progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;height:100%;transition:width .5s ease}.onboarding-steps{display:flex;flex-direction:column;gap:12px}.onboarding-step{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.onboarding-step.completed{background:#10b9810d;border-color:#10b9814d}.onboarding-step .step-icon{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.onboarding-step.completed .step-icon{color:#10b981}.onboarding-step .step-content{flex:1 1;min-width:0}.onboarding-step .step-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:2px}.onboarding-step.completed .step-label{color:#10b981}.onboarding-step .step-description{color:var(--text-muted);font-size:12px}.onboarding-completed-info{align-items:center;border-top:1px solid var(--border-color);color:#10b981;display:flex;font-size:13px;gap:8px;margin-top:16px;padding-top:16px}@media (max-width:768px){.profile-container{padding:16px}.user-info-card{flex-direction:column}.user-details,.user-info-card{text-align:center}.auth-info,.user-email{justify-content:center}.display-row,.form-row{grid-template-columns:1fr}.setting-item{align-items:flex-start;flex-direction:column;gap:12px}.theme-selector{width:100%}.theme-option{flex:1 1;justify-content:center}.info-grid{grid-template-columns:1fr}.category-selector{width:100%}.category-option{flex:1 1;justify-content:center;min-width:calc(50% - 4px)}.feedback-item-header{align-items:flex-start;flex-direction:column}.feedback-date{margin-left:0}}.auth-flow-shell{--bg-primary:#0a0f12f0;--bg-secondary:#12191eeb;--bg-tertiary:#1c262de6;--bg-hover:#26323af0;--text-primary:#f7fafc;--text-secondary:#c9d5df;--text-muted:#8fa2b3;--border-color:#ffffff24;--accent-color:#007acc;--accent-hover:#0098ff;--accent-color-rgb:0,122,204;--danger-color:#f48771;--danger-color-rgb:244,135,113;--success-color:#7dd3a8;--shadow-lg:0 24px 80px #00000080;background:#020506;color:var(--text-primary);height:100vh;min-height:100vh;overflow:hidden;position:relative}.auth-flow-shell:after,.auth-flow-shell:before{content:"";inset:0;pointer-events:none;position:absolute}.auth-flow-shell:before{background-image:url(/static/media/login-marketing-background.9b4c077d745d47605b84.png);background-position:50%;background-size:cover;filter:blur(5px);opacity:.78;transform:scale(1.025);transform-origin:center;z-index:0}.auth-flow-shell:after{background:radial-gradient(circle at 48% 46%,#0a101224,#02050638 42%,#020506b8 100%),linear-gradient(180deg,#020506ad,#02050629 28%,#020506b8),linear-gradient(90deg,#02050685,#0000 30%,#0000 70%,#02050694);z-index:1}.auth-flow-panel{align-items:flex-start;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px;position:relative;z-index:2}.auth-flow-card{backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);background-color:#070b0de0;border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-lg);margin-block:auto;max-width:420px;padding:40px;width:100%}.auth-flow-card-wide{max-width:760px}.auth-flow-loading-card{text-align:center}.auth-flow-brand{align-items:center;color:var(--text-primary);display:inline-flex;font-size:24px;font-weight:700;gap:10px;justify-content:center;line-height:1;margin-bottom:28px}.auth-flow-brand-mark{display:block;flex:0 0 auto;height:auto;width:30px}.auth-flow-spinner{animation:auth-flow-spin .85s linear infinite;border:2px solid #ffffff29;border-radius:999px;border-top:2px solid var(--accent-color);height:34px;margin:0 auto 22px;width:34px}.auth-flow-eyebrow{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.4;margin:0 0 10px;text-transform:uppercase}.auth-flow-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:0;line-height:1.2;margin:0}.auth-flow-copy{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:14px 0 22px}.auth-flow-actions{grid-gap:10px;display:grid;gap:10px;margin-top:4px;width:100%}.auth-flow-primary{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease;width:100%}.auth-flow-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.auth-flow-secondary{background:#0000;border:1px solid var(--danger-color);border-radius:4px;color:var(--danger-color);cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;transition:all .2s ease;width:100%}.auth-flow-secondary:hover:not(:disabled){background-color:var(--danger-color);color:#fff;transform:translateY(-1px)}.auth-flow-primary:disabled,.auth-flow-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes auth-flow-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.auth-flow-panel{padding:20px}.auth-flow-card{margin-inline:10px;padding:24px}}.login-header{margin-bottom:32px;text-align:center}.login-brand-lockup{align-items:center;display:inline-flex;gap:10px;justify-content:center;margin-bottom:12px}.login-brand-mark{display:block;flex:0 0 auto;height:auto;width:34px}.login-header h1{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1;margin:0}.login-header p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);left:12px;position:absolute;z-index:1}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:14px 14px 14px 42px;transition:all .2s ease;width:100%}.form-input::placeholder{color:#8fa2b3c7}.form-input:focus{background-color:#0d1418fa;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.22);outline:none}.form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.password-toggle{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px;position:absolute;right:12px;transition:color .2s ease;z-index:1}.password-toggle:hover:not(:disabled){color:var(--text-secondary)}.google-button:focus-visible,.legal-footer a:focus-visible,.link-button:focus-visible,.password-toggle:focus-visible,.secondary-button:focus-visible,.submit-button:focus-visible,.terms-consent a:focus-visible,.terms-consent input:focus-visible{outline:3px solid rgba(var(--accent-color-rgb),.35);outline-offset:2px}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-input[aria-invalid=true]{border-color:rgba(var(--danger-color-rgb),.7)}.auth-error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:var(--danger-color);font-size:14px;padding:12px 16px;text-align:center}[data-theme=dark] .auth-error-message{background-color:#f443361a;border-color:#f443364d}.success-message{background-color:#eaf7ee;border:1px solid #bfe3ca;border-radius:4px;color:#1d6f42;font-size:14px;padding:12px 16px;text-align:center}[data-theme=dark] .success-message{background-color:#40ba7624;border-color:#40ba7659;color:#9de2b9}.submit-button{align-items:center;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 20px;transition:all .2s ease}.submit-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.terms-consent{grid-gap:10px;align-items:start;color:var(--text-secondary);display:grid;font-size:13px;gap:10px;grid-template-columns:18px 1fr;line-height:1.45}.terms-consent input{accent-color:var(--accent-color);height:16px;margin-top:2px;width:16px}.terms-consent input:disabled{cursor:not-allowed}.terms-consent label{color:var(--text-secondary)}.terms-consent a{color:var(--accent-color);font-weight:600;text-decoration:underline;text-underline-offset:2px}.divider{align-items:center;display:flex;margin:24px 0}.divider:after,.divider:before{background-color:var(--border-color);content:"";flex:1 1;height:1px}.divider span{color:var(--text-muted);font-size:14px;padding:0 16px}.google-button{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.google-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-muted)}.google-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px;text-align:center}.login-footer p{color:var(--text-secondary);font-size:14px;margin:0}.link-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:underline;transition:color .2s ease}.link-button:hover:not(:disabled){color:var(--accent-hover)}.link-button:disabled{cursor:not-allowed;opacity:.6}.link-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:16px;margin-bottom:18px;padding:16px}.link-header h2{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:6px}.link-header p{color:var(--text-secondary);font-size:14px;line-height:1.4}.link-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s ease}.secondary-button:hover:not(:disabled){background-color:var(--bg-hover);transform:translateY(-1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-inline-actions{display:flex;justify-content:flex-end;margin-top:-8px}.legal-footer{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;margin-top:18px}.legal-footer a{border-radius:4px;color:var(--text-muted);font-size:12px;font-weight:500;text-decoration:none}.legal-footer a:hover{color:var(--accent-color);text-decoration:underline;text-underline-offset:2px}@media (max-width:480px){.login-header h1{font-size:24px}.login-header p{font-size:14px}}.legal-page{color:var(--text-primary);min-height:100vh}.legal-header,.legal-page{background:var(--bg-primary)}.legal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:20px;justify-content:space-between;padding:18px 32px}.legal-brand{align-items:center;color:var(--text-primary);display:inline-flex;gap:10px;text-decoration:none}.legal-brand-logo{display:block;flex:0 0 auto;height:auto;width:132px}.legal-brand-logo-dark,[data-theme=dark] .legal-brand-logo-light{display:none}[data-theme=dark] .legal-brand-logo-dark{display:block}.legal-brand-product{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1}.legal-nav{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.legal-nav a{border-radius:4px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:7px 10px;text-decoration:none}.legal-nav a.active,.legal-nav a:hover{background:var(--bg-secondary);color:var(--text-primary)}.legal-main{padding:48px 20px 88px;width:100%}.legal-document{margin:0 auto;width:min(860px,100%)}.legal-kicker{color:var(--accent-color);font-size:13px;font-weight:700;margin-bottom:12px;text-transform:uppercase}.legal-document h1{color:var(--text-primary);font-size:34px;line-height:1.2;margin:0 0 8px}.legal-updated{color:var(--text-muted);font-size:14px;margin-bottom:34px}.legal-document section{border-top:1px solid var(--border-color);margin-top:24px;padding:24px 0 0}.legal-document h2{color:var(--text-primary);font-size:20px;line-height:1.3;margin:0 0 12px}.legal-document p{color:var(--text-secondary);font-size:15px;line-height:1.65;margin:0 0 12px}.legal-document a{color:var(--accent-color);text-decoration:underline;text-underline-offset:2px}.legal-storage-settings{background:#0000;border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);cursor:pointer;font:inherit;font-size:14px;font-weight:600;padding:8px 12px}.legal-storage-settings:hover{background:var(--bg-secondary)}.legal-brand:focus-visible,.legal-document a:focus-visible,.legal-nav a:focus-visible,.legal-storage-settings:focus-visible{outline:3px solid rgba(var(--accent-color-rgb),.35);outline-offset:3px}@media (max-width:640px){.legal-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.legal-main{padding:34px 18px 96px}.legal-document h1{font-size:28px}}.cookie-banner{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;bottom:16px;box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;gap:14px;padding:12px;position:fixed;right:16px;width:min(680px,calc(100vw - 32px));z-index:2000}.cookie-banner-text{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.cookie-banner-text strong{color:var(--text-primary);font-size:13px}.cookie-banner-text span{color:var(--text-secondary);font-size:12px;line-height:1.45}.cookie-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.cookie-banner-actions a,.cookie-banner-actions button{border-radius:4px;font-size:12px;font-weight:600}.cookie-banner-actions a{color:var(--accent-color);padding:7px 4px;text-decoration:underline;text-underline-offset:2px}.cookie-banner-actions button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:7px 10px}.cookie-banner-actions button.primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.cookie-banner-actions button:hover{background:var(--bg-secondary)}.cookie-banner-actions button.primary:hover{background:var(--accent-hover)}.cookie-banner-actions a:focus-visible,.cookie-banner-actions button:focus-visible{outline:3px solid rgba(var(--accent-color-rgb),.35);outline-offset:2px}@media (max-width:640px){.cookie-banner{align-items:stretch;bottom:12px;flex-direction:column;left:12px;right:12px;width:auto}.cookie-banner-actions{flex-wrap:wrap;justify-content:flex-end}}.verify-action-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-action-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-lg);max-width:520px;padding:40px;width:100%}.verify-action-header{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:22px;text-align:center}.verify-action-header h1{color:var(--text-primary);font-size:24px;font-weight:800}.verify-action-header p{color:var(--text-secondary);font-size:14px;line-height:1.5}.verify-action-primary{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease;width:100%}.verify-action-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.verify-action-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-action-actions{display:flex;flex-direction:column;gap:12px}.verify-action-form{display:flex;flex-direction:column;gap:16px}.verify-action-field{display:flex;flex-direction:column;gap:8px}.verify-action-field label{color:var(--text-primary);font-size:13px;font-weight:700}.verify-action-field input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.verify-action-field input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.12)}.verify-action-form-error{background-color:rgba(var(--danger-color-rgb),.1);border:1px solid var(--danger-color);border-radius:4px;color:var(--danger-color);font-size:13px;line-height:1.45;padding:10px 12px}.verify-action-secondary{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.verify-action-secondary:hover:not(:disabled){background-color:var(--bg-hover);transform:translateY(-1px)}.verify-action-note{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:13px;margin-top:16px;padding-top:14px;text-align:center}.spin{animation:verify-action-spin 1.05s linear infinite}@keyframes verify-action-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.verify-action-container{margin:10px;padding:24px}}.verify-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-lg);max-width:520px;padding:40px;width:100%}.verify-header{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;text-align:center}.verify-header h1{color:var(--text-primary);font-size:26px;font-weight:800}.verify-header p{color:var(--text-secondary);font-size:15px;line-height:1.5}.verify-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:var(--danger-color);font-size:14px;margin-bottom:12px;padding:12px 16px;text-align:center}[data-theme=dark] .verify-error{background-color:#f443361a;border-color:#f443364d}.verify-message{background-color:rgba(var(--success-color-rgb),.12);border:1px solid rgba(var(--success-color-rgb),.35);border-radius:4px;color:var(--text-primary);font-size:14px;margin-bottom:12px;padding:12px 16px;text-align:center}.verify-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.verify-primary{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.verify-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.verify-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-secondary{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:12px 16px;transition:all .2s ease}.verify-secondary:hover:not(:disabled){background-color:var(--bg-hover);transform:translateY(-1px)}.verify-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-logout{align-items:center;background:#0000;border:1px solid var(--danger-color);border-radius:4px;color:var(--danger-color);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:12px 16px;transition:all .2s ease}.verify-logout:hover:not(:disabled){background-color:var(--danger-color);color:#fff;transform:translateY(-1px)}.verify-logout:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-help{border-top:1px solid var(--border-color);margin-top:18px;padding-top:14px;text-align:center}.verify-help p{color:var(--text-muted);font-size:13px;line-height:1.4}@media (max-width:480px){.verify-container{margin:10px;padding:24px}}.plan-container{color:var(--text-primary)}.plan-header{margin-bottom:24px;text-align:center}.plan-brand{align-items:center;color:var(--text-primary);display:inline-flex;font-size:24px;font-weight:700;gap:10px;justify-content:center;line-height:1;margin-bottom:18px}.plan-brand-mark{display:block;flex:0 0 auto;height:auto;width:30px}.plan-container h1{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:0;line-height:1.15;margin:0 0 10px}.plan-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0}.plan-loading{background:#12191ec2;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:14px;padding:14px 12px;text-align:center}.plan-error{align-items:center;background-color:#f443361a;border:1px solid #f443364d;border-radius:4px;color:var(--danger-color);display:flex;gap:12px;justify-content:space-between}.plan-error,.plan-status{font-size:14px;line-height:1.4;margin-bottom:12px;padding:12px 16px}.plan-status{background-color:#007acc1f;border:1px solid rgba(var(--accent-color-rgb),.32);border-radius:4px}.plan-retry,.plan-status{color:var(--text-primary)}.plan-retry{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-weight:700;padding:8px 12px}.plan-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.plan-card{background:#0a0f12bd;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px}.plan-card-intended{border-color:rgba(var(--accent-color-rgb),.72);box-shadow:0 0 0 1px rgba(var(--accent-color-rgb),.28)}.plan-card-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.plan-card-title{align-items:center;display:flex;gap:10px;min-width:0}.plan-name{color:var(--text-primary);font-size:18px;font-weight:900;line-height:1.2}.plan-price{color:var(--text-secondary);flex:0 0 auto;font-size:14px;font-weight:900;text-align:right}.plan-section h3{color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.04em;line-height:1.2;margin:0 0 6px;text-transform:uppercase}.plan-credits{color:var(--text-primary);font-size:16px;font-weight:900;line-height:1.3}.plan-limits{display:flex;flex-direction:column;gap:8px}.plan-limit-row{color:var(--text-secondary);display:flex;font-size:13px;gap:10px;justify-content:space-between;line-height:1.35}.plan-limit-row span:last-child{color:var(--text-primary);font-weight:700;text-align:right}.plan-features{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:13px;gap:10px;line-height:1.35}.plan-features svg{color:var(--success-color);flex:0 0 auto;margin-top:1px}.enterprise-contact-button,.plan-select{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:900;padding:12px 16px;transition:all .2s ease;width:100%}.plan-select{margin-top:auto}.enterprise-contact-button:hover:not(:disabled),.plan-select:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.plan-select:disabled{cursor:not-allowed;opacity:.6;transform:none}.enterprise-contact-panel{grid-gap:18px;align-items:center;background:#007acc1a;border:1px solid rgba(var(--accent-color-rgb),.32);border-radius:4px;display:grid;gap:18px;grid-template-columns:1fr auto;margin-top:14px;padding:16px}.enterprise-contact-panel h2{color:var(--text-primary);font-size:16px;font-weight:900;line-height:1.25;margin:0 0 4px}.enterprise-contact-panel p{color:var(--text-secondary);font-size:13px;line-height:1.45;margin:0}.enterprise-contact-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;white-space:nowrap}.plan-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:18px;padding-top:14px}.plan-logout{align-items:center;background:#0000;border:1px solid var(--danger-color);border-radius:4px;color:var(--danger-color);cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:8px;padding:10px 14px;transition:all .2s ease}.plan-logout:hover:not(:disabled){background-color:var(--danger-color);color:#fff;transform:translateY(-1px)}.plan-logout:disabled{cursor:not-allowed;opacity:.6}@media (max-width:760px){.enterprise-contact-panel,.plan-grid{grid-template-columns:1fr}}.onboarding-gate-card{color:var(--text-primary)}.onboarding-gate-header{margin-bottom:10px;text-align:center}.onboarding-gate-brand{align-items:center;color:var(--text-primary);display:inline-flex;font-size:24px;font-weight:700;gap:10px;justify-content:center;line-height:1;margin-bottom:18px}.onboarding-gate-brand-mark{display:block;flex:0 0 auto;height:auto;width:30px}.onboarding-gate-card h1{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:0;line-height:1.15;margin:0}.onboarding-gate-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0 0 22px;text-align:center}.onboarding-gate-form{display:flex;flex-direction:column;gap:16px}.onboarding-gate-label{color:var(--text-primary);display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px}.onboarding-gate-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:13px 14px;transition:all .2s ease;width:100%}.onboarding-gate-input::placeholder{color:#8fa2b3c7}.onboarding-gate-input:focus{background-color:#0d1418fa;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.22);outline:none}.onboarding-gate-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.onboarding-gate-error{background:#f443361a;border:1px solid #f443364d;border-radius:4px;color:var(--danger-color);font-size:14px;line-height:1.4;padding:12px 16px}.onboarding-gate-actions{grid-gap:10px;display:grid;gap:10px;margin-top:4px}.onboarding-gate-primary,.onboarding-gate-secondary{border-radius:4px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.onboarding-gate-primary{background:var(--accent-color);border:none;color:#fff}.onboarding-gate-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.onboarding-gate-primary:disabled,.onboarding-gate-secondary:disabled{cursor:not-allowed;opacity:.65;transform:none}.onboarding-gate-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.onboarding-gate-secondary:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px)}.workos-oauth-card .auth-flow-copy{margin-bottom:0}.workos-oauth-card .auth-flow-secondary{align-items:center;display:inline-flex;gap:8px;justify-content:center}.app{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;height:44px;padding:0 12px;position:relative;z-index:100}.app-header-content{justify-content:space-between;width:100%}.app-header-content,.app-title{align-items:center;display:flex;min-width:0}.app-title{gap:10px;margin:0}.app-brand-logo{display:block;flex:0 0 auto;height:auto;width:132px}.app-product-name{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:0;line-height:1}.app-header-actions{align-items:center;display:flex;gap:8px;margin:0 0 0 auto;min-width:0}.header-actions-controls{align-items:center;display:flex;gap:12px;margin-bottom:10px;margin-top:1px}.app-header-user-info{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-secondary);display:flex;gap:8px;height:30px;min-width:0;overflow:hidden;padding:5px 12px;position:relative}.app-header-user-info:before{background:var(--accent-color);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.app-header-user-email{display:block;font-size:12px;font-weight:600;line-height:1.2;margin:0;max-width:min(28vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-icon-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;flex:0 0 auto;height:30px;justify-content:center;padding:0;position:relative;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;width:30px}.app-header-icon-button:hover{background-color:var(--bg-hover);border-color:var(--accent-color);transform:translateY(-1px)}.app-header-icon-button:active{transform:translateY(0)}.app-header-marked-button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.app-header-marked-button.active svg{fill:currentColor}.app-header-icon-button:focus-visible,.app-header-logout-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.app-header-logout-button{align-items:center;background:#0000;border:1px solid var(--danger-color);border-radius:4px;box-sizing:border-box;color:var(--danger-color);cursor:pointer;display:flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:8px;height:30px;letter-spacing:.5px;overflow:hidden;padding:5px 12px;position:relative;text-transform:uppercase;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap}.app-header-logout-button:hover{background-color:var(--danger-color);box-shadow:0 4px 12px rgba(var(--danger-color-rgb),.3);color:#fff;transform:translateY(-1px)}.app-header-logout-button:active{transform:translateY(0)}.app-content{display:flex;flex:1 1;overflow:hidden}.main-content{background-color:var(--bg-primary);flex:1 1;min-width:0;overflow-y:auto;padding:4px}.retained-workflows{height:100%;min-height:0}.retained-workflows[hidden]{display:none}.main-content.index-tab-active{display:flex;flex-direction:column;min-height:0;overflow:hidden}
/*# sourceMappingURL=main.36119091.css.map*/