/* A compact search workspace leaves room for the results below. */
html body #tab-search>.creator-hero{display:none!important}
html body #tab-search>.heading{padding:10px 0!important;margin:0 0 10px!important;min-height:0!important}
html body #tab-search>.heading h1{font-size:25px!important;margin:0!important}
html body #tab-search>.heading p,html body #tab-search>.heading .eyebrow{display:none!important}
html body #tab-search #search-form{display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr)!important;gap:14px!important;max-height:46vh!important;min-height:0!important;margin:0 0 14px!important;align-items:stretch!important}
html body #tab-search #search-form>.search-box,html body #tab-search #search-form>.filters{margin:0!important;padding:14px!important;min-width:0!important;min-height:0!important;overflow:auto!important;border-radius:12px!important;box-sizing:border-box!important}
html body #tab-search #search-form>.search-box{display:flex!important;flex-direction:column!important;gap:8px!important}
html body #tab-search #description{height:80px!important;min-height:64px!important;max-height:18vh!important;resize:vertical!important;margin:0!important}
html body #tab-search .search-bottom{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:space-between!important;align-items:center!important;margin:0!important}
html body #tab-search .search-bottom>span{font-size:12px!important}
html body #tab-search .filters :is(.filter-shortcuts,.saved-filter-section,.recent-searches){padding:10px!important;margin:8px 0!important}
html body #tab-search .filters .filter-heading{margin:0!important;padding:0 0 7px!important}
html body #tab-search .filters h2{font-size:20px!important;margin:0!important}
html body #tab-search .filters h3{font-size:15px!important;margin:0!important}
html body #tab-search .filters .filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:8px 0!important}
html body #tab-search .filters label{font-size:13px!important;line-height:1.4!important}
html body #tab-search .filters :is(input,select){min-height:35px!important;padding:7px 10px!important;font-size:14px!important;margin-top:4px!important}
html body #tab-search .filters p{font-size:12px!important;line-height:1.45!important;margin:4px 0!important}
html body #tab-search .quick-chips{gap:5px!important}
html body #tab-search .quick-chips button{font-size:12px!important;min-height:29px!important;padding:5px 8px!important}
html body #tab-search .filter-submit-row{padding:8px!important;margin-top:8px!important}
html body #tab-search .search-insights,html body #tab-search .results-heading{padding:12px 16px!important;margin:12px 0!important}
html body #tab-search #results{scroll-margin-top:16px}
@media(max-width:800px){html body #tab-search #search-form{grid-template-columns:1fr!important;max-height:46vh!important;overflow:auto!important;gap:8px!important}html body #tab-search #search-form>.filters{overflow:visible!important}html body #tab-search .filters .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* All working views prioritise input plus visible output over decorative rails. */
html body .tab:not(#tab-home) .page-work-layout{display:block!important}
html body .tab:not(#tab-home) .page-photo-rail{display:none!important}
html body :is(#tab-keywords,#tab-revenue,#tab-channels,#tab-compare,#tab-downloads)>.workspace-photo-banner{display:none!important}
html body :is(#tab-keywords,#tab-revenue,#tab-channels,#tab-compare,#tab-downloads)>.heading{padding:10px 0!important;margin:0 0 12px!important;min-height:0!important}
html body :is(#tab-keywords,#tab-revenue,#tab-channels,#tab-compare,#tab-downloads)>.heading h1{font-size:26px!important;margin:0!important}
html body :is(#tab-keywords,#tab-revenue,#tab-channels,#tab-compare,#tab-downloads)>.heading p{font-size:13px!important;line-height:1.4!important;margin:5px 0 0!important}
html body :is(#keyword-form,#estimate-form,#channel-form,#direct-form){max-height:44vh!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px!important}
html body .tab:not(#tab-home) .page-work-content>.panel{padding:16px!important}
html body .tab:not(#tab-home) .page-work-content>.panel>.panel-title{margin:0 0 10px!important}
html body .tab:not(#tab-home) .page-work-content>.panel>p{font-size:13px!important;line-height:1.45!important;margin:6px 0!important}
html body :is(#keyword-form,#estimate-form,#channel-form,#direct-form) .filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html body :is(#keyword-form,#estimate-form,#channel-form,#direct-form) :is(input,select,textarea){min-height:36px!important;margin-top:4px!important}
html body :is(#keyword-result,#estimate-result){scroll-margin-top:16px}
@media(max-width:650px){html body :is(#keyword-form,#estimate-form,#channel-form,#direct-form) .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Use the quiet query-panel space as scenery, without adding layout height. */
html body #tab-search #search-form>.search-box{position:relative!important;isolation:isolate;overflow:hidden!important;background:#181a1c!important}
html body #tab-search #search-form>.search-box:before{content:'';position:absolute;inset:130px 0 0;z-index:-1;pointer-events:none;background:url('/images/actress-youtube-set-v2.png') 68% 35%/cover no-repeat;opacity:.7;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000000 30%,#000000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000000 30%,#000000 78%,transparent 100%)}
html body #tab-search #search-form>.search-box:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#181a1c 0%,#181a1cf5 28%,#181a1c22 65%,#181a1ca6 100%)}
html body #tab-search #search-form>.search-box>:is(label,textarea,.search-bottom,#search-feedback){position:relative;z-index:1}
@media(max-width:800px){html body #tab-search #search-form>.search-box:before{inset:0;opacity:.2}html body #tab-search #search-form>.search-box:after{background:linear-gradient(90deg,#181a1cd9,#181a1c55)}}

/* Open recent searches as a compact row of square cards. */
html body #tab-search #recent-search-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(116px,1fr))!important;gap:8px!important;margin:10px 0!important}
html body #tab-search #recent-search-list>.recent-search-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;aspect-ratio:1/1!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:11px!important;text-align:left!important;border-radius:10px!important;background:#323436!important;border:1px solid #dd9e5c55!important;overflow:hidden!important}
html body #tab-search #recent-search-list>.recent-search-item strong{font-family:'TubeDesk English Air','TubeDesk Simplehae',sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
html body #tab-search #recent-search-list>.recent-search-item small{font-family:'TubeDesk English Air','TubeDesk Simplehae',sans-serif!important;font-size:11px!important;line-height:1.35!important;color:#d5c8bb!important;margin-top:8px!important}
html body #tab-search #recent-search-list>.recent-search-item:hover{background:#5e4633!important;border-color:#deccb9!important}
html body #tab-search .recent-searches>summary{border-top:0!important;padding-top:0!important}
html body #tab-search #recent-search-list>p{grid-column:1/-1}
@media(max-width:480px){html body #tab-search #recent-search-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Explicit grid row sizing prevents overflowing options from covering results. */
html body #tab-search #search-form{height:46vh!important;max-height:420px!important;grid-template-rows:minmax(0,1fr)!important;overflow:hidden!important;position:relative!important;flex-shrink:0!important;isolation:isolate}
html body #tab-search #search-form>.filters{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important}
html body #tab-search #search-form>.search-box{height:100%!important;max-height:100%!important;overflow-y:auto!important}
html body #tab-search>.results-heading,html body #tab-search>#search-insights,html body #tab-search>#results{position:relative!important;inset:auto!important;transform:none!important;float:none!important;clear:both!important;width:100%!important;box-sizing:border-box!important;z-index:0!important}
html body #tab-search>.results-heading{display:flex!important;flex-wrap:wrap!important;gap:12px!important;min-height:78px!important;margin:14px 0!important;padding:12px 16px!important;overflow:hidden!important}
html body #tab-search .result-actions{position:static!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin-left:auto!important;max-width:100%!important;transform:none!important}
html body #tab-search>#results{margin-top:0!important}
@media(max-width:800px){html body #tab-search #search-form{display:block!important;height:auto!important;max-height:46vh!important;overflow-y:auto!important}html body #tab-search #search-form>.search-box,html body #tab-search #search-form>.filters{height:auto!important;max-height:none!important;overflow:visible!important}html body #tab-search #search-form>.search-box{margin-bottom:8px!important}html body #tab-search .result-actions{margin-left:0!important}}