.tl-page{height:100%;overflow:auto;padding:32px 36px 48px;color:var(--color-text-primary,#f1f2f4);background:#1e1f21;border:1px solid #303133;border-radius:16px;box-sizing:border-box;scrollbar-gutter:stable;font-size:14px}
.tl-page *,.tl-preview *,.tl-picker *{box-sizing:border-box}
.tl-page button,.tl-page input,.tl-page select,.tl-preview button,.tl-preview input,.tl-preview textarea,.tl-preview select,.tl-picker-close button{font:inherit}
.tl-page button,.tl-preview button,.tl-picker-close button{cursor:pointer;color:inherit;background:#2b2d30;border:1px solid #45474b;border-radius:8px;padding:9px 14px;transition:background .15s,border-color .15s}
.tl-page button:hover,.tl-preview button:hover{background:#36383b;border-color:#74716a}
.tl-page button:disabled,.tl-preview button:disabled{opacity:.45;cursor:not-allowed}
.tl-page :is(button,input,select,a):focus-visible,.tl-preview :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--color-primary,#edbb24);outline-offset:3px}
.tl-page .tl-primary,.tl-preview .tl-primary{background:var(--color-primary,#e9b71e);border-color:var(--color-primary,#e9b71e);color:#1c190e;font-weight:650}
.tl-page .tl-primary:hover,.tl-preview .tl-primary:hover{filter:brightness(1.08)}
.tl-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}

.tl-header h1{font-size:25px;font-weight:550;line-height:1.3;margin:0}
.tl-subtitle{margin:9px 0 0;color:#a6a8af;line-height:1.6}
.tl-connection{display:flex;align-items:center;gap:8px;color:#b8bdc5;white-space:nowrap;font-size:12px}
.tl-dot{width:6px;height:6px;background:#83c59c;border-radius:50%;display:inline-block}.tl-dot-muted{background:#969a9f}
.tl-search-panel{border:0;background:transparent;border-radius:0;padding:0 0 20px;border-bottom:1px solid #343638}
.tl-search-panel form{display:flex;gap:10px}.tl-search-field{flex:1;min-width:0}.tl-search-panel form button{padding:12px 25px;white-space:nowrap}
.tl-page input:not([type=checkbox]),.tl-page select,.tl-preview input:not([type=checkbox]),.tl-preview select,.tl-preview textarea{width:100%;color:#eff0f3;background:#181a1d;border:1px solid #46484c;border-radius:8px;padding:10px 12px;line-height:1.5;outline:none}
.tl-search-field input{height:46px}
.tl-filters{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;padding:18px 0}.tl-filters label{font-size:12px;color:#b4b6bc;display:flex;flex-direction:column;gap:6px;min-width:125px}.tl-filters select{padding:7px 10px}.tl-filters p{margin:0 0 6px auto;max-width:310px;font-size:12px;color:#989da4;line-height:1.6}
.tl-results-bar{display:flex;align-items:center;gap:18px;margin:24px 0 15px;flex-wrap:wrap}.tl-tabs{display:flex;gap:6px;margin-right:auto}.tl-tabs button{border:0;background:transparent;border-radius:0;color:#a3a6ae;padding:10px 4px;margin-right:16px;border-bottom:2px solid transparent}.tl-tabs button.is-active{color:var(--color-primary,#e9b71e);border-bottom-color:var(--color-primary,#e9b71e)}.tl-tabs button:hover{background:transparent}
.tl-check{display:flex!important;align-items:center;gap:8px;font-size:12px;color:#b7bac1}.tl-check input{accent-color:var(--color-primary,#e9b71e);width:15px;height:15px;margin:0}.tl-history{max-width:235px}.tl-history select{font-size:12px;padding:7px 10px}
.tl-result-note{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:16px;color:#979ba3;font-size:12px}.tl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tl-card{min-width:0;background:#222426;border:1px solid #323437;border-radius:10px;overflow:hidden}.tl-card .tl-cover{position:relative;display:block;width:100%;height:210px;padding:0;border:0;border-radius:0;background:#131416;overflow:hidden}.tl-cover img{width:100%;height:100%;object-fit:contain}.tl-time{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:3px 7px;border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums}.tl-cover-action{position:absolute;inset:auto auto 12px 12px;opacity:0;background:#171819dd;color:#eee;padding:6px 10px;border-radius:5px;font-size:12px}.tl-cover:hover .tl-cover-action,.tl-cover:focus-visible .tl-cover-action{opacity:1}.tl-no-cover{color:#8e929a}
.tl-card-body{padding:16px}.tl-card-meta{display:flex;justify-content:space-between;gap:8px;color:#a7abb3;font-size:11px}.tl-card-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-card-meta time{white-space:nowrap}.tl-card h2{font-size:15px;line-height:1.6;font-weight:550;margin:11px 0 12px;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tl-tag{display:inline-block;font-size:11px;color:#aeb0b6;background:#34363a;padding:4px 8px;border-radius:4px}.tl-tag-confirmed{color:#a6d7b7;background:#233d2c}.tl-product{font-size:12px;color:#d2cbb5;margin:10px 0 0}
.tl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.tl-metrics>div{min-width:0}.tl-metrics dt{font-size:11px;color:#9298a2;margin:0 0 4px}.tl-metrics dd{font-size:16px;font-weight:550;margin:0;font-variant-numeric:tabular-nums}.tl-card footer{display:flex;gap:8px;justify-content:space-between;border-top:1px solid #3a3c3f;padding-top:14px}.tl-card footer button{font-size:12px;padding:7px 10px}.tl-card .is-saved{color:var(--color-primary,#e9b71e);border-color:#6e6239}
.tl-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:0;border-radius:12px;padding:35px;color:#a4a8b0}.tl-empty h2{font-size:18px;font-weight:550;color:#d6d8dc;margin:0 0 12px}.tl-empty p{line-height:1.8;font-size:13px;max-width:480px;margin:0}.tl-page .tl-more{display:block;margin:24px auto 0;min-width:190px}.tl-message{padding:11px 14px;border:1px solid #465049;background:#26332c;color:#bdcfbf;border-radius:8px;font-size:13px;line-height:1.65;margin:16px 0;overflow-wrap:anywhere}.tl-error{background:#3b2728;border-color:#664447;color:#f0b9b8}.tl-warning{background:#373125;border-color:#605139;color:#d9c8a1}.tl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tl-preview{width:min(1120px,calc(100vw - 36px));max-height:calc(100vh - 36px);margin:auto;padding:24px;color:#eff0f3;background:#222427;border:1px solid #57595e;border-radius:16px;overflow:auto;font-family:inherit}.tl-preview::backdrop,.tl-picker::backdrop{background:#000b;backdrop-filter:blur(3px)}.tl-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.tl-preview-header h2{font-size:20px;margin:0 0 7px}.tl-preview-header p{font-size:12px;color:#aaaeb5;margin:0}.tl-preview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:26px}.tl-player-column{min-width:0}.tl-player-column video{display:block;width:100%;height:min(570px,62vh);background:#101113;border-radius:8px}.tl-player-placeholder{position:relative;width:100%;height:min(570px,62vh);background:#101113;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.tl-player-placeholder>img{width:100%;height:100%;object-fit:contain;opacity:.35}.tl-player-placeholder>div{position:absolute;inset:auto 24px 28px;text-align:center;background:#17191be8;padding:20px;border-radius:10px}.tl-player-placeholder p{margin:0 0 14px;font-size:14px}.tl-player-placeholder small{display:block;margin-top:12px;color:#a6abb2;font-size:11px;line-height:1.7}.tl-video-note,.tl-updated{font-size:11px;color:#959ba5;line-height:1.7}.tl-preview .tl-source-link{display:inline-block;font-size:12px;color:#d5cba8;padding:8px 0;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}
.tl-preview-header{position:sticky;top:-24px;z-index:2;background:#222427;padding:12px 0;border-bottom:1px solid #3c3f44}.tl-preview-grid{align-items:start}.tl-player-column{position:sticky;top:72px}
.tl-details{min-width:0}.tl-details h3{font-size:17px;line-height:1.7;margin:0}.tl-review{padding:16px;border:1px solid #44474c;border-radius:9px;margin:18px 0}.tl-review legend{padding:0 7px;font-size:13px;color:#d7d9dd}.tl-review>p{font-size:11px;color:#9ca2ac;margin:0 0 13px;line-height:1.6}.tl-review>label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b5bbc4;margin:10px 0}.tl-review>.tl-check{flex-direction:row}.tl-review textarea{resize:vertical}.tl-review>button{font-size:12px;padding:8px 12px}.tl-import>label{display:flex;flex-direction:column;gap:8px;font-size:12px}.tl-import>p{font-size:11px;color:#a5abb4;line-height:1.7}.tl-import>.tl-primary{width:100%;padding:12px}.tl-open-project{margin-top:10px;width:100%;font-size:12px}.tl-login{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.tl-login h1{font-size:23px}.tl-login p{color:#a6abb4}
.tl-picker{margin:auto;width:min(1380px,calc(100vw - 30px));height:calc(100vh - 30px);max-height:none;padding:0;background:#202124;color:#eff0f3;border:1px solid #54565b;border-radius:16px;overflow:hidden}.tl-picker>.tl-page{height:calc(100% - 54px);border:0;border-radius:0}.tl-picker-close{height:54px;display:flex;align-items:center;justify-content:flex-end;padding:10px 24px;border-bottom:1px solid #3c3e41}.tl-picker-close button{font-size:12px;padding:7px 12px}.tl-picker:open{display:block}
@media(min-width:1600px){.tl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-page{padding:22px}.tl-filters p{margin-left:0;max-width:none}.tl-preview-grid{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}}
@media(max-width:700px){.tl-page{padding:18px 14px}.tl-header{align-items:flex-start}.tl-header h1{font-size:23px}.tl-connection{font-size:10px}.tl-subtitle{font-size:12px}.tl-grid{grid-template-columns:1fr}.tl-search-panel{padding:14px}.tl-search-panel form{flex-wrap:wrap}.tl-search-field{flex-basis:100%}.tl-search-panel form button{width:100%}.tl-filters{gap:12px}.tl-filters label{min-width:100px;flex:1}.tl-preview{padding:17px;width:calc(100vw - 20px)}.tl-preview-grid{grid-template-columns:1fr}.tl-player-column video,.tl-player-placeholder{height:45vh}.tl-results-bar{gap:12px}.tl-card .tl-cover{height:250px}.tl-picker{width:calc(100vw - 12px);height:calc(100vh - 12px)}}
@media(max-width:700px){.tl-player-column{position:static}.tl-preview-header{top:-17px}}



.tl-advanced summary{cursor:pointer;color:#bcbfc7;font-size:12px;padding:8px 0}.tl-cover-fallback{display:none;position:absolute;inset:0;place-items:center;color:#969ba4;font-size:12px}.tl-cover-failed .tl-cover-fallback{display:grid}

.tl-card footer{flex-wrap:wrap;gap:8px}.tl-author-browser{width:min(1380px,calc(100vw - 40px));min-height:50vh}.tl-author-browser .tl-grid{margin-top:16px}.tl-author-form{display:flex;align-items:end;gap:12px;margin:18px 0}.tl-author-form label{display:flex;flex:1;flex-direction:column;gap:8px}.tl-author-sort{display:flex;align-items:center;gap:12px;margin:12px 0}.tl-author-browser>.tl-preview-header{display:flex;justify-content:space-between;align-items:center}.tl-author-browser .tl-video-note{max-width:900px}@media(max-width:700px){.tl-author-form{flex-wrap:wrap}.tl-author-form label{flex-basis:100%}}

.tl-author-sort{white-space:nowrap}.tl-author-sort select{width:auto;flex:1;min-width:0}

/* Progressive disclosure: compact search, full controls on demand. */
.tl-search-options{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0 8px}
.tl-search-options>label{display:flex;align-items:center;gap:10px;font-size:12px;color:#a9adb4;min-width:0}
.tl-search-options select{width:auto;min-width:120px;padding:6px 10px;background:transparent;border-color:#3e4145}
.tl-page summary{cursor:pointer;list-style:none;color:#bec2c9;font-size:12px;line-height:1.7;outline-offset:4px}
.tl-page summary::-webkit-details-marker{display:none}
.tl-page summary:before{content:'＋';display:inline-block;margin-right:7px;color:#90969e}
.tl-page details[open]>summary:before{content:'−'}
.tl-page summary:focus-visible{outline:2px solid var(--color-primary,#edbb24)}
.tl-filter-summary{color:#9ca2ab;font-size:11px;margin-left:14px;overflow-wrap:anywhere}
.tl-advanced[open],.tl-result-filters[open]{padding-bottom:10px}
.tl-result-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tl-result-tools>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#a9adb4}
.tl-result-tools select{width:auto;font-size:12px;padding:6px 9px;background:transparent;border-color:#3e4145}
.tl-result-filters{margin:0 0 16px}.tl-filter-checks{display:flex;gap:24px;flex-wrap:wrap}
.tl-result-note{margin:0 0 14px}.tl-query-details{margin:0 0 20px}
.tl-query-details>summary{color:#9ca2ab}
.tl-card-info{margin:0 0 12px}.tl-card-info>summary{font-size:11px;color:#9ca2ab}
.tl-card footer{justify-content:flex-start;border-top:1px solid #343639;align-items:center}
.tl-card footer>button{border:0;background:transparent;padding:6px 0;margin-right:12px}
.tl-card footer>button:first-child{color:#e3d5ac}
.tl-card-actions{flex-basis:100%;padding-top:2px}
.tl-card-actions>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tl-card-actions summary{font-size:11px;color:#9ca2ab}
.tl-card .tl-metrics{margin:14px 0;padding:0;background:transparent;border:0}
.tl-card .tl-metrics dd{font-size:18px;color:#e3e5e8;font-weight:500}
@media(max-width:700px){.tl-search-options{gap:12px}.tl-search-options>label{flex:1 1 100%;justify-content:space-between}.tl-search-options select{flex:1;max-width:75%}.tl-result-tools{width:100%}.tl-filter-summary{display:block;margin-left:21px}.tl-result-tools>label{flex:1}.tl-result-tools select{min-width:0;flex:1}.tl-search-panel{padding:0 0 16px}.tl-card-meta{flex-wrap:wrap}}

/* Native select popups must use dark surfaces, including Windows history menus. */
.tl-page select,.tl-preview select{color-scheme:dark}
.tl-page option,.tl-page optgroup,.tl-preview option,.tl-preview optgroup{background-color:#242629;color:#eff0f3}
.tl-search-context{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.3fr) minmax(130px,1fr);gap:16px;margin:18px 0 12px;max-width:780px}
.tl-search-context>label{display:flex;flex-direction:column;gap:7px;color:#b4b6bc;font-size:12px;min-width:0}
.tl-search-context input,.tl-search-context select{padding:8px 10px}
@media(max-width:700px){.tl-search-context{grid-template-columns:1fr;gap:12px}}