/* Территория видимости — каталог и адаптивный фикс 2026-10-22 */
:root{--lab-gold:#c98b35;--lab-ink:#2f2c26;--lab-soft:#faf6ed}
.tv-lab-hub{max-width:1170px;margin:0 auto}
.tv-lab-switch{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 18px}
.tv-lab-switch-btn{font:inherit;font-weight:800;font-size:16px;padding:15px 23px;border:1px solid #dfc99f;border-radius:14px;background:#fff;color:#59452c;cursor:pointer;min-height:52px}
.tv-lab-switch-btn span{display:inline-block;font-size:12px;font-weight:650;opacity:.75;margin-left:6px}
.tv-lab-switch-btn.is-current{background:var(--lab-gold);color:#fff;border-color:var(--lab-gold);box-shadow:0 10px 26px #ae792b36}
.tv-lab-controls{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.tv-lab-search-label{display:block;min-width:min(100%,300px);font-size:14px;font-weight:750;color:#60543d}
.tv-lab-search-label input{display:block;width:100%;margin-top:7px;padding:12px 15px;border-radius:11px;border:1px solid #d8c9b1;font:inherit;background:#fff;color:#302a22;min-height:47px}
.tv-lab-categories{display:flex;gap:7px;flex-wrap:wrap}
.tv-lab-filter{border:1px solid #e2d7c5;border-radius:999px;background:white;padding:10px 15px;font:inherit;font-size:13px;font-weight:750;color:#62533b;cursor:pointer;min-height:42px}
.tv-lab-filter.is-current{background:#f3e3c7;border-color:#c98b35;color:#70501f}
.tv-lab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 30px}
.tv-lab-picker-card,.tv-lab-pro-card{min-width:0;border:1px solid #e5d8c2;border-radius:17px;background:#fff;padding:22px;box-shadow:0 7px 24px #50300c0c;display:flex;flex-direction:column;gap:9px}
.tv-lab-picker-card h3,.tv-lab-pro-card h3{font-size:19px;line-height:1.24;margin:0;color:#332b20}
.tv-lab-picker-card p,.tv-lab-pro-card p{font-size:14px;color:#6a6256;line-height:1.6;margin:0}
.tv-lab-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.tv-lab-category{color:#8b642a;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.tv-lab-free-tag{background:#f3f0e9;border:1px solid #e6ddd0;color:#5a5041;padding:4px 8px;font-size:11px;border-radius:9px;font-weight:700}
.tv-lab-card-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;flex-wrap:wrap}
.tv-lab-launch{border:none;border-radius:9px;background:#c98b35;color:white;padding:10px 15px;min-height:42px;font-size:13px;font-weight:800;cursor:pointer}
.tv-lab-pro-see{background:transparent;border:1px solid #d9c8ac;color:#87622b;min-height:42px;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:800}
.tv-lab-active-tool{margin:28px 0 16px;padding:24px;border-radius:19px;background:#fcf9f2;border:1px solid #dfc7a0;scroll-margin-top:120px;min-width:0}
.tv-lab-workspace-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:12px}
.tv-lab-workspace-head h2{margin:5px 0 15px;font-size:clamp(22px,2.7vw,30px)}
.tv-lab-back{color:#825f2c;font-size:13px;font-weight:700;text-decoration:underline;white-space:nowrap}
.tv-lab-panel{display:none;min-width:0}
.tv-lab-panel.is-active{display:block}
.tv-lab-panel>.tv-tool-card,.tv-lab-panel>.tv-card-grid{max-width:100%;margin:0}
.tv-lab-panel>.tv-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tv-lab-panel .tv-tool-card{min-width:0}
.tv-lab-panel pre,.tv-lab-panel textarea,.tv-lab-panel input{max-width:100%;min-width:0}
.tv-lab-panel pre{overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.tv-lab-upsell{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;padding:17px;border:1px solid #e2d2b5;border-radius:12px;background:white}
.tv-lab-upsell strong{color:#6e4e24}.tv-lab-upsell p{margin:4px 0;font-size:13px;line-height:1.45}
.tv-lab-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:23px 0}
.tv-lab-pro-card{padding:25px}.tv-lab-pro-card .btn{margin-top:auto;align-self:start}
.tv-lab-pro-tag{color:#9a6820;font-size:11px;font-weight:850;letter-spacing:.08em}
.tv-lab-pro-card .tv-lab-price{color:#724b13;font-size:15px;font-weight:800;padding:7px 0}
.tv-lab-pro-intro{max-width:770px;line-height:1.65;color:#5b5448}
.tv-lab-tool-hidden{display:none!important}
@media(max-width:960px){.tv-lab-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 html,body{max-width:100%;overflow-x:clip}
 body .container{max-width:100%;min-width:0}
 .tv-landing{min-width:0}
 .tv-landing main,.tv-landing .tv-section{min-width:0}
 .tv-lab-controls,.tv-lab-upsell,.tv-lab-workspace-head{flex-direction:column;align-items:stretch}
 .tv-lab-cards,.tv-lab-pro-grid,.tv-lab-panel>.tv-card-grid{grid-template-columns:minmax(0,1fr)}
 .tv-lab-picker-card,.tv-lab-pro-card{padding:18px}
 .tv-lab-active-tool{padding:14px;margin:17px 0}
 .tv-lab-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .tv-lab-switch-btn{padding:11px 8px;min-width:0;font-size:14px}
 .tv-lab-switch-btn span{display:block;margin:4px 0 0;font-size:10px}
 .tv-lab-categories{gap:7px}
 .tv-lab-filter{padding:8px 11px}
 .tv-lab-search-label{width:100%}
 .tv-lab-panel .tv-tool-card{padding:15px}
 .tv-lab-panel .tv-workflow-buttons{flex-wrap:wrap}
 .tv-lab-panel .tv-workflow-buttons .btn{white-space:normal}
 .tv-lab-back{white-space:normal}
 .tv-lab-upsell .btn{width:100%}
 .tv-lab-cards h3{font-size:18px}
}
@media(max-width:390px){.tv-lab-cards{gap:12px}.tv-lab-categories{gap:5px}.tv-lab-filter{font-size:12px}}
/* Responsiveness fixes for site content without changing other desktop compositions */
@media (max-width:740px){
 img,video,iframe,svg{max-width:100%}
 .tv-landing .tv-card-grid,.tv-landing .tv-lab-new-grid,.tv-landing .tv-workflows-grid{grid-template-columns:minmax(0,1fr)}
 .tv-landing .tv-tool-card{overflow-wrap:anywhere}
 .tv-landing .tv-text-result{max-width:100%;word-break:break-word}
 .tv-tariff-dock{max-width:calc(100vw - 24px)}
}

/* Hide attribute must outrank author display:grid/flex */
.tv-lab-hub [hidden]{display:none!important}
.tv-lab-more-wrap{text-align:center;margin:10px 0 28px}
.tv-lab-more{border:1px solid #c98b35;border-radius:12px;background:#fffaf0;color:#886329;font-weight:800;font-size:14px;min-height:47px;padding:12px 20px;cursor:pointer}
.tv-lab-picker-card.is-selected{border-color:#c98b35;box-shadow:0 0 0 1px #c98b35,0 8px 22px #6c461f16}