*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#242e29;font:15px 'Helvetica Neue',Arial,sans-serif}button,a,summary{cursor:pointer}button{font:inherit;color:inherit}header{height:73px;display:flex;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid #d5d6ce;background:#fcfbf8}.identity{display:flex;align-items:center;gap:12px;font:28px Georgia,serif}.identity i{width:23px;height:24px;background:#475e4a;clip-path:polygon(0 42%,50% 0,100% 42%,100% 100%,68% 100%,68% 57%,33% 57%,33% 100%,0 100%)}em{font-weight:normal}.headmeta{font-size:12px;color:#647066}.headmeta b{margin:0 8px;font-weight:400}.pdf{margin-left:auto;text-decoration:none;border:1px solid #bec7bc;border-radius:20px;padding:8px 14px;color:#324735;font-size:13px}main{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:calc(100svh - 73px)}.viewer{position:relative;background:#eae8df;min-height:620px;overflow:hidden}#viewport{position:absolute;inset:0;touch-action:none;outline-offset:-4px}canvas{width:100%;height:100%;display:block}.top{position:absolute;left:27px;top:24px;pointer-events:none}.eyebrow{color:#57685a;font-size:10px;font-weight:700;letter-spacing:.18em}h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:6px 0}h1{font-size:clamp(27px,3.2vw,47px);letter-spacing:-.055em}h2{font-size:30px;letter-spacing:-.04em}h3{font-size:20px}#levels{position:absolute;right:18px;top:24px;background:#f8f8f2e8;border:1px solid #d6dbd0;border-radius:25px;padding:4px;display:flex}#levels button,.tools button{background:none;border:none;font-size:12px;padding:8px 12px;border-radius:20px}#levels [aria-pressed=true]{background:#354437;color:white}.viewfoot{position:absolute;bottom:18px;left:22px;right:19px;display:flex;align-items:end;justify-content:space-between;gap:12px;pointer-events:none}.viewfoot>span{font-size:11px;color:#455249;background:#f8f7f0dc;padding:6px 10px;border-radius:12px}.tools{pointer-events:auto;display:flex;background:#fbfaf6;border:1px solid #cbd1c6;border-radius:24px}.tools button{font-size:18px}aside{border-left:1px solid #cfD3c9;padding:26px 22px;background:#faf9f5}.sidehead{margin-bottom:16px}.room{border:0;border-top:1px solid #dbdfd5;padding:10px 3px;display:flex;align-items:center;gap:10px;width:100%;background:none;text-align:left;font-size:13px}.room:hover,.room.sel{color:#395e40;background:#eaf0e6}.room small{margin-left:auto;color:#627166}.room b{font-size:14px;font-weight:normal}.setting{margin:22px 0}.setting button{background:none;border:0;padding:6px 0;display:flex;width:100%;justify-content:space-between;font-size:12px}.setting span{min-width:18px;text-align:center;background:#dfe7dc;border-radius:5px}.samples{border-top:1px solid #d3dbcf;padding-top:15px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0;font-size:10px}.swatches i{display:block;height:41px;margin-bottom:5px;border-radius:4px;background-size:cover}.oak{background-image:url(materiaux/herringbone_parquet-diff.jpg)}.stone{background-image:url(materiaux/terrazzo_tiles-diff.jpg)}.lime{background-image:url(materiaux/white_plaster_02-diff.jpg)}.slate{background-image:url(materiaux/roof_slates_02-diff.jpg)}.samples small,details{font-size:11px;color:#5a675e}details{padding-top:16px;line-height:1.55}details a{color:inherit}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #c5cdc3;background:#fffffff0;white-space:nowrap;padding:3px 7px;border-radius:12px;font-size:10px;color:#28372b}#status{position:absolute;top:48%;left:50%;transform:translate(-50%);background:#fbfaf5;border-radius:15px;padding:10px 14px;font-size:13px}button:disabled{opacity:.45;cursor:default}@media(max-width:980px){#levels{top:96px;left:23px;right:auto}main{grid-template-columns:minmax(0,1fr) 245px}}@media(max-width:720px){header{height:58px;padding:0 15px}.headmeta{display:none}main{display:block}.viewer{height:67svh;min-height:450px}.top{top:14px;left:16px}#levels{top:76px;left:14px}aside{padding:19px;border:0}.viewfoot{left:8px;right:8px;bottom:10px}.viewfoot>span{max-width:60%;font-size:10px}.room{min-height:40px}.samples{max-width:390px}}

.swatches .sand{background-image:url(materiaux/floor_tiles_04-diff.jpg)}
.swatches .wool{background-image:linear-gradient(#9fb99f55,#9fb99f55),url(materiaux/wool_boucle-diff.jpg)}
.swatches .flax{background-image:url(materiaux/rough_linen-diff.jpg)}
.swatches .sage{background:#718d7d}

#wallToggle{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);min-height:48px;max-width:calc(100% - 24px);padding:12px 22px;border:1px solid #405945;border-radius:14px;background:#304d38;color:white;box-shadow:0 3px 12px #23392733;font-size:15px;font-weight:600;white-space:nowrap}
#wallToggle[aria-pressed=true]{color:#254331;background:#e8f0e7}
#wallToggle:focus-visible{outline:3px solid #ad773c;outline-offset:3px}