/* Casa de Jorge · hoja de estilos
   Mismo lenguaje que Jorge360 (salud.jorgemora.info) y Cierzo (tiempo.jorgemora.info):
   Inter, fondo cálido con brillos de color difuminados, cristal con halo del color de cada
   bloque, cifras y títulos en semibold con interletra ajustada y etiquetas pequeñas en gris.
   La casa es la protagonista: el visor ocupa la pantalla y las herramientas flotan encima. */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("inter-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
 color-scheme:light;
 --bg:#f1f0ee;--ink:#15151a;--muted:#73737c;--soft:#a3a3ad;--track:rgba(30,30,50,.07);--line:rgba(30,30,50,.09);--line-2:rgba(30,30,50,.14);
 --chip:rgba(255,255,255,.55);--chip-on:#fff;--menu-bg:rgba(246,245,243,.84);--overlay:rgba(244,243,241,.7);
 --edge:#fff;--edge-2:rgba(160,160,175,.35);
 --g-hi:rgba(255,255,255,.8);--g-mid:rgba(255,255,255,.34);--g-lo:rgba(255,255,255,0);
 --g-blue:rgba(146,166,255,.62);--g-green:rgba(150,220,120,.7);--g-orange:rgba(255,168,100,.7);--g-pink:rgba(255,146,180,.62);--g-teal:rgba(110,220,210,.55);--g-violet:rgba(196,176,255,.62);--g-sun:rgba(255,214,120,.7);
 --amb-1:rgba(205,226,255,.75);--amb-2:rgba(255,222,204,.6);--amb-3:rgba(214,240,206,.65);--amb-4:rgba(236,222,255,.55);
 --violet:#6b7cff;--violet-ink:#4453d6;--green:#1f9d55;--orange:#f08a2c;--pink:#e2557a;--teal:#12a6a0;
 --good:#1f9d55;--bad:#d9405f;
 --f:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --r:26px;--r-s:18px;--r-xs:13px;
 --shadow:0 10px 30px rgba(20,20,40,.10);--shadow-s:0 1px 2px rgba(20,20,30,.06);
 /* Fondo de la escena 3D: el editor ajusta estos tonos según la luz del día. */
 --scene-top:#f5f4f1;--scene-bottom:#e7e5e0;--scene-glow-1:rgba(205,222,255,.55);--scene-glow-2:rgba(255,226,206,.5);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
 background:radial-gradient(42vmax 34vmax at 8% 6%,var(--amb-4),transparent 70%),radial-gradient(40vmax 32vmax at 92% 4%,var(--amb-1),transparent 70%),radial-gradient(44vmax 36vmax at 4% 82%,var(--amb-3),transparent 70%),radial-gradient(40vmax 34vmax at 72% 62%,var(--amb-2),transparent 72%)}
[hidden]{display:none!important}
svg{display:block}
a{color:inherit}
button,select,input{font:inherit;color:inherit}
button,select{cursor:pointer}
button{border:0;border-radius:999px;background:var(--chip);min-height:40px;padding:9px 15px;font-weight:600;font-size:13px;letter-spacing:-.005em;transition:background .18s,color .18s,box-shadow .18s,transform .18s}
button:hover:not(:disabled){background:var(--chip-on);box-shadow:var(--shadow-s)}
button:active:not(:disabled){transform:scale(.98)}
button:disabled{opacity:.4;cursor:not-allowed}
button svg{width:17px;height:17px;flex:none}
:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
select{appearance:none;-webkit-appearance:none;border:0;border-radius:var(--r-xs);background:var(--chip-on) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='%2373737c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center/16px;padding:9px 34px 9px 13px;min-height:42px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-s);color:var(--ink)}
select:hover{box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-s)}
input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--violet);cursor:pointer}
input[type=color]{width:36px;height:30px;padding:3px;border:0;border-radius:10px;background:var(--chip-on);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}input[type=color]::-moz-color-swatch{border:0;border-radius:7px}
/* Deslizadores: pista fina y pulgar blanco, como los controles de Cierzo. */
input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:26px;margin:6px 0 0;background:transparent;cursor:pointer;--fill:50%}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--violet) 0 var(--fill),var(--track) var(--fill))}
input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--track)}
input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--violet)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(20,20,40,.25),inset 0 0 0 1px rgba(20,20,40,.06)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(20,20,40,.25)}
kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin:0 2px;font:600 11px var(--f);color:var(--ink);background:#fff;border-radius:6px;box-shadow:inset 0 -1px 0 var(--line-2),0 0 0 1px var(--line)}
#casa-studio{width:min(1920px,100%);margin:auto;--cs-stage-height:max(70svh,560px);--cs-control-space:132px}

/* ---------- cristal (idéntico al de Jorge360) ---------- */
.glass,.cs-layout-selector,.cs-rooms,.cs-panel,.cs-studio-toggles,.cs-stage .cs-toolbar,.cs-furniture-pad,.cs-minimap,.scene-room-name,.cs-scene-status,dialog{position:relative;isolation:isolate}
.glass,.cs-layout-selector{overflow:hidden;border-radius:var(--r);background:radial-gradient(130% 120% at 0% 0%,var(--g-hi),var(--g-mid) 45%,var(--g-lo) 78%),radial-gradient(120% 120% at 100% 100%,var(--g-hi),var(--g-mid) 40%,var(--g-lo) 75%)}
.glass::before,.cs-layout-selector::before{content:"";position:absolute;z-index:-1;inset:0 -30% -18% -14%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,var(--glow,transparent),transparent);filter:blur(16px)}
.glass::after,.cs-layout-selector::after,.cs-rooms::after,.cs-panel::after,.cs-furniture-pad::after,.cs-minimap::after,dialog::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;
 background:linear-gradient(135deg,var(--edge) 0%,var(--edge-2) 22%,transparent 42%,transparent 58%,var(--edge-2) 78%,var(--edge) 100%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.g-blue{--glow:var(--g-blue)}.g-green{--glow:var(--g-green)}.g-orange{--glow:var(--g-orange)}.g-pink{--glow:var(--g-pink)}.g-teal{--glow:var(--g-teal)}.g-violet{--glow:var(--g-violet)}.g-sun{--glow:var(--g-sun)}
/* Menús flotantes sobre la escena: cristal esmerilado, más opaco para que se lean sobre la casa. */
.cs-rooms,.cs-panel,.cs-studio-toggles,.cs-stage .cs-toolbar,.cs-furniture-pad,.cs-plan-hint,.cs-immersive-layout-slot .cs-layout-selector{background:var(--menu-bg);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);box-shadow:var(--shadow)}

/* ---------- cabecera ---------- */
.cs-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:12px max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.brand-symbol{display:grid;place-items:center;width:24px;height:24px;color:var(--violet)}
.brand-symbol svg{width:24px;height:24px}
.brand small{font-size:inherit;font-weight:700;margin-left:1px;background:linear-gradient(90deg,#6b7cff,#12a6a0 55%,#1f9d55);-webkit-background-clip:text;background-clip:text;color:transparent}
.header-actions{display:flex;align-items:center;gap:10px}
.private-badge{display:flex;align-items:center;gap:7px;margin-right:4px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.private-badge>span{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 18%,transparent)}
.icon-button{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;background:var(--chip);font-size:16px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.icon-button svg{width:18px;height:18px}
.save-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;background:var(--ink);color:var(--bg);font-size:13.5px}
.save-button:hover:not(:disabled){background:#2a2a33;color:#fff}
.save-button svg{width:17px;height:17px}

/* ---------- saludo y distribución ---------- */
main{padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left))}
.studio-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,560px);align-items:end;gap:20px 28px;padding:10px 2px 18px}
.studio-intro h1{margin:0;font-weight:700;letter-spacing:-.04em;line-height:1}
.intro-hello{display:block;font-size:22px;font-weight:300;letter-spacing:-.01em;color:var(--muted);margin-bottom:6px}
.intro-big{display:block;font-size:clamp(36px,4vw,52px);text-wrap:balance}
.intro-sub{margin:10px 0 0;font-size:14px;color:var(--muted)}
.cs-layout-selector{--glow:var(--g-violet);display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 18px}
.layout-kicker{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.layout-kicker>span{font-size:13px;font-weight:500;color:var(--muted)}
.layout-kicker b{font-size:12px;font-weight:600;color:var(--violet-ink);background:color-mix(in srgb,var(--violet) 13%,transparent);padding:3px 10px;border-radius:999px;white-space:nowrap}
.cs-layout-field{display:block;min-width:0}
.cs-layout-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cs-layout-field select{width:100%;font-size:15px;font-weight:600;letter-spacing:-.01em;min-height:46px;border-radius:15px}
#cs-layout-description{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted);min-height:19px}

/* ---------- estudio ---------- */
.cs-workspace{position:relative;display:block;min-width:0}
.cs-viewport{width:100%;min-width:0}
.cs-stage{position:relative;overflow:hidden;width:100%;height:var(--cs-stage-height);min-width:0;min-height:0;border-radius:30px;isolation:isolate;
 background:radial-gradient(60% 55% at 12% 8%,var(--scene-glow-1),transparent 70%),radial-gradient(55% 50% at 92% 96%,var(--scene-glow-2),transparent 70%),linear-gradient(180deg,var(--scene-top),var(--scene-bottom));
 box-shadow:0 24px 60px rgba(20,20,40,.10),0 1px 0 rgba(255,255,255,.9) inset;transition:background .6s}
.cs-stage::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:1;background:linear-gradient(135deg,#fff 0%,rgba(160,160,175,.3) 22%,transparent 42%,transparent 58%,rgba(160,160,175,.3) 78%,#fff 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
#cs-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;background:transparent}
#cs-canvas:active{cursor:grabbing}
.cs-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* Rótulos sobre la escena */
.scene-room-name{position:absolute;left:16px;top:16px;z-index:2;max-width:calc(100% - 170px);padding:10px 15px 11px;border-radius:var(--r-s);background:var(--overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-s);font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.15;pointer-events:none}
.scene-room-name>span{display:block;margin-top:3px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted)}
.cs-scene-status{position:absolute;left:16px;bottom:calc(var(--cs-control-space) + 8px);z-index:2;display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;font-weight:500;color:var(--muted)}
.cs-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 20%,transparent)}
.cs-zoom{position:absolute;right:16px;top:16px;z-index:2;display:flex;gap:6px}
.cs-zoom button{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;background:var(--overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:19px;font-weight:500;line-height:1;box-shadow:var(--shadow-s)}
.cs-zoom button:hover:not(:disabled){background:#fff}
.cs-minimap{position:absolute;right:16px;bottom:calc(var(--cs-control-space) + 8px);z-index:2;width:132px;height:114px;overflow:hidden;border-radius:var(--r-s);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
#cs-map{display:block;width:100%;height:100%;cursor:pointer}
.cs-labels{position:absolute;inset:0;z-index:2;pointer-events:none}
.cs-room-label{position:absolute;transform:translate(-50%,-50%);min-height:30px;padding:5px 12px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:auto;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px rgba(20,20,40,.12)}
.cs-room-label:hover:not(:disabled){background:#fff}
.cs-walk{position:absolute;left:16px;bottom:calc(var(--cs-control-space) + 8px);z-index:3;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 170px)}
.cs-walk button{min-height:44px;padding:8px 15px;font-size:13px;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-s)}
.cs-walk button[aria-label]{width:44px;padding:0;font-size:19px}
.cs-stage:has(.cs-walk:not([hidden])) .cs-scene-status{display:none}
.cs-error{position:absolute;left:16px;right:16px;bottom:24px;z-index:8;padding:16px 18px;border-radius:var(--r-s);background:#fff1f3;color:#9b2b45;font-size:13px;box-shadow:var(--shadow)}
.cs-loading{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cs-loading>span{width:34px;height:34px;border-radius:50%;border:3px solid var(--track);border-top-color:var(--violet);animation:spin 1s linear infinite}
.cs-loading p{margin:0;font-size:14px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Opciones de vista: píldoras conmutables bajo el visor */
.cs-view-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 0 0}
.cs-view-options label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 12px;border-radius:999px;background:var(--chip);font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .18s,color .18s}
.cs-view-options label:hover{color:var(--ink)}
.cs-view-options input{appearance:none;-webkit-appearance:none;width:30px;height:18px;border-radius:99px;background:var(--line-2);position:relative;transition:background .18s;flex:none}
.cs-view-options input::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .18s}
.cs-view-options input:checked{background:var(--violet)}
.cs-view-options input:checked::after{transform:translateX(12px)}
.cs-view-options label:has(input:checked){background:var(--chip-on);color:var(--ink);box-shadow:var(--shadow-s)}
.cs-navigation-hint{margin:8px 2px 0;font-size:12px;color:var(--muted)}

/* ---------- HUD inferior ---------- */
.cs-stage-tools{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:130;display:flex;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 32px);max-width:calc(100% - 32px);pointer-events:none}
.cs-stage-tools>*{pointer-events:auto}
.cs-studio-toggles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:5px;border-radius:999px}
.cs-studio-toggles button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;background:transparent;font-size:13px;color:var(--muted);white-space:nowrap}
.cs-studio-toggles button svg{width:17px;height:17px}
.cs-studio-toggles button:hover:not(:disabled){color:var(--ink);background:rgba(255,255,255,.7);box-shadow:none}
.cs-studio-toggles button[aria-expanded=true]{background:var(--chip-on);color:var(--ink);box-shadow:var(--shadow-s)}
.cs-studio-toggles .hud-layout-button{display:none}
.cs-studio-toggles .hud-save-button{width:38px;padding:0;background:var(--ink);color:var(--bg)}
.cs-studio-toggles .hud-save-button:hover:not(:disabled){background:#2a2a33;color:#fff}
.cs-stage .cs-toolbar{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;margin:0;padding:5px;border-radius:24px;width:max-content;max-width:100%}
.cs-stage .toolbar-label{display:none}
.cs-segment{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--track)}
.cs-segment button{min-height:36px;padding:0 16px;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap}
.cs-segment button:hover:not(:disabled){color:var(--ink);background:transparent;box-shadow:none}
.cs-segment button[aria-pressed=true]{background:var(--chip-on);color:var(--ink);box-shadow:var(--shadow-s)}
.cs-stage .cs-toolbar>select{flex:none;width:176px;min-height:42px;font-size:13px;border-radius:999px;padding-left:15px}
.cs-stage .cs-toolbar>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 14px;background:transparent;font-size:13px;color:var(--muted);white-space:nowrap}
.cs-stage .cs-toolbar>button:hover:not(:disabled){color:var(--ink);background:rgba(255,255,255,.7);box-shadow:none}
.cs-stage .cs-toolbar>button svg{width:16px;height:16px}
.cs-stage .cs-toolbar>button[data-studio-action=immersive]{background:var(--ink);color:var(--bg)}
.cs-stage .cs-toolbar>button[data-studio-action=immersive]:hover:not(:disabled){background:#2a2a33;color:#fff}
.cs-plan-hint{margin:0;padding:6px 13px;border-radius:999px;font-size:12px;color:var(--muted);text-align:center;max-width:100%;pointer-events:none}
.cs-immersive-layout-slot{display:none;max-width:100%;width:660px}

/* ---------- cajones laterales ---------- */
.cs-rooms,.cs-panel{position:absolute;top:16px;z-index:8;margin:0;max-height:calc(var(--cs-stage-height) - var(--cs-control-space) - 30px);overflow:auto;border-radius:var(--r);scrollbar-width:thin;scrollbar-color:rgba(30,30,50,.2) transparent}
.cs-hide-rooms .cs-rooms,.cs-hide-panel .cs-panel{display:none}
.cs-rooms{left:16px;width:232px;padding:12px 10px 12px}
.rail-heading{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin:0 4px 6px 8px}
.rail-heading>span{font-size:15px;font-weight:600;letter-spacing:-.01em}
.cs-rooms nav{display:grid;gap:3px}
.cs-rooms nav button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:5px 10px;border-radius:15px;background:transparent;text-align:left;font-size:13.5px;line-height:1.25;color:var(--ink)}
.cs-rooms nav button:hover:not(:disabled){background:rgba(255,255,255,.7);box-shadow:none}
.cs-rooms nav small{display:block;margin-top:2px;font-size:11.5px;font-weight:500;color:var(--muted)}
.cs-rooms nav button[aria-pressed=true]{background:var(--chip-on);box-shadow:var(--shadow-s)}
.room-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;color:var(--rc,var(--violet));background:color-mix(in srgb,var(--rc,var(--violet)) 13%,transparent)}
.room-icon svg{width:18px;height:18px}
.rail-note{display:none}
.drawer-close{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:var(--chip);font-size:20px;font-weight:400;line-height:1;color:var(--muted)}
.drawer-close:hover:not(:disabled){color:var(--ink)}
.cs-panel{right:16px;width:368px;padding:0;display:flex;flex-direction:column;overflow:hidden}
.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:14px 14px 4px 18px;font-size:15px;font-weight:600;letter-spacing:-.01em}
.cs-panel-tabs{flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:6px 10px 0;padding:3px;border-radius:999px;background:var(--track)}
.cs-panel-tabs button{width:100%;min-width:0;min-height:34px;padding:0 2px;background:transparent;color:var(--muted);font-size:11.5px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-panel-tabs button span{display:none}
.cs-panel-tabs button:hover:not(:disabled){color:var(--ink);background:transparent;box-shadow:none}
.cs-panel-tabs button[aria-selected=true]{background:var(--chip-on);color:var(--ink);box-shadow:var(--shadow-s)}
.cs-panel-body{flex:1;min-height:100px;overflow:auto;padding:16px 18px 18px;scrollbar-width:thin;scrollbar-color:rgba(30,30,50,.2) transparent;scrollbar-gutter:stable}
.cs-panel h3{margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:-.01em}
.cs-panel h3:not(:first-child){margin-top:22px}
.panel-step{display:block;margin-bottom:4px;font-size:12.5px;font-weight:500;color:var(--muted)}
.panel-heading h3{margin:0 0 6px!important;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.panel-heading p{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--muted)}
.cs-small{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.cs-field{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:12.5px;font-weight:500;color:var(--muted)}
.cs-field select{width:100%;min-width:0}
.cs-range{display:block;margin:16px 0;font-size:13px;font-weight:500;color:var(--ink)}
.cs-range output{float:right;font-size:13px;font-weight:600;color:var(--violet-ink);font-variant-numeric:tabular-nums}
.cs-style-grid,.cs-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cs-style-grid button{display:grid;gap:7px;min-height:64px;padding:8px 8px 9px;border-radius:15px;background:var(--chip);text-align:left;font-size:12.5px;color:var(--ink)}
.cs-style-grid button[aria-pressed=true]{background:var(--chip-on);box-shadow:inset 0 0 0 2px var(--violet),var(--shadow-s)}
.cs-palette{display:block;height:24px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.cs-colors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.cs-colors label,.cs-color-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 6px 6px 12px;border-radius:14px;background:var(--chip);font-size:12.5px;font-weight:500}
.cs-checks{display:grid;gap:4px;font-size:13px}
.cs-checks label{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:12px;cursor:pointer}
.cs-checks label:hover{background:var(--chip)}
.cs-light-presets{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--track)}
.cs-light-presets button{flex:1;min-height:34px;padding:0 6px;background:transparent;color:var(--muted);font-size:12.5px}
.cs-light-presets button:hover:not(:disabled){color:var(--ink);background:transparent;box-shadow:none}
.cs-light-presets button[aria-pressed=true]{background:var(--chip-on);color:var(--ink);box-shadow:var(--shadow-s)}
.cs-add-grid button{min-height:48px;border-radius:15px;font-size:12.5px}
.cs-file-actions{flex:none;display:flex;flex-wrap:wrap;gap:4px;padding:10px 12px 11px;border-top:1px solid var(--line)}
.cs-file-actions button{flex:1 1 auto;min-height:34px;padding:0 11px;font-size:12px;color:var(--ink);white-space:nowrap}
.cs-file-actions .cs-small{width:100%;margin:3px 4px 0;font-size:11px;line-height:1.35}
.cs-danger{color:var(--bad)!important}

/* Muebles y tabiques: listas de presencia, selección y acciones */
.furniture-shortcut-note{margin:0 0 14px!important;padding:9px 12px;border-radius:13px;background:color-mix(in srgb,var(--violet) 9%,transparent);font-size:12.5px!important;line-height:1.55!important;color:var(--ink)!important}
.furniture-list-block,.partition-list-block{margin:12px 0 16px;padding:12px 10px 8px;border-radius:var(--r-s);background:rgba(255,255,255,.55)}
.furniture-list-heading,.partition-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 2px}
.cs-panel .furniture-list-heading h3,.cs-panel .partition-list-heading h3{margin:0!important;font-size:14px}
#cs-furniture-count,#cs-partition-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.furniture-list-help,.partition-list-help{margin:0 2px 8px;font-size:12px;color:var(--muted)}
#cs-furniture-list,#cs-partition-list{max-height:210px;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 2px 0;scroll-padding-block:26px;scrollbar-width:thin;scrollbar-color:rgba(30,30,50,.2) transparent;outline-offset:3px;border-radius:12px}
#cs-furniture-list:empty,#cs-partition-list:empty{min-height:33px}
.cs-furniture-room+.cs-furniture-room,.cs-partition-room+.cs-partition-room{margin-top:8px}
.cs-furniture-room h4,.cs-partition-room h4{position:sticky;top:0;z-index:1;margin:0 0 3px;padding:5px 6px;font-size:11.5px;font-weight:600;color:var(--muted);background:rgba(250,249,247,.94);border-radius:8px}
.cs-furniture-row,.cs-partition-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:1px 6px;min-width:0;min-height:42px;margin:2px 0;padding:5px 5px 5px 8px;border-radius:12px;transition:background .15s,box-shadow .15s}
.cs-furniture-row:hover,.cs-partition-row:hover{background:rgba(255,255,255,.85)}
.cs-furniture-visible,.cs-partition-visible{display:flex;align-items:center;gap:9px;min-width:0;padding:1px 0;font-size:13px;line-height:1.35;cursor:pointer}
.cs-furniture-visible>span,.cs-partition-visible>span{min-width:0;overflow-wrap:anywhere}
.cs-furniture-row button[data-furniture-pick],.cs-partition-row button[data-partition-pick]{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:var(--chip);color:var(--muted);font-size:15px;line-height:1}
.cs-furniture-row button svg,.cs-partition-row button svg{width:15px;height:15px}
.cs-furniture-row button[data-furniture-pick]:hover:not(:disabled),.cs-partition-row button[data-partition-pick]:hover:not(:disabled){color:var(--ink)}
.cs-furniture-row>small,.cs-partition-row>small{grid-column:1;grid-row:2;display:block;margin:-1px 0 0;padding-left:26px;font-size:11.5px;line-height:1.35;color:var(--muted)}
.cs-furniture-row:has(input:not(:checked)) .cs-furniture-visible>span,.cs-partition-row:has(input:not(:checked)) .cs-partition-visible>span{color:var(--soft);text-decoration:line-through;text-decoration-color:rgba(30,30,50,.25)}
.cs-furniture-row[data-selected=true],.cs-partition-row[data-selected=true]{background:#fff;box-shadow:inset 0 0 0 2px var(--violet),var(--shadow-s)}
.cs-furniture-row[data-selected=true] button[data-furniture-pick],.cs-partition-row[data-selected=true] button[data-partition-pick]{background:var(--violet);color:#fff}
.furniture-selection-heading,.partition-selected-heading{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;font-weight:600}
.partition-selected-heading{border-top:0;padding-top:2px}
.cs-panel .partition-selected-heading h3{margin:0!important;font-size:14px;line-height:1.4}
.selection-dot{width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 20%,transparent)}
.furniture-clear{margin-left:auto;width:30px;height:30px;min-height:30px;padding:0;font-size:19px;font-weight:400;line-height:1;color:var(--muted)}
#cs-partition-empty{margin:4px 0 14px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.55);font-size:12.5px;line-height:1.5;color:var(--muted)}
.furniture-drag{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:14px 0 10px;min-height:42px;background:color-mix(in srgb,var(--violet) 11%,transparent);color:var(--violet-ink)}
.furniture-drag span{font-size:17px}
.furniture-drag[aria-pressed=true],.furniture-drag[aria-pressed=true]:hover:not(:disabled){background:var(--violet);color:#fff}
.furniture-actions,.partition-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.furniture-actions button,.partition-actions button{min-height:40px;padding:0 10px;font-size:12.5px}
.furniture-actions button:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px}
.furniture-actions .cs-danger,.partition-actions .cs-danger{background:color-mix(in srgb,var(--bad) 9%,transparent)}
.partition-actions #cs-partition-reset{grid-column:1/-1}
.furniture-add-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.furniture-add-section h3{margin-top:0!important}
.cs-panel .furniture-add-grid{grid-template-columns:repeat(4,1fr);gap:6px}
.cs-panel .furniture-add-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:66px;padding:8px 2px;border-radius:16px;font-size:12px}
.furniture-add-grid button>span{font-size:21px;line-height:1.1;color:var(--violet)}
.partition-add-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.partition-add-section .cs-field{margin:0;min-width:0}
#cs-add-partition{display:inline-flex;align-items:center;gap:5px;min-height:42px;padding:0 14px;font-size:12.5px;background:color-mix(in srgb,var(--violet) 11%,transparent);color:var(--violet-ink);white-space:nowrap}
#cs-add-partition>span{font-size:16px;line-height:1}
.furniture-undo{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:16px;background:transparent!important;font-size:13px;color:var(--muted)}
.furniture-undo:hover:not(:disabled){color:var(--ink);box-shadow:none}
.furniture-undo>span{font-size:16px;color:var(--violet)}
.furniture-status,.partition-status{display:block;margin-top:10px;padding:10px 12px;min-height:40px;border-radius:13px;background:color-mix(in srgb,var(--green) 10%,transparent);color:#17703f;font-size:12.5px;line-height:1.45}
.partition-scope-note,.furniture-note{padding-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}

/* Cruceta de movimiento directo */
.cs-furniture-pad{position:absolute;left:0;top:calc(100% - var(--cs-stage-height) + 92px);z-index:2;display:block;width:164px;max-width:164px;padding:10px 8px 9px;border-radius:24px;user-select:none;-webkit-user-select:none;pointer-events:auto}
#cs-furniture-pad[hidden]{display:none!important}
#cs-furniture-pad-name{display:block;max-width:100%;margin:0 0 6px;overflow:hidden;font-size:12.5px;font-weight:600;line-height:1.4;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.cs-furniture-pad-grid{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:3px;justify-content:center;align-items:center}
.cs-furniture-pad-grid button{display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border-radius:15px;background:var(--chip-on);color:var(--ink);box-shadow:var(--shadow-s);touch-action:none;user-select:none;-webkit-user-select:none}
.cs-furniture-pad-grid button svg{width:22px;height:22px;pointer-events:none}
.cs-furniture-pad-grid button:active:not(:disabled),.cs-furniture-pad-grid button[data-active=true]{background:var(--violet);color:#fff;transform:scale(.96)}
.cs-furniture-pad-grid button:focus-visible{position:relative;z-index:1}
.cs-furniture-pad-grid [data-furniture-nudge=up]{grid-column:2;grid-row:1}
.cs-furniture-pad-grid [data-furniture-nudge=left]{grid-column:1;grid-row:2}
.cs-furniture-pad-grid [data-furniture-nudge=right]{grid-column:3;grid-row:2}
.cs-furniture-pad-grid [data-furniture-nudge=down]{grid-column:2;grid-row:3}
.cs-furniture-pad-grid [data-furniture-nudge=left] svg{transform:rotate(-90deg)}
.cs-furniture-pad-grid [data-furniture-nudge=right] svg{transform:rotate(90deg)}
.cs-furniture-pad-grid [data-furniture-nudge=down] svg{transform:rotate(180deg)}
.cs-furniture-pad-grid #cs-furniture-pad-clear{grid-column:2;grid-row:2;border-radius:50%;background:var(--chip);color:var(--muted);box-shadow:none}
.cs-furniture-pad-grid #cs-furniture-pad-clear svg{width:17px;height:17px}
.cs-furniture-pad-hint{margin:7px 2px 0;text-align:center;font-size:10.5px;line-height:1.35;color:var(--muted);text-wrap:balance;pointer-events:none}
.cs-pad-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(min-width:791px){#casa-studio:not(.cs-hide-rooms) .cs-furniture-pad{left:248px}}
/* Escritorio amplio: los cajones llegan hasta abajo y la barra se centra en el hueco libre. */
@media(min-width:1360px){
 #casa-studio{--hud-l:0px;--hud-r:0px}
 #casa-studio:not(.cs-hide-rooms){--hud-l:248px}
 #casa-studio:not(.cs-hide-panel){--hud-r:384px}
 .cs-stage-tools{left:calc(var(--hud-l) + (100% - var(--hud-l) - var(--hud-r)) / 2);max-width:calc(100% - var(--hud-l) - var(--hud-r) - 24px);transition:left .25s ease}
 .cs-rooms,.cs-panel{max-height:calc(var(--cs-stage-height) - 32px)}
 #casa-studio:not(.cs-hide-rooms) .cs-stage .cs-scene-status{left:264px}
 #casa-studio:not(.cs-hide-panel) .cs-stage .cs-minimap{display:none}
 #casa-studio:not(.cs-hide-rooms) .cs-furniture-pad{left:0}
 .cs-immersive .cs-rooms,.cs-immersive .cs-panel{max-height:calc(100dvh - 32px)}
}

/* ---------- aviso, ayuda y pie ---------- */
#cs-toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:160;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:500;box-shadow:0 12px 34px rgba(20,20,40,.25);pointer-events:none}
#cs-toast:empty{display:none}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));padding:20px 2px 34px;border-top:1px solid var(--line)}
.site-footer strong{font-size:16px;font-weight:600;letter-spacing:-.02em}
.site-footer p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.site-footer a{color:var(--violet-ink)}
.footer-links{display:flex;flex-wrap:wrap;gap:8px}
.footer-links a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--chip);font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none}
.footer-links a:hover{background:var(--chip-on);box-shadow:var(--shadow-s)}
.footer-links a span{font-size:11px;font-weight:600;color:var(--muted)}
dialog{width:min(640px,calc(100vw - 24px));max-height:min(88vh,780px);overflow:auto;padding:24px 26px 26px;border:0;border-radius:var(--r);background:var(--bg);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.25)}
dialog::backdrop{background:rgba(10,11,15,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between}
.dialog-heading .eyebrow{font-size:13px;font-weight:500;color:var(--muted)}
.dialog-heading button{display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;font-size:22px;font-weight:400}
dialog h2{margin:8px 0 18px;font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1.05}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.help-grid section{padding:14px 16px;border-radius:var(--r-s);background:rgba(255,255,255,.6)}
.help-grid b{font-size:14px;font-weight:600}
.help-grid p{margin:6px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.help-note{margin:16px 2px;font-size:12.5px;color:var(--muted)}
dialog .save-button{width:100%}

/* ---------- modo inmersivo (también sin la API de pantalla completa) ---------- */
#casa-studio:fullscreen{max-width:none;background:var(--bg);overflow:auto}
#casa-studio.cs-immersive{--cs-stage-height:100dvh;--cs-control-space:180px}
.cs-immersive>.cs-header,.cs-immersive .studio-intro,.cs-immersive>.site-footer,.cs-immersive .cs-view-options,.cs-immersive .cs-navigation-hint{display:none}
#casa-studio.cs-immersive .cs-workspace{position:fixed;inset:0;z-index:100;isolation:isolate}
#casa-studio.cs-immersive .cs-viewport{width:100%;height:100%}
#casa-studio.cs-immersive .cs-stage{position:absolute;inset:0;width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0;box-shadow:none;z-index:auto;isolation:auto}
#casa-studio.cs-immersive .cs-stage::after{display:none}
.cs-immersive .cs-stage-tools{bottom:max(16px,env(safe-area-inset-bottom));max-width:calc(100% - 32px)}
.cs-immersive .cs-rooms,.cs-immersive .cs-panel{position:fixed;top:max(16px,env(safe-area-inset-top));max-height:calc(100dvh - var(--cs-control-space) - 30px);z-index:120}
.cs-immersive .cs-rooms{left:max(16px,env(safe-area-inset-left))}
.cs-immersive .cs-panel{right:max(16px,env(safe-area-inset-right))}
.cs-immersive .cs-studio-toggles .hud-layout-button{display:inline-flex}
.cs-immersive .cs-immersive-layout-slot{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:2;width:min(620px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.cs-immersive.cs-show-layouts .cs-immersive-layout-slot:not(:empty){display:block}
.cs-immersive.cs-show-layouts{--cs-control-space:250px}
.cs-immersive-layout-slot .cs-layout-selector{padding:14px 16px;border-radius:24px}
.cs-immersive-layout-slot .cs-layout-selector::before{display:none}
.cs-immersive #cs-toast{z-index:150}

/* ---------- pantallas grandes ---------- */
@media(min-width:1650px){.cs-panel{width:372px}.cs-stage .cs-toolbar>select{width:200px}}

/* ---------- tabletas ---------- */
@media(max-width:1100px){.studio-intro{grid-template-columns:minmax(0,1fr) minmax(300px,440px)}.cs-stage .cs-toolbar>select{width:156px}.cs-segment button{padding:0 13px}.cs-stage .cs-toolbar>button{padding:0 11px}.private-badge{display:none}}
@media(max-width:860px){.studio-intro{grid-template-columns:1fr;gap:14px;padding-top:6px}.intro-big{font-size:38px}}

/* ---------- móvil ---------- */
@media(max-width:790px){
 #casa-studio{--cs-control-space:112px}
 .cs-header{min-height:58px;padding-top:9px;padding-bottom:9px}
 main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .studio-intro{padding:2px 2px 10px;gap:10px}
 .studio-intro h1{font-size:26px;line-height:1.1;letter-spacing:-.035em}
 .intro-hello,.intro-big{display:inline;font-size:inherit}
 .intro-hello{font-weight:300;margin:0}
 .intro-sub{display:none}
 .cs-layout-selector{padding:8px 8px 9px;gap:5px;border-radius:22px}
 .layout-kicker{display:none}
 .cs-layout-field select{min-height:44px;font-size:16px}
 #cs-layout-description{padding:0 8px;font-size:12px;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .cs-view-options{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:10px;margin:0 -12px;padding-left:12px;padding-right:12px}
 .cs-view-options::-webkit-scrollbar{display:none}
 .cs-view-options label{flex:none}
 .cs-navigation-hint{display:none}
 .cs-stage{border-radius:24px}
 .cs-stage-tools{width:calc(100% - 20px);max-width:none;bottom:10px;gap:6px}
 .cs-stage .cs-toolbar{display:flex;width:100%;gap:4px;padding:4px;border-radius:24px}
 .cs-stage .cs-segment{flex:1;min-width:0}
 .cs-segment button{flex:1;min-width:0;padding:0 6px}
 /* En móvil las estancias se eligen en su cajón; el selector duplicado se retira de la barra. */
 .cs-stage .cs-toolbar>select{display:none}
 .cs-stage .cs-toolbar>button{flex:none;padding:0 11px;font-size:12.5px}
 .cs-stage .cs-toolbar>button[data-studio-action=immersive]{width:42px;padding:0}
 .cs-stage .cs-toolbar>button[data-studio-action=immersive] span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cs-rooms,.cs-panel{top:12px;max-height:calc(var(--cs-stage-height) - var(--cs-control-space) - 24px)}
 .cs-rooms{left:10px}.cs-panel{right:10px;width:340px}
 .scene-room-name{left:12px;top:12px}
 .cs-zoom{right:12px;top:12px}
 .cs-stage .cs-minimap{right:12px;width:104px;height:90px}
 .cs-stage .cs-scene-status,.cs-stage .cs-walk{left:12px}
 .cs-panel .cs-field select,.partition-add-section select{font-size:16px}
 .cs-furniture-pad{top:auto;bottom:calc(100% + 8px);left:0}
 .cs-stage:has(#cs-furniture-pad:not([hidden])) .scene-room-name,.cs-stage:has(#cs-furniture-pad:not([hidden])) .cs-scene-status{display:none}
 #casa-studio:not(.cs-hide-panel) #cs-furniture-pad,#casa-studio:not(.cs-hide-rooms) #cs-furniture-pad{display:none}
 .cs-immersive{--cs-control-space:118px!important}
 .cs-immersive.cs-show-layouts{--cs-control-space:250px!important}
 .site-footer{flex-direction:column;align-items:flex-start;gap:14px;margin-left:12px;margin-right:12px}
}
@media(max-width:560px){
 #casa-studio{--cs-stage-height:max(70svh,520px);--cs-control-space:112px}
 .brand{font-size:17px}
 .brand small{display:none}
 .save-button{width:42px;padding:0;gap:0}
 .save-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .intro-big{font-size:30px}
 .layout-kicker b{display:none}
 .cs-layout-selector #cs-layout-description{font-size:12px}
 .cs-studio-toggles{gap:2px;padding:4px}
 .cs-studio-toggles button{padding:0 12px;font-size:12.5px;min-height:40px}
 .cs-studio-toggles .hud-save-button{width:40px}
 .cs-rooms,.cs-panel{left:10px;right:auto;width:calc(100% - 20px)}
 .cs-rooms nav{grid-template-columns:1fr 1fr;gap:3px}
 .cs-rooms nav button{padding:6px 8px;gap:8px;font-size:12.5px;min-height:44px}
 .cs-rooms nav small{display:none}
 .room-icon{width:30px;height:30px;border-radius:10px}
 .cs-panel-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
 .cs-panel-tabs::-webkit-scrollbar{display:none}
 .cs-panel-tabs button{flex:1 0 auto;width:auto;padding:0 11px;font-size:12px;overflow:visible}
 .cs-panel .cs-panel-body{padding:14px 14px 16px}
 .scene-room-name{font-size:14px;padding:8px 12px 9px;max-width:calc(100% - 160px)}
 .scene-room-name>span{font-size:11px}
 .cs-zoom{gap:4px}.cs-zoom button{width:38px;height:38px;min-height:38px}
 .cs-stage .cs-minimap{width:92px;height:80px}
 .cs-scene-status{font-size:11px;padding:5px 10px}
 .cs-view-options{gap:5px}.cs-view-options label{font-size:12px;padding:0 12px 0 10px}
 .help-grid{grid-template-columns:1fr}
 dialog{padding:20px}dialog h2{font-size:26px}
 .cs-immersive{--cs-control-space:118px!important}
 .cs-immersive .cs-rooms,.cs-immersive .cs-panel{left:10px;right:auto;width:calc(100% - 20px)}
 .cs-immersive .cs-stage-tools{max-width:none;width:calc(100% - 20px)}
 .cs-immersive .cs-studio-toggles{flex-wrap:nowrap}
 .cs-immersive .cs-studio-toggles button{padding:0 10px}
 .cs-immersive .cs-studio-toggles button:not(.hud-save-button) svg{display:none}
 .cs-immersive.cs-show-layouts{--cs-control-space:260px!important}
}
@media(max-width:350px){.cs-stage .cs-toolbar>button{font-size:11.5px;padding:0 8px}.cs-stage .cs-toolbar>button svg{display:none}.cs-studio-toggles button{padding:0 9px;font-size:12px}.intro-big{font-size:27px}}

/* Apaisado bajo: la cruceta no tapa la barra inferior. */
@media(max-height:650px) and (min-width:791px){.cs-furniture-pad{top:calc(100% - var(--cs-stage-height) + 80px)}}
@media(max-height:450px) and (min-width:600px){.cs-furniture-pad{top:calc(100% - var(--cs-stage-height) + 20px);bottom:auto}.cs-stage:has(#cs-furniture-pad:not([hidden])) .scene-room-name,.cs-stage:has(#cs-furniture-pad:not([hidden])) .cs-scene-status{display:none}}
@media(orientation:landscape) and (max-height:450px) and (max-width:767px){
 .cs-furniture-pad{top:calc(100% - var(--cs-stage-height) + 20px);bottom:auto;width:262px;max-width:262px}
 .cs-furniture-pad-grid{grid-template-columns:repeat(5,46px);grid-template-rows:46px}
 .cs-furniture-pad-grid [data-furniture-nudge=left]{grid-column:1;grid-row:1}
 .cs-furniture-pad-grid [data-furniture-nudge=up]{grid-column:2;grid-row:1}
 .cs-furniture-pad-grid #cs-furniture-pad-clear{grid-column:3;grid-row:1}
 .cs-furniture-pad-grid [data-furniture-nudge=down]{grid-column:4;grid-row:1}
 .cs-furniture-pad-grid [data-furniture-nudge=right]{grid-column:5;grid-row:1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}