@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#303631;background:#eeeae3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #658779;outline-offset:4px}#app,#viewport{width:100%;height:100dvh;overflow:hidden}#viewport{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}header{position:absolute;top:32px;left:42px;right:42px;display:flex;align-items:center;gap:42px;pointer-events:none}.brand{font-size:29px;letter-spacing:6px;font-weight:700;color:inherit;text-decoration:none;line-height:1;pointer-events:auto}.brand span{font-weight:400}.brand i{display:block;font-style:normal;font-size:8px;letter-spacing:3.3px;margin-top:10px}.project{border-left:1px solid #c9cac3;padding-left:28px;font-size:10px;font-weight:700;letter-spacing:2px}.project span{display:block;letter-spacing:0;font-size:11px;font-weight:400;color:#81867e;margin-top:8px}.live{margin-left:auto;font-size:10px;letter-spacing:2px}.live b{display:inline-block;width:6px;height:6px;background:#748775;border-radius:50%;margin-right:7px}.intro{position:absolute;top:145px;left:42px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#7c8278}.intro h1{font-family:Manrope,Arial,sans-serif;font-size:43px;font-weight:500;line-height:1.22;letter-spacing:-2px;margin:18px 0}.intro p{font-size:11px;color:#81867e}#panel{position:absolute;right:30px;top:132px;width:296px;background:#fafaf7ed;border:1px solid #fff;border-radius:18px;padding:24px;box-shadow:0 16px 50px #343d3010;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:17px;font-weight:500;margin:7px 0 22px}.panel-title button{border:0;background:none;font-size:23px;padding:6px;align-self:flex-start}.label{display:flex;align-items:center;gap:10px;font-size:10px;color:#a1a59c;margin:22px 0 12px}.label span{font-size:11px;color:#535d52}.label output{margin-left:auto;font-size:9px}.segmented{display:flex;background:#edeee7;border-radius:8px;padding:4px;gap:3px}.segmented button{width:50%;border:0;background:transparent;padding:10px 0;font-size:11px;border-radius:6px}.segmented .active{background:#fff;box-shadow:0 2px 7px #00000009}.swatches{display:flex;gap:12px;align-items:center}.swatch{background:var(--color);width:32px;height:32px;border:3px solid #fafaf7;border-radius:50%;outline:1px solid transparent}.swatch.selected{outline-color:#657766}.custom-color{position:relative;border:1px solid #dcded5;border-radius:50%;width:30px;height:30px;text-align:center;line-height:28px;overflow:hidden}.custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.switch-row{display:flex;align-items:center;position:relative;font-size:12px;margin:16px 0;cursor:pointer}.switch-row input{position:absolute;right:0;opacity:0}.toggle{margin-left:auto;width:31px;height:18px;border-radius:12px;background:#d9ddd5;transition:.2s}.toggle:before{content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;margin:3px;transition:.2s}.switch-row input:checked+.toggle{background:#637961}.switch-row input:checked+.toggle:before{transform:translate(13px)}.switch-row input:focus-visible+.toggle{outline:2px solid #658779}.color-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#82887d}.color-row input{width:31px;height:23px;border:0;padding:0;background:none;cursor:pointer}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#83897e;margin-top:17px}input[type=range]{width:100%;height:3px;accent-color:#75866c;margin:13px 0 20px}.view-label{border-top:1px solid #e4e7de;padding-top:20px;font-size:9px;letter-spacing:1.7px;color:#888f81}.views{display:flex;gap:5px;margin:12px 0}.views button{border:1px solid #e0e3da;border-radius:6px;background:transparent;font-size:10px;padding:9px 7px;flex:1}.views .active{background:#edf0e8;border-color:#b6c0ac}#reset{width:100%;padding:11px;border:0;border-radius:7px;background:#394d40;color:#fff;font-size:11px}.cutaway{font-size:9px;text-align:center;color:#92998b;margin:14px 0 0}footer{position:absolute;bottom:27px;left:42px;right:42px;display:flex;align-items:center;gap:30px}.spec strong{display:block;font-size:10px;letter-spacing:2px}.spec span{display:block;font-size:10px;color:#8b9186;margin-top:8px}.help{margin-left:auto;font-size:10px;color:#828a7d;line-height:1.9;text-align:right}#walk{background:#fafaf7;border:1px solid #d8dfd0;border-radius:8px;padding:13px 20px;font-size:11px}#mode-badge{position:absolute;bottom:114px;left:42px;font-size:9px;letter-spacing:2px;color:#798772}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#eeece7;display:grid;place-content:center;justify-items:center;z-index:5;font-size:13px}.loader{height:30px;width:30px;border:2px solid #d4d8cb;border-top-color:#56684d;border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;top:30%;right:30%;bottom:30%;left:30%;padding:28px;background:#fff;z-index:6;border-radius:14px}body.night{color:#e2e5dc;background:#17202a}body.night #panel,body.night #walk{color:#303631}body.night .intro p,body.night .help,body.night .spec span{color:#a4afa7}@media(max-height:800px)and (min-width:761px){#panel{top:100px;padding:18px;width:278px}.label{margin-top:14px}.switch-row{margin:12px 0}.panel-title h2{margin-bottom:10px}.intro{top:125px}.intro h1{font-size:36px}}@media(max-width:760px){header{top:22px;left:20px;right:20px}.brand{font-size:23px}.project{display:none}.intro{top:98px;left:20px}.intro h1{font-size:28px;margin:10px 0}.intro p{max-width:170px;font-size:10px}#panel{top:auto;bottom:75px;right:12px;width:238px;padding:16px;max-height:54dvh;overflow:auto}.panel-title h2{font-size:15px;margin-bottom:8px}.label{margin-top:14px}footer{left:20px;right:20px;bottom:15px}.help,.spec span{display:none}.spec strong{font-size:8px;max-width:100px}#walk{margin-left:auto;padding:11px;font-size:10px}#mode-badge{left:20px;bottom:86px}.eyebrow{font-size:8px}#error{right:20px;left:20px;bottom:auto;top:35%}}@media(max-width:760px){.panel-title{position:sticky;top:-16px;background:#fafaf7;z-index:2;padding-top:6px;padding-bottom:6px}.intro p{max-width:250px}}#pc-interact,#pc-exit{position:absolute;z-index:4;border:1px solid #a9d6c1;background:#18372eeb;color:#d7f6e6;border-radius:12px;padding:14px 23px;font:500 13px Arial,sans-serif;box-shadow:0 8px 30px #0002;cursor:pointer}#pc-interact{bottom:105px;left:50%;transform:translate(-50%)}#pc-exit{top:24px;right:24px}#pc-help{position:absolute;bottom:25px;left:50%;transform:translate(-50%);font:12px Arial,sans-serif;color:#e4f5ed;background:#142820dc;border-radius:9px;padding:12px 20px;max-width:90vw;text-align:center;line-height:1.6;pointer-events:none}.pc-seated header,.pc-seated .intro,.pc-seated #panel,.pc-seated footer,.pc-seated #mode-badge{visibility:hidden;pointer-events:none}#pc-accessible{position:absolute;left:-10000px;top:80px}#pc-accessible:focus-within{left:20px;z-index:5;max-width:340px;padding:14px;border-radius:12px;background:#18372e;color:#fff}#pc-accessible button{padding:8px;margin:4px;border:0;border-radius:5px;background:#d7f6e6;color:#18372e}#pc-accessible p:empty{display:none}#pc-interact[hidden],#pc-exit[hidden],#pc-help[hidden],#pc-accessible[hidden]{display:none}@media(max-width:760px){#pc-interact{bottom:auto;top:235px;white-space:nowrap}#pc-help{font-size:10px;width:90vw;bottom:18px}#pc-exit{top:18px;right:16px;padding:11px 16px}}