@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=Manrope:wght@400;500;600;700&family=Oxanium:wght@400;500;600&display=swap');
:root{color-scheme:light;--ink:#202c36;--muted:#53626e;--line:#23374820;--glass:#f5f8facf;--accent:#007fbc;--led:#fff;font-family:'DM Sans',sans-serif;font-synthesis:none;font-size:16px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#dce3e8}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,#viewer:focus-visible{outline:3px solid #0074ac;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button{transition:background .18s,border-color .18s,transform .18s}button:hover{filter:brightness(.96)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:76px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#edf1f4}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:.875rem;letter-spacing:.22em;font-weight:700}.brand img{width:25px;height:32px;object-fit:contain}.topbar-note{font-size:.75rem;letter-spacing:.1em;color:var(--muted)}.topbar-note span{margin:0;color:inherit}
.remote-status{display:flex;align-items:center;gap:7px;font-size:.8125rem;margin:17px 0 12px}.remote-status output{margin-left:auto;color:var(--muted)}#color-preview{width:10px;height:10px;border-radius:50%;background:var(--led);border:1px solid #0002;box-shadow:0 0 9px var(--led)}
.remote{padding:15px 12px 9px;background:#e9e9e1;border:2px solid #4f585c;border-radius:18px;box-shadow:inset 0 0 0 3px #fff,0 4px 9px #34414818}.remote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 7px;padding:9px 6px;background:#7c8589;border-radius:12px}.remote-grid button{width:100%;aspect-ratio:1;border-radius:50%;background:#ebeee7;border:1px solid #ffffff70;box-shadow:inset 0 2px 2px #ffffff55,0 2px 2px #0003;font-size:.8125rem;font-weight:650;display:flex;align-items:center;justify-content:center;position:relative;padding:0;min-width:0}.remote-grid button:hover{transform:translateY(-1px);filter:brightness(1.08)}.remote-grid button:active{transform:translateY(1px)}.remote-grid .swatch{background:var(--swatch);color:#0e263c;font-size:1.12rem;text-shadow:0 1px 1px #fff5}.remote-grid button[aria-pressed=true]{outline:2px solid #152e3e;outline-offset:2px}.remote-grid .swatch[aria-pressed=true]:after{content:'✓';position:absolute;right:2px;bottom:-2px;font-size:.75rem;background:#fff;color:#14334a;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;text-shadow:none}.remote-grid .power-off{background:#242b2f;color:#fff}.remote-grid .power-on{background:#e63731;color:#fff}.remote-grid .effect-key{background:#d1d7d6;font-size:.65rem;letter-spacing:-.025em}.remote-grid .brightness-key{font-size:1.18rem}.remote-footer{display:flex;justify-content:space-between;align-items:center;padding:11px 4px 1px;font-size:.75rem;font-weight:600;letter-spacing:.07em;color:#627179}.mode-description{font-size:.8125rem;line-height:1.5;min-height:2.8em;color:var(--muted);margin:12px 0 8px}.stop-effect{width:100%;padding:10px 4px;border-radius:6px;background:#d8e6ef;color:#16415d;font-size:.8125rem;margin-bottom:10px}.remote-adjustments{display:flex;align-items:center;gap:8px;font-size:.8125rem}.remote-adjustments>input{width:100%;min-width:30px;accent-color:#197fad}.custom-color{display:block;width:26px;height:26px;flex:none}.custom-color input{width:26px;height:26px;padding:0;background:transparent;border:0;cursor:pointer}.simulation-note{font-size:.75rem;line-height:1.4;color:#63717b;margin:12px 0 0}
.loading,.viewer-error{position:absolute;inset:0;z-index:5;background:#dce3e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px}.loading strong{font-weight:500}.loading>span:last-child{font-size:.875rem;color:var(--muted)}.loading.done{opacity:0;pointer-events:none;transition:opacity .4s}.spinner{width:26px;height:26px;border:2px solid #3b597324;border-top-color:#4d839e;border-radius:50%;animation:spin 1s linear infinite}.viewer-error p{max-width:360px;line-height:1.6}.viewer-error button{background:#244d67;color:white;padding:12px 18px;border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}

.stage{position:relative;isolation:isolate;min-height:710px;height:calc(100svh - 76px);max-height:1100px;overflow:hidden;background:#dce3e8}
.scene-shell{position:absolute;inset:0}#viewer{position:absolute;inset:0;touch-action:none;outline-offset:-6px!important}#viewer canvas{display:block;width:100%;height:100%;cursor:grab}#viewer canvas:active{cursor:grabbing}
.hero-copy{position:absolute;left:4%;top:50%;transform:translateY(-50%);max-width:285px;z-index:1;pointer-events:none}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:600;color:var(--muted);margin:0 0 18px}h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(2rem,3vw,3.25rem);line-height:1.12;letter-spacing:-.055em;margin:0}.hero-description{font-size:1rem;line-height:1.6;color:var(--muted);margin:22px 0 18px}.product-specs{margin:0;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:10px;text-align:left}.product-specs dt{font-size:.8125rem;color:var(--muted);margin-bottom:3px}.product-specs dd{font-size:1rem;font-weight:500;margin:0}.height-spec dd{font-family:Manrope,sans-serif;font-size:2rem;font-weight:600;letter-spacing:-.03em}
.finish-control{position:relative;display:flex;flex-direction:column;gap:9px;align-items:flex-start;margin-top:22px;pointer-events:auto}.height-spec dd{font-variant-numeric:tabular-nums}#height-value{display:inline-block;min-width:3.45ch}.feature-rail .finish-control{align-items:center;margin-top:12px;gap:0}.feature-rail .finish-options{width:100%;justify-content:center}.feature-rail .finish-options button{flex:1;justify-content:center}.detail-open .feature-rail .finish-control{display:none}.control-label{font-size:.875rem;color:var(--muted)}.finish-options{display:flex;gap:3px;padding:4px;border:1px solid var(--line);background:var(--glass);border-radius:30px;backdrop-filter:blur(12px)}.finish-options button{display:flex;align-items:center;gap:8px;background:transparent;padding:10px 14px;border-radius:24px;font-size:.875rem;border:1px solid transparent}.finish-options button[aria-pressed=true]{background:#fff;border-color:#b5c5d1;box-shadow:0 2px 7px #21374710}.finish-sample{width:17px;height:17px;border-radius:50%;border:1px solid #8c969f}.finish-white{background:#f7f8f9}.finish-black{background:#13171a}
.feature-rail{position:absolute;right:4%;top:50%;transform:translateY(-43%);width:226px;z-index:2}.rail-label{font-size:.75rem;letter-spacing:.09em;color:#4e606d;margin:0 0 14px}.feature-buttons{display:grid;gap:9px}.feature-buttons button{display:flex;align-items:center;gap:13px;min-height:64px;padding:12px 15px;background:#f6f9fbd9;border:1px solid #ffffffa6;border-radius:12px;text-align:left;backdrop-filter:blur(8px);box-shadow:0 3px 14px #1e344809}.feature-buttons strong{display:block;font-size:.9375rem;font-weight:500}.feature-buttons small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.feature-symbol{font-size:.75rem;color:#57778d;font-variant-numeric:tabular-nums}.feature-buttons button:hover{border-color:#6089a0;transform:translateX(-3px)}.feature-buttons button[aria-pressed=true]{background:#244458;color:white;border-color:#244458}.feature-buttons button[aria-pressed=true] small,.feature-buttons button[aria-pressed=true] .feature-symbol{color:#cbdfec}
.feature-lines{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1;fill:none;stroke:#3d627b;stroke-width:1.25;stroke-dasharray:1 6;stroke-linecap:round;opacity:.62}.feature-lines path.active{stroke:#006f9f;stroke-width:1.6}
.camera-tools{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:15px;padding:4px;border:1px solid #ffffff70;border-radius:10px;background:#edf3f78a;backdrop-filter:blur(8px)}.camera-tools button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:33px;height:35px;background:transparent;border-radius:7px;font-size:1.25rem}.camera-tools button:hover,.camera-tools button[aria-pressed=true]{background:#bfd0da80}.camera-tools button:first-child{font-size:.8125rem;padding:0 7px}.camera-tools svg{width:16px;height:16px}.gesture-hint{position:absolute;bottom:21px;left:4%;color:var(--muted);font-size:.8125rem;margin:0;pointer-events:none}
.detail-card{position:absolute;left:4%;right:auto;top:50%;transform:translateY(-50%);width:295px;max-height:calc(100% - 38px);overflow:auto;overscroll-behavior:contain;z-index:3;padding:23px;background:#f6f9fbf0;border:1px solid #fff;border-radius:16px;box-shadow:0 12px 36px #283d4b12;backdrop-filter:blur(16px)}.detail-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.detail-card-top .eyebrow{margin:0}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:1.5rem;background:#253f5010;line-height:1}.detail-card h2{font-family:Manrope,sans-serif;font-size:1.45rem;font-weight:600;letter-spacing:-.04em;line-height:1.25;margin:0 0 16px}.detail-description{font-size:.9375rem;color:var(--muted);line-height:1.65;margin:0 0 16px}.detail-description p{margin:0}.detail-description p+p{margin-top:14px}.back-button{width:100%;padding:12px 10px;border:1px solid #869eaf60;background:transparent;border-radius:8px;font-size:.875rem;margin-top:16px}.text-button{font-size:.875rem;background:none;color:#006d9f;padding:8px 0;text-align:left}.detail-open .hero-copy{display:none}
.remote-open{padding:18px}.remote-open .detail-card-top{margin-bottom:6px}.remote-open h2{font-size:1.3rem;margin-bottom:8px}.remote-open .detail-description{font-size:.875rem;line-height:1.45;margin-bottom:8px}.remote-open .remote-status{margin:8px 0 10px}.remote-open .remote{max-width:220px;margin:auto;padding:11px 9px 7px}.remote-open .remote-grid{gap:6px;padding:8px 5px}.remote-open .remote-grid .effect-key{font-size:.75rem}.remote-open .remote-grid button{aspect-ratio:1.06}.remote-open .remote-footer{padding-top:8px}.remote-open .mode-description{min-height:0;margin:8px 0;font-size:.8125rem}.remote-open .back-button{margin-top:9px;padding:10px}.extra-adjustments{margin-top:8px;font-size:.8125rem;color:var(--muted)}.extra-adjustments summary{cursor:pointer}.extra-adjustments .remote-adjustments{padding:9px 0}.remote-open .simulation-note{margin-top:9px}.remote-open .stop-effect{margin:0 0 5px;padding:6px;font-size:.8125rem}
.stage:fullscreen{width:100vw;height:100svh;max-height:none;min-height:0}
@media(min-width:1550px){.hero-copy{left:5%;max-width:320px}.detail-card{left:5%;width:310px}.feature-rail{right:5%;width:240px}.hero-description{font-size:1.0625rem}}
@media(min-width:701px) and (max-width:1100px){.hero-copy{max-width:245px;left:3%}h1{font-size:2.15rem}.hero-description{font-size:.9375rem}.feature-rail{right:3%;width:194px}.feature-buttons button{padding:11px;gap:9px}.feature-buttons strong{font-size:.875rem}.control-label{display:block}.detail-card{left:3%;width:255px;padding:18px}.detail-card h2{font-size:1.3rem}.camera-tools button{min-width:30px}.camera-tools button:first-child span{display:none}}
.mobile-intro,.mobile-title,.mobile-height{display:none}.rail-controls,.detail-body{display:contents}
/* The desktop detail windows share the mobile frosted-glass surface. */
.detail-card{background:rgba(237,246,252,.27);border-color:rgba(255,255,255,.66);box-shadow:inset 0 1px 0 #ffffff75,0 8px 24px #23435816;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
.detail-card .detail-description{color:#2f4859}
.detail-card .icon-button{background:rgba(255,255,255,.16)}
.detail-card .back-button{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.58)}
@media(max-width:700px),(max-width:1000px) and (max-height:600px) and (pointer:coarse){
  .topbar{height:56px;padding:0 16px}.brand{font-size:.75rem;letter-spacing:.08em;gap:8px}.brand img{width:21px;height:27px}.topbar-note{font-size:.75rem;letter-spacing:0}.topbar-note .desktop-label{display:none}
  .stage{height:calc(100svh - 56px);height:calc(100dvh - 56px);min-height:0;max-height:none;display:block;overflow:hidden;padding:0}
  .scene-shell{position:absolute;inset:0;width:100%;height:100%}#viewer{position:absolute;inset:0;width:100%;height:100%}
  .hero-copy{position:absolute;top:16px;left:18px;right:18px;bottom:auto;transform:none;max-width:none;max-height:calc(42% - 16px);overflow:auto;scrollbar-width:thin;pointer-events:auto;margin:0}
  .hero-copy .eyebrow{display:none}h1{font-size:clamp(1.6rem,7vw,2rem);line-height:1.1;letter-spacing:-.045em}
  .desktop-intro,.desktop-title{display:none}.mobile-intro,.mobile-title{display:inline}.hero-description{font-size:1rem;line-height:1.35;margin:9px 0 10px;max-width:330px}
  .product-specs{grid-template-columns:1fr 1fr;gap:12px;padding-top:9px;max-width:335px}.product-specs dt{font-size:.75rem;line-height:1.35;margin-bottom:3px}.product-specs dd{font-size:1rem;white-space:nowrap}.height-spec dd{font-size:1.2rem;line-height:1.2}
  .hero-copy h1{font-family:'Oxanium',Manrope,sans-serif;font-weight:600;font-size:clamp(1.7rem,7.7vw,2.15rem);line-height:1.1;letter-spacing:-.025em;color:#193b50}
  .hero-description{font-family:Manrope,sans-serif;font-size:.875rem;line-height:1.45;font-weight:500;color:#526b7b}
  .product-specs{grid-template-columns:1fr;border-top:0;border-bottom:1px solid var(--line);padding-top:0;padding-bottom:10px}.product-specs .height-spec,.product-specs dt{display:none}.product-specs dt{font-family:'Oxanium',Manrope,sans-serif;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;color:#547183}.product-specs dd{font-family:'Oxanium',Manrope,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.01em;color:#193b50}
  .mobile-height{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;visibility:hidden}.detail-open .mobile-height{display:none}
  .mobile-height-label{position:absolute;left:18px;margin:0;max-width:170px}.mobile-height-label dt{font-family:'Oxanium',Manrope,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.045em;line-height:1.3;color:#547183;margin-bottom:4px}.mobile-height-label dd{margin:0;font-family:'Oxanium',Manrope,sans-serif;font-size:1.85rem;line-height:1.1;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#193b50}.mobile-height-label .height-unit{font-size:.875rem;font-weight:500;letter-spacing:0}
  .mobile-height svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;stroke:#44738d;stroke-width:1.6;fill:none}.height-guide{opacity:.2}.height-progress{opacity:.9}.height-top-guide{opacity:.4;stroke-width:1;stroke-dasharray:2 4}
  .feature-rail{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));top:auto;transform:none;width:auto;max-height:40%;overflow:auto;scrollbar-width:thin}
  .rail-label{display:block;font-size:.75rem;margin:0 0 8px;letter-spacing:.07em}.rail-label:after{content:' · Arraste para girar';letter-spacing:0}
  .feature-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.feature-buttons button{grid-column:span 2;min-height:44px;padding:8px 6px;gap:0;border-radius:10px;justify-content:center;text-align:center;box-shadow:0 2px 10px #1e344807}.feature-buttons button:nth-last-child(-n+2){grid-column:span 3}
  .feature-buttons button:hover{transform:none}.feature-buttons strong{font-size:.875rem;font-weight:500;line-height:1.15}.feature-buttons small,.feature-symbol{display:none}
  .rail-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.feature-rail .finish-control{flex:1;min-width:0;margin:0;gap:0}.feature-rail .finish-options{width:100%;padding:3px;gap:2px;flex-direction:row}.feature-rail .finish-options button{min-height:40px;padding:6px 7px;font-size:.875rem;gap:6px}.finish-sample{width:13px;height:13px;flex:none}
  .camera-tools{flex:none;display:flex;margin:0;padding:3px;gap:2px}.camera-tools button{min-width:32px;width:32px;height:40px}.camera-tools button:first-child{padding:0}.camera-tools button:first-child span{display:none}.gesture-hint{display:none}
  .detail-open .hero-copy{display:none}.detail-open .feature-rail{top:12px;bottom:auto;max-height:none;overflow:visible}.detail-open .rail-label,.detail-open .rail-controls{display:none}
  .detail-open .feature-buttons{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:#8294a280 transparent}
  .detail-open .feature-buttons button{flex:0 0 auto;min-height:44px;padding:10px 13px;white-space:nowrap;scroll-snap-align:center}
  .detail-open .rail-controls{display:flex;position:absolute;right:0;top:58px;margin:0}.detail-open .camera-tools{flex-direction:column;gap:2px;padding:3px}.detail-open .camera-tools button{display:none}.detail-open .camera-tools #zoom-in,.detail-open .camera-tools #zoom-out{display:flex;min-width:36px;width:36px;height:36px}
  .detail-card{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));top:auto;transform:none;width:auto;margin:0;display:flex;flex-direction:column;min-height:0;max-height:min(46%,350px);padding:16px;overflow:hidden;border-radius:18px;background:#f7fafbf5;backdrop-filter:blur(14px);box-shadow:0 8px 30px #1b34431c}
  .detail-card-top{position:absolute;right:8px;top:8px;margin:0}.detail-card-top .eyebrow{display:none}.detail-card .icon-button{width:44px;height:44px;background:transparent}
  .detail-card h2{flex:none;font-size:1.2rem;line-height:1.25;letter-spacing:-.03em;padding-right:36px;margin:0 0 10px}
  .detail-body{display:block;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8294a280 transparent;padding-right:2px}
  .detail-description{font-size:1rem;line-height:1.45;margin:0}.detail-description p+p{margin-top:10px}.detail-card .text-button{margin-top:6px;padding:6px 0;font-size:.875rem}
  .detail-card .back-button{flex:none;min-height:44px;padding:10px;margin:12px 0 0;font-size:.875rem}
  .detail-card.remote-open{max-height:none;padding:12px}.remote-open h2{font-size:1.0625rem;line-height:1.25;margin:0 0 6px;padding-right:32px}.remote-open .icon-button{width:36px;height:36px}.remote-open .detail-description{display:none}.remote-open .detail-body{overflow:visible;flex:none;padding:0}
  .remote-open .remote-status{font-size:.75rem;line-height:18px;margin:0 0 6px}.remote-section{width:160px;max-width:100%;margin:0 auto}
  .remote-open .remote{max-width:none;padding:8px 7px 6px;border:2px solid #4f585c;border-radius:14px;box-shadow:inset 0 0 0 3px #fff,0 4px 9px #34414818}.remote-open .remote-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 3px;padding:6px 4px;background:#7c8589;border-radius:9px}
  .remote-open .remote-grid button{height:auto;min-height:0;aspect-ratio:1.06;border-radius:50%;font-size:.625rem}.remote-open .remote-grid .swatch{font-size:.8125rem}.remote-open .remote-grid .effect-key{font-size:.5rem;letter-spacing:-.025em}.remote-open .remote-grid .brightness-key{font-size:.875rem}.remote-open .remote-grid .swatch[aria-pressed=true]:after{width:12px;height:12px;font-size:.5625rem;right:0;bottom:-1px}.remote-open .remote-grid button[aria-pressed=true]{outline-width:1.5px;outline-offset:1px}.remote-open .remote-footer{display:flex;padding:6px 2px 0;font-size:.5rem;line-height:1.2;letter-spacing:.07em}
  .remote-open .back-button{min-height:36px;margin-top:8px;padding:7px;font-size:.8125rem}
  .feature-buttons button{background:rgba(242,248,252,.38);border-color:rgba(255,255,255,.62);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff70,0 3px 12px #173b5010}
  .feature-buttons button[aria-pressed=true]{background:rgba(27,65,89,.76);border-color:rgba(216,239,252,.4)}
  .detail-card{background:rgba(237,245,251,.48);border-color:rgba(255,255,255,.66);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff80,0 8px 28px #183f521c}.detail-description{color:#344f61}
  .camera-tools,.finish-options{background:rgba(242,248,252,.36);border-color:rgba(255,255,255,.64);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}.finish-options button[aria-pressed=true]{background:rgba(255,255,255,.64)}.detail-card .back-button{background:rgba(245,250,253,.24);border-color:rgba(66,101,125,.3)}
  .detail-card.remote-open{left:auto;right:12px;width:160px;padding:32px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
  .remote-open h2,.remote-open .remote-status{display:none}.remote-open .detail-card-top{top:0;right:0}.remote-open .icon-button{width:28px;height:28px;font-size:1.25rem;background:rgba(241,248,252,.5);border:1px solid #ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .remote-open .back-button{min-height:32px;margin-top:6px;padding:6px 2px;font-size:.75rem;background:rgba(241,248,252,.5);border-color:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .detail-card:not(.remote-open){left:14px;right:auto;top:var(--detail-top,76px);bottom:auto;width:clamp(230px,68vw,290px);max-width:calc(100% - 76px);max-height:min(44%,260px);padding:13px;border-radius:17px;background:rgba(237,246,252,.27);border:1px solid rgba(255,255,255,.66);box-shadow:inset 0 1px 0 #ffffff75,0 8px 24px #23435816;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
  .detail-card:not(.remote-open) .detail-card-top{top:6px;right:6px}.detail-card:not(.remote-open) .icon-button{width:28px;height:28px;font-size:1.25rem;background:rgba(255,255,255,.16)}
  .detail-card:not(.remote-open) h2{font-size:1rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px;padding-right:22px}.detail-card:not(.remote-open) .detail-description{font-size:.875rem;line-height:1.45;color:#2f4859}
  .detail-card:not(.remote-open) .text-button{min-height:28px;margin-top:5px;padding:4px 0;font-size:.75rem}.detail-card:not(.remote-open) .back-button{align-self:flex-start;width:auto;min-height:30px;margin-top:10px;padding:6px 10px;font-size:.75rem;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.58)}
  .loading,.viewer-error{min-height:0;padding:24px}.stage:fullscreen{height:100dvh;overflow:hidden}
}
@media(max-width:360px){
  .hero-copy{left:14px;right:14px;top:12px}.brand{font-size:.7rem}.hero-copy .eyebrow{margin-bottom:6px}.hero-description{margin:7px 0 8px}.product-specs{gap:8px;padding-top:0}
  .feature-rail{left:10px;right:10px;bottom:10px}.rail-controls{gap:6px}.camera-tools{gap:1px;padding:2px}.camera-tools button{min-width:28px;width:28px}.feature-rail .finish-options button{padding:6px 5px;gap:4px;font-size:.8125rem}.detail-card{left:10px;right:10px;padding:14px}.detail-card.remote-open{width:148px;padding:32px 0 0}
}
@media(max-width:700px) and (max-height:650px) and (orientation:portrait){
  .hero-copy .eyebrow{display:none}h1{font-size:1.6rem}.hero-copy{top:12px}.hero-description{margin:7px 0 8px}.product-specs{padding-top:0}.rail-label{margin-bottom:6px}
  .detail-card.remote-open{width:148px}.remote-section{width:148px}.remote-open .remote-grid{gap:3px}
}
@media(max-width:700px) and (max-height:500px) and (orientation:landscape),(max-width:1000px) and (max-height:500px) and (pointer:coarse) and (orientation:landscape){
  .topbar{height:44px}.stage{height:calc(100dvh - 44px)}
  .hero-copy{left:14px;top:16px;right:auto;width:185px;max-height:calc(100% - 28px)}.hero-copy .eyebrow{display:none}h1{font-size:1.5rem}.hero-description{font-size:.9375rem;line-height:1.35}.product-specs{grid-template-columns:1fr;gap:7px}.product-specs dt{font-size:.75rem}.height-spec dd{font-size:1.1rem}
  .feature-rail{top:12px;bottom:12px;left:auto;right:12px;width:142px;max-height:none;display:flex;flex-direction:column;justify-content:center}.rail-label{display:none}.feature-buttons{display:flex;flex-direction:column;gap:4px}.feature-buttons button{min-height:36px;padding:7px 5px}.feature-buttons strong{font-size:.8125rem}.rail-controls{flex-direction:column;gap:5px;margin-top:6px}.feature-rail .finish-control{width:100%;flex:none}.feature-rail .finish-options button{min-height:32px}.camera-tools{width:100%;gap:0;padding:2px}.camera-tools button{min-width:0;width:auto;flex:1;height:32px}
  .detail-open .feature-rail{left:12px;right:12px;top:8px;bottom:auto;width:auto;display:block}.detail-open .feature-buttons{flex-direction:row}.detail-open .feature-buttons button{min-height:38px}
  .detail-card,.detail-card.remote-open{top:62px;bottom:10px;left:auto;right:12px;width:min(42%,320px);max-height:none;padding:13px}.detail-card h2{font-size:1.05rem}.detail-description{font-size:.9375rem}.detail-card .back-button{margin-top:8px}
}
@media(max-width:700px) and (max-height:500px) and (orientation:landscape),(max-width:1000px) and (max-height:500px) and (pointer:coarse) and (orientation:landscape){
  .detail-card:not(.remote-open){left:auto;right:12px;top:var(--detail-top,60px);bottom:auto;width:min(38%,270px);max-width:none;max-height:calc(100% - var(--detail-top,60px) - 12px);padding:12px}
  .detail-open .rail-controls{right:calc(min(42vw,320px) + 12px);top:50px}.detail-open .camera-tools{width:auto}
  .detail-card.remote-open{width:140px;padding:30px 0 0;top:auto;height:auto}.remote-open h2{font-size:.9375rem}.remote-section{width:140px}.remote-open .remote-grid{gap:3px}.remote-open .remote-grid button{height:auto;min-height:0}.remote-open .remote-status{margin-bottom:4px}.remote-open .back-button{min-height:32px;margin-top:6px;padding:5px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Local logo experiment; the approved site is a separate snapshot. */
.feature-buttons button{background:rgba(237,247,252,.33);border-color:rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff80,0 5px 18px #22465810}
.feature-buttons button[aria-pressed=true]{background:rgba(27,65,89,.77)}
.feature-rail .camera-tools,.feature-rail .finish-options{background:rgba(237,247,252,.33);border-color:rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff80,0 5px 18px #22465810}
.logo-tools>.logo-tools-heading{align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:5px}
.logo-tools #logo-minimize{flex:none;width:28px;height:28px;min-height:28px;padding:0;font-size:1.2rem;line-height:1}
.feature-buttons #logo-launch{background:rgba(215,244,255,.4);animation:logo-invite 2.4s ease-in-out infinite}
@keyframes logo-invite{0%,100%{box-shadow:inset 0 1px 0 #ffffffb0,0 0 0 1px #39a3c02b,0 4px 15px #4db6d21a;border-color:#ffffffb0}50%{box-shadow:inset 0 1px 0 #ffffffdd,0 0 0 2px #2496b76b,0 0 19px #50bddb70;border-color:#74c9e0}}
.feature-buttons #logo-launch[aria-expanded=true]{animation:none;box-shadow:inset 0 0 0 1px #438fa5;border-color:#438fa5}
@media(prefers-reduced-motion:reduce){.feature-buttons #logo-launch{animation:none}}
.logo-tools{max-height:calc(100% - 136px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.logo-position{min-width:0;margin:3px 0 10px;padding:8px 0 0;border:0;border-top:1px solid #ffffff70}
.logo-position legend{padding:0 5px 0 0;font-size:.8125rem}
.logo-position output{font-size:.75rem;white-space:nowrap}
.logo-tools .logo-position button{width:100%;min-height:32px}
.logo-background{min-width:0;margin:0 0 10px;padding:0;border:0}
.logo-background legend{padding:0;margin-bottom:6px;font-size:.8125rem}
.logo-background>div{display:flex;gap:5px;flex-wrap:wrap}
.logo-tools>.logo-cutout-control{display:block;margin-bottom:6px}
.logo-tools>.logo-cutout-control[hidden]{display:none}
.logo-tools .logo-background button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:34px;padding:6px 5px;font-size:.75rem}
.logo-tools .logo-background button[aria-pressed=true]{background:#e4f3faab;border-color:#4d7c96;box-shadow:inset 0 0 0 1px #4d7c9660;color:#163e55}
.logo-background-sample{width:12px;height:12px;flex:none;border:1px solid #81909a;border-radius:50%;background:#fff}
[data-logo-background=black] .logo-background-sample{background:#080a0c}
#logo-launch{font-size:.9375rem;font-weight:600;color:#145775;border-color:#77b1c180;background:#e2f3f980}
.logo-tools{position:absolute;left:4%;bottom:52px;z-index:4;width:220px;padding:14px;background:#edf7f975;border:1px solid #ffffffa0;border-radius:16px;backdrop-filter:blur(18px);box-shadow:0 8px 24px #123a5118}.logo-tools strong{font-size:.875rem}.logo-tools>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:#526572;margin:5px 0 10px}.logo-tools label{display:flex;justify-content:space-between;font-size:.8125rem}.logo-tools input{width:100%;accent-color:#197fad;min-height:32px}.logo-tools>div{display:flex;gap:6px;flex-wrap:wrap}.logo-tools button{background:#ffffff65;border:1px solid #ffffffb0;border-radius:7px;padding:7px 8px;font-size:.75rem}.logo-status{position:absolute;bottom:12px;left:4%;right:4%;z-index:4;font-size:.75rem;color:#344f61;margin:0;pointer-events:none;max-width:440px}.gesture-hint{bottom:36px}
@media(max-width:700px),(max-width:1000px) and (max-height:600px) and (pointer:coarse){
  .stage:not(.detail-open) .feature-rail{bottom:42px}
  .feature-buttons button:nth-last-child(-n+2){grid-column:span 2}#logo-launch{font-size:.8125rem}
  .logo-tools{left:12px;bottom:42px;width:min(190px,calc(100% - 194px));padding:10px}.logo-tools>div{gap:5px}.logo-tools button{padding:6px;font-size:.6875rem}.logo-tools strong{font-size:.8125rem}.logo-status{left:12px;right:12px;bottom:8px;font-size:.6875rem;max-width:none;background:#edf7f950;border-radius:7px;padding:3px 6px}.stage:has(.logo-tools:not([hidden])) .detail-card.remote-open{bottom:42px}
}