@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg-app:#2d2d2d;--bg-sidebar:#1e1e1e;--bg-card:#3c3c3c;--bg-card-hover:#3f3f3f;--bg-input:#1e1e1e;--accent-primary:#0a84ff;--accent-hover:#06c;--accent-glow:#0a84ff4d;--text-main:#fff;--text-secondary:#bfbfbf;--text-muted:#7a7a7a;--border-subtle:#4a4a4a;--border-divider:#5a5a5a;--h-sidebar:260px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;-webkit-user-select:auto;user-select:auto;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-moz-text-size-adjust:100%;text-size-adjust:100%;height:100vh;font-size:14px;line-height:1.5;overflow:hidden}.app-container{grid-template-columns:var(--h-sidebar)1fr;grid-template-rows:1fr 80px;width:100vw;height:100vh;display:grid}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);padding:var(--space-md);z-index:20;flex-direction:column;grid-row:1/2;display:flex;overflow-y:auto}.logo-area{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:0 var(--space-xs);display:flex}.logo-icon{background:linear-gradient(135deg,var(--accent-primary),#a855f7);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.logo-area h1{letter-spacing:-.5px;font-size:18px;font-weight:700}.nav-section{margin-bottom:var(--space-lg)}.nav-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm);padding-left:var(--space-sm);letter-spacing:.05em;font-size:11px;font-weight:600}.nav-item{padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background-color:#ffffff0d}.nav-item.active{color:var(--accent-primary);background-color:#0a84ff1a}.nav-item i:first-child{width:24px;font-size:18px}.nav-text{flex:1;font-weight:500}.nav-group{margin-bottom:var(--space-xs)}.submenu{max-height:0;padding-left:36px;transition:max-height .3s ease-in-out;overflow:hidden}.submenu-item{color:var(--text-muted);padding:6px 0;font-size:13px;text-decoration:none;transition:color .2s;display:block}.submenu-item:hover{color:var(--text-main)}.nav-group.expanded .submenu{max-height:300px}.nav-group.expanded .ph-caret-down{transform:rotate(180deg)}.nav-item .ph-caret-down{transition:transform .2s}.main-content{background-color:var(--bg-app);flex-direction:column;grid-area:1/2/2;display:flex;position:relative;overflow:hidden}.split-view-container{flex:1;display:flex;position:relative;overflow:hidden}.top-bar{height:60px;padding:0 var(--space-xl);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-sidebar);z-index:10;justify-content:space-between;align-items:center;display:flex}.breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumbs .current{color:var(--text-main);font-weight:500}.top-actions{align-items:center;gap:var(--space-md);display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;appearance:none;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:color .2s}.icon-btn:hover{color:var(--text-main);background-color:#ffffff0d}.btn-primary{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;appearance:none;border:none;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:background .2s;display:flex}.btn-primary:hover{background-color:var(--accent-hover)}.content-scroll{padding:var(--space-xl);flex:1;transition:flex .3s;overflow-y:auto}.ai-search-hero{text-align:center;max-width:800px;margin:0 auto 48px}.hero-title{color:var(--text-main);margin-bottom:var(--space-lg);font-size:32px;font-weight:700}.ai-input-container{max-width:600px;margin:0 auto;position:relative}.ai-input-wrapper{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm);align-items:flex-start;gap:var(--space-sm);transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 24px #0003}.ai-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow),0 8px 32px #0000004d}.input-icon{color:var(--accent-primary);margin-top:10px;margin-left:8px;font-size:24px}textarea{color:var(--text-main);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:56px;padding:8px 0;font-family:inherit;font-size:16px}.btn-generate{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-end;align-items:center;gap:6px;height:36px;margin-bottom:2px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.results-group{margin-bottom:40px}.group-header{border-bottom:1px solid var(--border-divider);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:8px;display:flex}.group-header h3{color:var(--text-main);font-size:18px;font-weight:600}.count-badge{color:var(--text-muted);background:#ffffff0d;border-radius:99px;padding:2px 8px;font-size:11px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:16px;display:grid}.result-grid .hidden-item{display:none}.show-more-container{justify-content:center;display:flex}.show-more-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:8px 16px;font-size:12px}.audio-card{background-color:var(--bg-card);border-radius:var(--radius-md);cursor:grab;border:1px solid #0000;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.audio-card.active{border-color:var(--accent-primary);background-color:#5e5e5e}.audio-card:hover{background-color:var(--bg-card-hover);transform:translateY(-2px)}.play-btn{transition:transform .2s}.play-btn.small{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-btn.small:hover{background:var(--accent-primary)}.card-face{z-index:2;align-items:center;gap:12px;padding:16px;display:flex;position:relative}.card-info{flex:1;padding-right:24px;overflow:hidden}.short-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.duration{color:var(--text-muted);font-size:11px}.play-btn.tiny{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.video-editor-panel{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;order:2;width:0;height:100%;transition:width .3s;display:flex;overflow:hidden}.video-editor-panel.open{border-left:1px solid var(--border-subtle);border-right:none;flex-shrink:0;width:450px}.editor-header{height:50px;padding:0 var(--space-md);border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;font-weight:600;display:flex}.close-editor-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px}.video-preview-dropzone{border-bottom:1px solid var(--border-divider);height:240px;color:var(--text-muted);background-color:#000;justify-content:center;align-items:center;display:flex;position:relative}.video-preview-dropzone .placeholder-content{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.editor-timeline-area{padding:var(--space-md);background-color:var(--bg-app);flex:1;position:relative;overflow-y:auto}.timeline-container{min-height:200px;padding-top:10px;position:relative}#playhead{z-index:100;pointer-events:none;background-color:#ef4444;width:1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 4px #ef444480}#playhead:after{content:"";background:#ef4444;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:-4px}#loopRegion{z-index:50;pointer-events:none;background-color:#10b9811a;border-left:1px solid #10b981;border-right:1px solid #10b981;width:0;display:none;position:absolute;top:0;bottom:0;left:0}.track-label{color:var(--text-muted);text-transform:uppercase;margin-top:10px;font-size:11px}.track-timeline{background-color:var(--bg-input);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);height:48px;margin-bottom:4px;padding:4px;transition:border-color .2s,background-color .2s;position:relative;overflow-x:hidden}.track-timeline.drag-over{border-color:var(--accent-primary);background-color:#6c63ff1a}.audio-clip{background:linear-gradient(135deg,var(--accent-primary),#53f);cursor:default;border-radius:4px;justify-content:space-between;align-items:center;min-width:60px;padding:0 8px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.clip-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.clip-remove{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:2px;display:flex}.clip-remove:hover{color:#fff;background:#fff3}.editor-controls-bar{background-color:var(--bg-sidebar);border-top:1px solid var(--border-divider);height:60px;padding:0 var(--space-md);justify-content:space-between;align-items:center;display:flex}.ctrl-group{align-items:center;gap:8px;display:flex}.editor-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.editor-btn:hover{color:var(--text-main);background:#ffffff1a}.editor-btn.main{background:var(--accent-primary);color:#fff;border:none;font-size:18px}.editor-btn.main:hover{background:var(--accent-hover)}.editor-btn.toggle{gap:6px;width:auto;padding:0 12px;font-size:12px;font-weight:500}.editor-btn.toggle.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#0a84ff33}.marker-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;padding:4px 8px;font-size:10px}.marker-btn:hover{color:var(--text-main);border-color:var(--text-secondary)}.track-item{background:var(--accent-primary);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:120px;padding:4px 8px;font-size:10px;overflow:hidden}.player-bar{background-color:var(--bg-sidebar);border-top:1px solid var(--border-subtle);padding:0 var(--space-lg);z-index:100;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;display:flex}.player-left,.player-right{flex:1;min-width:200px}.player-right{justify-content:flex-end;align-items:center;gap:var(--space-md);display:flex}.current-track-info{flex-direction:column;display:flex}.track-title{color:var(--text-main);font-weight:600}.track-meta{color:var(--text-muted);font-size:12px}.player-center{flex-direction:column;flex:2;align-items:center;gap:6px;max-width:600px;display:flex}.player-controls{align-items:center;gap:var(--space-md);display:flex}.ctrl-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-pause-main{background:var(--text-main);width:40px;height:40px;color:var(--bg-sidebar)}.scrubber-track{background:#ffffff1a;border-radius:2px;flex:1;height:4px;position:relative}.scrubber-progress{background:var(--accent-primary);border-radius:2px;height:100%}.player-scrubber{align-items:center;gap:var(--space-sm);width:100%;color:var(--text-muted);font-size:11px;display:flex}.loading-indicator{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.loading-more{justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.all-results-loaded{color:var(--text-muted);justify-content:center;padding:2rem;display:flex}.loading-spinner{justify-content:center;padding:2rem;display:flex}.empty-state{text-align:center;color:var(--text-muted)}.admin-fullscreen-center{justify-content:center;align-items:center;height:100vh;display:flex}.admin-access-denied{color:#fff;text-align:center;justify-content:center;align-items:center;height:100vh;display:flex}.admin-spinner-container{justify-content:center;align-items:center;height:100vh;display:flex}.admin-empty-row{text-align:center;color:#666;padding:40px}.admin-id-cell{font-size:10px}.loading-spinner-container{justify-content:center;padding:2rem;display:flex}@media (max-width:1024px){:root{--h-sidebar:220px}.video-editor-panel.open{width:350px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media (max-width:768px){:root{--h-sidebar:0px}body{height:auto;min-height:100vh;overflow:auto}.app-container{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{z-index:1000;grid-row:auto;width:280px;transition:left .3s;position:fixed;top:0;bottom:0;left:-280px}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.main-content{grid-column:1;min-height:calc(100vh - 80px)}.top-bar{padding:0 var(--space-md);height:56px}.breadcrumbs{gap:4px;font-size:12px}.top-actions{gap:var(--space-sm)}.btn-primary{padding:6px 12px;font-size:12px}#downloadPackBtn{display:none}.content-scroll{padding:var(--space-md);overflow-y:visible}.ai-search-hero{margin-bottom:var(--space-xl)}.hero-title{margin-bottom:var(--space-md);font-size:24px}.ai-input-wrapper{padding:var(--space-sm);flex-direction:column}.ai-input-wrapper textarea{min-height:80px;font-size:16px}.btn-generate{width:100%;margin-top:var(--space-sm);justify-content:center}.input-icon{display:none}.result-grid{grid-template-columns:repeat(2,1fr);gap:10px}.audio-card{border-radius:var(--radius-sm)}.card-face{gap:8px;padding:12px}.play-btn.small{width:32px;height:32px}.card-info{padding-right:8px}.short-name{font-size:12px}.duration{font-size:10px}.group-header{margin-bottom:12px}.group-header h3{font-size:16px}.video-editor-panel{z-index:900;width:100%;max-width:100%;transition:right .3s;position:fixed;top:0;bottom:80px;right:-100%}.video-editor-panel.open{width:100%;right:0}.video-preview-dropzone{height:200px}.player-bar{padding:0 var(--space-md);gap:var(--space-xs);flex-wrap:wrap;height:70px}.player-left,.player-right{flex:none;min-width:auto}.player-left{display:none}.player-center{flex:1;order:1;max-width:none}.player-controls{gap:var(--space-sm)}.play-pause-main{width:36px;height:36px}.player-scrubber{display:none}.player-right{order:2}.results-group{margin-bottom:var(--space-xl)}.search-header-section,.browse-header-section{padding:var(--space-md);margin-bottom:var(--space-md)}.search-title,.browse-title{font-size:1.25rem}.search-controls,.browse-filters{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.tag-filters{flex-wrap:wrap;justify-content:flex-start}.filter-btn{min-width:calc(50% - var(--space-xs));flex:1;justify-content:center}.pagination-controls{gap:var(--space-md);padding:var(--space-md);flex-direction:column}.pagination-btn{justify-content:center;width:100%}.split-view-container{flex-direction:column}}@media (max-width:480px){.result-grid{grid-template-columns:1fr}.hero-title{font-size:20px}.card-face{padding:10px}.filter-btn{min-width:100%;padding:var(--space-sm)var(--space-md)}.tag-filters{gap:var(--space-sm)}}