/* Visualizador: una pantalla de imagen y una sección de acciones al deslizar. */
.page-lab[data-view="tool"] .lab-header-intro{visibility:visible}
.page-lab[data-visualizer-open="true"] .lab-header-intro,.page-lab.menu-open .lab-header-intro{visibility:hidden!important}
.page-lab[data-visualizer-open="true"] .lab-header-intro{box-sizing:border-box;top:17px;left:16px;display:flex;align-items:center;height:37px;margin:0;padding:0 9px;border-radius:9px;background:rgba(34,34,33,.34);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);line-height:11px}
.page-lab[data-visualizer-open="true"] .lab-tool-view{min-height:0;padding:0}
.page-lab[data-visualizer-open="true"] .lab-tool-view-head,
.page-lab[data-visualizer-open="true"] .lab-environment-choices,
.page-lab[data-visualizer-open="true"] .lab-scene-caption{display:none!important}
.page-lab[data-visualizer-open="true"] .lab-workspace{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;background:var(--lab-dark);overflow:visible}
.page-lab[data-visualizer-open="true"] .lab-scene-wrap{position:relative;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}
.page-lab[data-visualizer-open="true"] .lab-scene,
.page-lab[data-visualizer-open="true"] .lab-scene.is-portrait{width:100%;height:100%;aspect-ratio:auto}
.page-lab[data-visualizer-open="true"] .lab-scene img,
.page-lab[data-visualizer-open="true"] .lab-scene canvas,
.page-lab[data-visualizer-open="true"] .lab-scene.is-portrait img,
.page-lab[data-visualizer-open="true"] .lab-scene.is-portrait canvas{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;transform:none}

.page-lab[data-visualizer-open="true"] .lab-controls{position:absolute;z-index:60;top:calc(100dvh - 53px);right:0;left:0;display:block;width:auto;min-width:0;height:37px;margin:0;padding:0;transform:none;font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading);pointer-events:none}
.page-lab[data-visualizer-open="true"] .lab-control-group{position:absolute;top:0;display:flex;align-items:center;gap:6px;height:37px;pointer-events:auto}
.page-lab[data-visualizer-open="true"] .lab-model-group{left:16px}
.page-lab[data-visualizer-open="true"] .lab-color-group{right:16px}
.page-lab[data-visualizer-open="true"] .lab-group-trigger{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;box-sizing:border-box;min-width:96px;height:37px;padding:0 12px;border:0;border-radius:9px;background:rgba(34,34,33,.43);color:var(--lab-red);font:inherit;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 1px 8px rgba(0,0,0,.06)}
.page-lab[data-visualizer-open="true"] .lab-group-trigger:hover,
.page-lab[data-visualizer-open="true"] .lab-group-trigger[aria-expanded="true"]{color:#f0eee9}
.page-lab[data-visualizer-open="true"] .lab-options-panel{box-sizing:border-box;display:flex;align-items:center;flex:none;width:min(610px,calc(100vw - 255px));min-width:0;height:37px;padding:0 3px;border:0;border-radius:9px;background:rgba(34,34,33,.43);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 1px 8px rgba(0,0,0,.06)}
.page-lab[data-visualizer-open="true"] .lab-scroll-arrow{display:grid;place-items:center;flex:none;width:28px;height:31px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--lab-red);font:inherit;cursor:pointer}
.page-lab[data-visualizer-open="true"] .lab-scroll-arrow:hover{background:rgba(15,15,15,.65);color:#f0eee9}
.page-lab[data-visualizer-open="true"] .lab-controls fieldset{box-sizing:border-box;display:block;flex:1;width:0;min-width:0;height:37px;margin:0!important;padding:3px 0;border:0;background:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
.page-lab[data-visualizer-open="true"] .lab-controls fieldset::-webkit-scrollbar{display:none}
.page-lab[data-visualizer-open="true"] .lab-controls legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-lab[data-visualizer-open="true"] .lab-models button{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;box-sizing:border-box;width:136px;height:31px;margin-right:2px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--lab-red);font:inherit;text-align:left;vertical-align:top;cursor:pointer;transition:background .2s ease,color .2s ease}
.page-lab[data-visualizer-open="true"] .lab-models button:last-child{margin:0;border:0}
.page-lab[data-visualizer-open="true"] .lab-models button:hover,
.page-lab[data-visualizer-open="true"] .lab-models button[aria-pressed="true"]{padding-left:8px;background:rgba(15,15,15,.65);color:#f0eee9}
.page-lab[data-visualizer-open="true"] .lab-models button[aria-pressed="true"] span:first-child::before{content:none}
.page-lab[data-visualizer-open="true"] .lab-models button span:last-child{opacity:.55}
.page-lab[data-visualizer-open="true"] .lab-color-grid{display:flex;gap:2px;width:max-content;min-width:100%;height:31px;overflow:visible}
.page-lab[data-visualizer-open="true"] .lab-color-grid button{display:flex;align-items:center;gap:6px;flex:none;box-sizing:border-box;width:100px;height:31px;padding:2px 5px;border:0;border-radius:7px;background:transparent;color:var(--lab-red);font:inherit;text-align:left;cursor:pointer}
.page-lab[data-visualizer-open="true"] .lab-color-grid button:hover,
.page-lab[data-visualizer-open="true"] .lab-color-grid button[aria-pressed="true"]{background:rgba(15,15,15,.65);color:#f0eee9}
.page-lab[data-visualizer-open="true"] .lab-color-grid button::after{content:none}
.page-lab[data-visualizer-open="true"] .lab-color-grid .lab-color-swatch{display:block;flex:none;width:25px;height:25px;background-size:cover;background-position:center}
.page-lab[data-visualizer-open="true"] .lab-color-grid .lab-color-label{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:9px;line-height:1.05}

.page-lab[data-visualizer-open="true"] .lab-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;width:100%;min-height:118px;margin:0;padding:28px 16px;background:var(--lab-dark)}
.page-lab[data-visualizer-open="true"] .lab-actions button{padding:0;border:0;background:none;color:var(--lab-red);font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading);cursor:pointer}
.page-lab[data-visualizer-open="true"] .lab-actions button:hover{color:#f0eee9}

@media(max-width:760px){
  .page-lab[data-visualizer-open="true"] .lab-header-intro{top:62px;left:10px}
  .page-lab[data-visualizer-open="true"] .lab-controls{top:calc(100dvh - 47px)}
  .page-lab[data-visualizer-open="true"] .lab-model-group{left:10px}
  .page-lab[data-visualizer-open="true"] .lab-color-group{right:10px}
  .page-lab[data-visualizer-open="true"] .lab-options-panel{position:absolute;bottom:45px;width:calc(100vw - 20px)}
  .page-lab[data-visualizer-open="true"] .lab-model-group .lab-options-panel{left:0}
  .page-lab[data-visualizer-open="true"] .lab-color-group .lab-options-panel{right:0}
  .page-lab[data-visualizer-open="true"] .lab-actions{padding:24px 10px;min-height:105px}
}
@media(max-width:500px){
  .page-lab[data-visualizer-open="true"] .lab-header-intro{top:58px;left:10px}
  .page-lab[data-visualizer-open="true"] .lab-group-trigger{min-width:88px;padding:0 9px}
}
@media(prefers-reduced-motion:reduce){.page-lab[data-visualizer-open="true"] .lab-models button{transition:none}}

/* Una sola pastilla de personalización, sin controles sobre la base de la foto. */
.page-lab[data-visualizer-open="true"] .lab-controls{position:fixed;z-index:165;top:17px;bottom:auto;left:16px;right:auto;display:block;width:clamp(260px,30vw,420px);height:auto;pointer-events:auto}
.page-lab.menu-open .lab-controls{visibility:hidden;pointer-events:none}
.page-lab[data-visualizer-open="true"] .lab-customize-trigger,.page-lab[data-visualizer-open="true"] .lab-customize-panel{box-sizing:border-box;border:0;border-radius:9px;background:rgba(48,47,45,.48);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);box-shadow:0 2px 12px rgba(0,0,0,.08)}
.page-lab[data-visualizer-open="true"] .lab-customize-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:37px;padding:0 11px;color:var(--lab-red);font:inherit;text-align:left;cursor:pointer}
.page-lab[data-visualizer-open="true"] .lab-customize-trigger:hover{color:#f0eee9}
.lab-customize-plus{position:relative;display:block;flex:none;width:10px;height:10px;transition:transform .3s ease}
.lab-customize-plus::before,.lab-customize-plus::after{content:"";position:absolute;display:block;background:currentColor}
.lab-customize-plus::before{top:4.5px;left:0;width:10px;height:1px}
.lab-customize-plus::after{top:0;left:4.5px;width:1px;height:10px}
.lab-customize-trigger[aria-expanded="true"] .lab-customize-plus{transform:rotate(45deg)}
.page-lab[data-visualizer-open="true"] .lab-customize-panel{width:100%;margin-top:6px;padding:9px 10px 7px}
.page-lab[data-visualizer-open="true"] .lab-options-row{min-width:0;padding:4px 0 6px}
.page-lab[data-visualizer-open="true"] .lab-options-row+.lab-options-row{border-top:1px solid rgba(189,40,46,.28);padding-top:9px}
.page-lab[data-visualizer-open="true"] .lab-options-label{display:block;margin:0 0 4px}
.page-lab[data-visualizer-open="true"] .lab-options-panel{display:flex;align-items:center;width:100%;height:34px;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.page-lab[data-visualizer-open="true"] .lab-scroll-arrow{flex:none;width:22px;height:32px;padding:0;border:0;background:none;color:var(--lab-red);font:inherit;cursor:pointer}
.page-lab[data-visualizer-open="true"] .lab-scroll-arrow:hover{color:#f0eee9}
.page-lab[data-visualizer-open="true"] .lab-controls fieldset{height:34px;padding:2px 0}
.page-lab[data-visualizer-open="true"] .lab-models button{width:116px;height:30px;padding:0 6px}
.page-lab[data-visualizer-open="true"] .lab-models button:hover,.page-lab[data-visualizer-open="true"] .lab-models button[aria-pressed="true"],.page-lab[data-visualizer-open="true"] .lab-color-grid button:hover,.page-lab[data-visualizer-open="true"] .lab-color-grid button[aria-pressed="true"]{background:rgba(12,12,12,.68);color:#f0eee9}
.page-lab[data-visualizer-open="true"] .lab-color-grid{height:30px}
.page-lab[data-visualizer-open="true"] .lab-color-grid button{width:92px;height:30px;padding:2px 4px}
.page-lab[data-visualizer-open="true"] .lab-color-grid .lab-color-swatch{width:23px;height:23px}
.page-lab[data-visualizer-open="true"] .lab-actions{min-height:82px;padding:28px 16px 10px}
.page-lab[data-visualizer-open="true"] .lab-project-note{max-width:58ch;margin:0;padding:8px 16px 58px;color:var(--lab-red);font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading)}
.page-lab .site-header{z-index:160}
.page-lab .menu-panel{z-index:150}
.page-lab .menu-panel-content{top:17px;left:16px!important;right:auto;max-height:none;overflow:visible}
.page-lab .menu-clock{right:16px;left:auto;bottom:20px}
.page-lab.menu-open .site-header{pointer-events:none}
.page-lab.menu-open .site-header .lab-nav-cluster,.page-lab.menu-open .site-header .menu-toggle{pointer-events:auto}
.page-lab[data-view="information"]::before{content:"";position:fixed;z-index:125;top:0;left:0;right:0;height:67px;background:var(--lab-dark);pointer-events:none}
.page-lab .lab-information-view{grid-template-rows:auto auto auto;row-gap:18px}
.page-lab .lab-information-intro{display:contents}
.page-lab .lab-information-intro p{grid-column:1/4;max-width:31ch;margin:0;padding:0 15px 0 6px}
.page-lab .lab-information-intro p:nth-child(1){grid-row:1}
.page-lab .lab-information-intro p:nth-child(2){grid-row:2}
.page-lab .lab-information-intro p:nth-child(3){grid-row:3}
.page-lab .lab-information-contact{grid-column:6/8;grid-row:3;align-self:start}
.page-lab .lab-information-links{grid-column:9/12;grid-row:3;align-self:start}
@media(max-width:760px){
  .page-lab[data-visualizer-open="true"] .lab-controls{top:58px;left:10px;width:min(350px,calc(100vw - 20px))}
  .page-lab[data-visualizer-open="true"] .lab-actions{padding:26px 10px 10px}
  .page-lab[data-visualizer-open="true"] .lab-project-note{padding:8px 10px 45px}
  .page-lab .menu-panel-content{top:58px;left:10px!important;right:10px;max-height:none}
  .page-lab .menu-clock{right:10px;bottom:12px}
  .page-lab[data-view="information"]::before{height:102px}
  .page-lab .lab-information-intro p{grid-column:1/7;padding-left:2px}
  .page-lab .lab-information-contact{grid-column:8/13;grid-row:3}
  .page-lab .lab-information-links{grid-column:8/13;grid-row:4}
}
@media(max-width:500px){
  .page-lab .lab-information-intro p,.page-lab .lab-information-contact,.page-lab .lab-information-links{grid-column:1/13}
  .page-lab .lab-information-intro p{max-width:42ch;padding:0}
  .page-lab .lab-information-contact{grid-row:4}
  .page-lab .lab-information-links{grid-row:5}
}
@media(prefers-reduced-motion:reduce){.lab-customize-plus{transition:none}}