#contentlab{--lab-accent:#f05bb4}
.lab-cockpit-entry{margin-top:15px;padding:26px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:30px;align-items:end;position:relative;overflow:hidden}
.lab-cockpit-entry:after{content:"06";position:absolute;right:18px;top:-24px;font-family:Poppins,sans-serif;font-size:150px;font-weight:600;color:#ffffff08;line-height:1}
.lab-cockpit-entry h2{font-size:clamp(28px,4vw,52px);letter-spacing:-.035em;margin:7px 0 12px}
.lab-cockpit-entry p{color:var(--muted);line-height:1.55;margin:0;max-width:690px}
.lab-cockpit-entry .primary{position:relative;z-index:1;justify-self:end}
.content-lab-head{align-items:flex-start}
.content-lab-head h1{max-width:none}
.lab-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;margin-bottom:18px}
.lab-intro p{margin:0;max-width:720px;color:var(--muted);line-height:1.55}
.lab-progress{display:flex;gap:7px;flex-shrink:0}
.lab-progress span{width:42px;height:3px;background:#ffffff2b}
.lab-progress span.active{background:var(--lab-accent);box-shadow:0 0 12px var(--lab-accent)}
.lab-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lab-product{position:relative;display:grid;grid-template-rows:auto auto;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05);color:inherit;text-align:left;cursor:pointer;overflow:hidden;min-width:0;transition:.22s}
.lab-product:hover,.lab-product.selected{border-color:var(--product-accent);box-shadow:0 0 22px color-mix(in srgb,var(--product-accent) 32%,transparent);transform:translateY(-2px)}
.lab-product-media{position:relative;aspect-ratio:1/1;background:#090b11;display:grid;place-items:center;overflow:hidden}
.lab-product-media:after{content:"";position:absolute;inset:auto -20% -45% -20%;height:85%;background:radial-gradient(circle,var(--product-accent),transparent 68%);opacity:.25}
.lab-product-media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:14px}
.lab-product-copy{padding:17px 18px 19px;display:grid;gap:8px}
.lab-product-copy strong{font-family:Poppins,sans-serif;font-size:15px;line-height:1.25;text-transform:uppercase;letter-spacing:1.4px}
.lab-product-copy span{color:var(--muted);font-size:12px}
.lab-check{position:absolute;z-index:3;top:12px;right:12px;width:29px;height:29px;border:1px solid #ffffff48;background:#090b11c9;display:grid;place-items:center;font-size:14px}
.lab-product.selected .lab-check{background:var(--product-accent);border-color:var(--product-accent);color:#0a0b10}
.lab-toolbar{position:sticky;top:14px;z-index:11;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin:18px 0;background:#0b0d14e8;backdrop-filter:blur(20px)}
.lab-toolbar-copy{display:flex;align-items:center;gap:14px;min-width:0}
.lab-toolbar-copy strong{font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:1.3px;font-size:13px}
.lab-toolbar-copy span{font-size:12px;color:var(--muted)}
.lab-toolbar-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.lab-toolbar button,.lab-footer button,.lab-category button{border-radius:2px}
.lab-editor{display:grid;gap:18px}
.lab-product-section{padding:22px;overflow:visible}
.lab-product-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}
.lab-product-heading img{width:58px;height:72px;object-fit:contain;background:#090b11}
.lab-product-heading h2{font-size:clamp(19px,2.4vw,30px);letter-spacing:1px;margin:0}
.lab-product-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}
.lab-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}
.lab-group-title h3{font-size:13px;letter-spacing:2px;margin:0;color:var(--product-accent)}
.lab-group-title div{display:flex;gap:7px}
.lab-mini{border:1px solid var(--line);background:transparent;padding:7px 9px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:9px}
.lab-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lab-category{border:1px solid var(--line);background:#ffffff08;padding:12px;min-width:0}
.lab-category-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.lab-category-head strong{text-transform:uppercase;letter-spacing:1.2px;font-size:11px}
.lab-category-head span{font:600 10px Consolas,monospace;color:var(--muted)}
.lab-items{display:grid;gap:8px}
.lab-item{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 28px;align-items:center;gap:11px;border:1px solid #ffffff13;background:#080a10;padding:8px;cursor:pointer;min-width:0}
.lab-item:hover,.lab-item.selected{border-color:var(--product-accent)}
.lab-item.selected{background:color-mix(in srgb,var(--product-accent) 10%,#080a10)}
.lab-preview{width:76px;height:62px;background:#11141d;display:grid;place-items:center;overflow:hidden}
.lab-preview img{width:100%;height:100%;object-fit:contain}
.lab-preview.text{font-family:Consolas,monospace;font-size:20px;color:var(--product-accent)}
.lab-item-copy{min-width:0}
.lab-item-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lab-item-copy span{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.lab-item-check{width:21px;height:21px;border:1px solid #ffffff4f;display:grid;place-items:center;font-size:11px}
.lab-item.selected .lab-item-check{background:var(--product-accent);border-color:var(--product-accent);color:#080a10}
.lab-empty{border:1px dashed #ffffff28;padding:17px;color:var(--muted);font-size:12px;line-height:1.45}
.lab-footer{position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;margin-top:18px;background:#0b0d14f2;backdrop-filter:blur(22px)}
.lab-summary{display:flex;gap:24px;flex-wrap:wrap}
.lab-summary div{display:grid;gap:3px}
.lab-summary strong{font-family:Poppins,sans-serif;font-size:20px}
.lab-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}
.lab-download{min-width:230px}
.lab-download[disabled]{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}
.lab-status{min-height:18px;margin:10px 2px 0;color:var(--muted);font-size:12px}
.lab-status.error{color:#ff8c96}.lab-status.success{color:#8fe3b5}
@media(max-width:1100px){.lab-products{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-categories{grid-template-columns:1fr}}
@media(max-width:720px){.lab-cockpit-entry{grid-template-columns:1fr;align-items:start}.lab-cockpit-entry .primary{justify-self:start}.lab-intro,.lab-toolbar,.lab-footer{align-items:flex-start;flex-direction:column}.lab-products{grid-template-columns:1fr 1fr}.lab-product{grid-template-rows:auto auto}.lab-product-copy{padding:13px}.lab-product-copy strong{font-size:12px}.lab-toolbar{top:8px}.lab-toolbar-actions{justify-content:flex-start}.lab-product-section{padding:15px}.lab-product-heading{align-items:flex-start}.lab-download{width:100%}.lab-summary{width:100%;justify-content:space-between}}
@media(max-width:460px){.lab-products{grid-template-columns:1fr}.lab-product{grid-template-columns:110px minmax(0,1fr);grid-template-rows:110px}.lab-product-media{width:110px;height:auto}.lab-categories{grid-template-columns:1fr}.lab-item{grid-template-columns:58px minmax(0,1fr) 24px}.lab-preview{width:58px;height:54px}}

.lab-asset{min-width:0}.lab-item{width:100%;text-align:left}.lab-item-copy span{overflow-wrap:anywhere}.lab-text-preview{padding:10px;font-size:12px}.lab-text-preview summary{cursor:pointer}.lab-text-preview pre{white-space:pre-wrap;font:inherit;line-height:1.6;overflow-wrap:anywhere}.lab-asset video{width:100%;max-height:280px;margin-top:8px}.lab-preview img{padding:3px;background:#b8bbc4}.lab-item-copy strong{white-space:normal;overflow-wrap:anywhere}
