:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#111;background:#f2f2f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;height:100vh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}aside{width:336px;flex-shrink:0;background:#fff;padding:30px 28px;z-index:3;overflow:auto;border-right:1px solid #d8d8d4}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:2px}.brand small{color:#888;font-size:10px;margin-left:auto}.brand-icon{font-size:30px;line-height:1}.intro{margin-top:42px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#666;font-weight:600}h1{font-weight:500;letter-spacing:-1.5px;font-size:36px;line-height:1.12;margin:18px 0}.description{font-size:13px;line-height:1.7;color:#666}.stats{display:flex;gap:26px;margin:28px 0 32px;padding-bottom:26px;border-bottom:1px solid #d8d8d4}.stats strong{font-size:30px;font-weight:500;letter-spacing:-1px}.stats strong span{font-size:15px;color:#666;letter-spacing:0}.stats small{display:block;margin-top:5px;font-size:10px;color:#777}.section-title{font-size:9px;letter-spacing:1.3px;margin-bottom:15px;font-weight:650}.section-title span{float:right;font-weight:400;color:#777;letter-spacing:0}.room{width:100%;display:flex;align-items:center;padding:13px 8px;gap:10px;border-bottom:1px solid #e8e8e4;text-align:left;border-radius:0;font-size:12px}.room:hover,.room.active{background:#efefef}.room i{width:7px;height:7px;border-radius:50%;background:var(--color)}.room b{margin-left:auto;font-weight:500;white-space:nowrap}.room b span{font-size:10px;color:#777}.selected{font-size:11px;color:#555;line-height:1.6;min-height:58px;padding-top:15px}.downloads{display:flex;flex-wrap:wrap;gap:14px}.downloads a{font-size:11px;color:#444;text-decoration:none}.downloads .primary{background:#111;color:#fff;padding:15px 17px;width:100%;border-radius:0;font-size:12px;display:flex;justify-content:space-between}.primary span{font-size:10px;opacity:.6}.note{font-size:10px;line-height:1.65;color:#777;margin-top:23px}#reference{font-size:11px;padding:0;text-decoration:underline;text-underline-offset:3px;color:#444}main{position:relative;flex:1;min-width:0}.topbar{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:11px}.topbar span{display:flex;align-items:center;gap:9px;color:#555}.topbar i{width:6px;height:6px;background:#111;border-radius:50%}.topbar b{font-weight:400;color:#aaa;margin:0 5px}.topbar button{font-size:11px;background:#fff;border:1px solid #ccc;border-radius:0;padding:10px 14px}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;color:#111;text-shadow:none;background:#fffc;border:1px solid #ddd;box-shadow:none;border-radius:0;padding:6px 9px}.label b{font-size:15px;font-weight:550}.label span{font-size:9px;display:block;margin-top:3px;color:#666}.dimension{position:absolute;transform:translate(-50%,-50%);color:#333;font-size:10px;white-space:nowrap;background:#fffc;padding:3px 5px;border-radius:0}.tools{position:absolute;bottom:69px;left:50%;transform:translateX(-50%);display:flex;align-items:center;white-space:nowrap;background:#fff;padding:6px;box-shadow:none;border:1px solid #ccc;border-radius:0;gap:4px;z-index:2}.tools button{font-size:11px;padding:11px 13px;border-radius:0}.tools button.active{background:#111;color:#fff}.segmented{display:flex}.segmented button.active{background:#111;color:white}.separator{height:23px;width:1px;background:#ddd;margin:0 4px}.hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:22px;font-size:10px;color:#666;white-space:nowrap}.scale{position:absolute;bottom:125px;right:28px;color:#888;font-size:9px;writing-mode:vertical-rl}#loading{position:absolute;top:45%;left:35%;color:#666}dialog{border:0;border-radius:12px;max-height:92vh;max-width:95vw;padding:16px;background:#fff;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0009}dialog img{display:block;max-height:80vh;max-width:86vw}dialog button{display:block;margin-left:auto;margin-bottom:10px;font-size:12px}@media(min-height:950px){.intro{margin-top:65px}.stats{margin-top:40px;margin-bottom:40px}.room{padding-top:17px;padding-bottom:17px}}@media(max-width:900px){aside{width:275px;padding:24px 20px}h1{font-size:31px}.tools button{padding:10px 8px;font-size:10px}.hint span:last-child{display:none}}@media(max-width:650px){body{display:block;overflow:auto;height:auto}aside{width:100%;padding:19px 22px;overflow:visible;border-right:0}.brand{font-size:10px}.intro{margin-top:18px}h1{font-size:29px;margin:10px 0}h1 br{display:none}.description{display:none}.stats{margin:16px 0;padding-bottom:15px}.stats strong{font-size:26px}.section-title,#rooms,.selected,.note,#reference{display:none}.downloads{position:absolute;top:70px;right:20px;width:120px;gap:8px}.downloads .primary{padding:12px;font-size:10px}.downloads .primary span{display:none}.downloads a{font-size:9px}main{height:68vh;min-height:480px}.topbar{top:16px;left:18px;right:18px;font-size:10px}.tools{bottom:54px;gap:0;max-width:96%}.tools button{padding:10px 7px;font-size:9px}.hint{bottom:23px;font-size:9px;gap:12px}.scale{display:none}.label{padding:4px 6px}.label b{font-size:12px}.label span{font-size:8px}}

@media(max-width:650px){h1{max-width:195px;font-size:26px;letter-spacing:-1px}h1 br{display:block}.downloads{top:88px;width:118px}.note{display:block;font-size:9px;margin:10px 0 0;max-width:340px}.intro .eyebrow{font-size:8px}.stats{margin-bottom:0}main{height:67vh}}

/* Landing embed: bare product stage, no foreign chrome */
html.embed,html.embed body{
  height:100%;
  overflow:hidden;
  background:#ebebe7;
  color:#111;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
}
html.embed aside{display:none!important}
html.embed main{height:100%;min-height:0;background:#ebebe7}
html.embed .topbar,
html.embed .hint,
html.embed .scale{display:none!important}
html.embed .tools{
  bottom:16px;
  background:#fff;
  border:1px solid #d6d6d1;
  border-radius:0;
  box-shadow:none;
  padding:4px;
}
html.embed .tools button{border-radius:0;color:#333;font-size:12px;padding:10px 12px}
html.embed .tools button.active{background:#111;color:#fff}
html.embed .segmented button.active{background:#111;color:#fff}
html.embed .separator{background:#ddd}
html.embed .label{
  background:#fffc;
  border:1px solid #d6d6d1;
  border-radius:0;
  box-shadow:none;
  color:#111;
  text-shadow:none;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
}
html.embed .label span{color:#5c5c5c}
html.embed .dimension{
  background:#fffc;
  border-radius:0;
  color:#333;
}
html.embed canvas{touch-action:none}
html.embed #viewport{background:#ebebe7}