:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303e35;background:#f6f5f0;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #a97645;outline-offset:3px}button{border:0}#app{display:grid;grid-template-columns:340px 1fr;height:100dvh;min-height:650px}.sidebar{padding:38px 28px 20px;background:#faf9f5;overflow-y:auto;z-index:2;border-right:1px solid #dedfd6;display:flex;flex-direction:column}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:#788474}h1{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-1.1px;line-height:1.13;margin:20px 0 14px}h1 span{color:#a27d54}.subtitle{font-size:12px;color:#7a8076;margin-bottom:26px}.stats{display:flex;gap:35px;padding-bottom:27px}.stats strong{display:block;font-size:26px;font-weight:500;letter-spacing:-1px}.stats strong span{font-size:15px;letter-spacing:0}.stats small{display:block;color:#85897f;font-size:10px;margin-top:6px}section{border-top:1px solid #e4e4dc;padding:23px 0 19px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:12px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:#a2a89a}.segmented{display:flex;gap:3px;background:#edeee7;padding:4px;border-radius:8px}.segmented button{background:transparent;border-radius:5px;padding:9px 0;flex:1;font-size:11px;color:#7a8376;white-space:nowrap}.segmented button[aria-pressed=true]{background:#455e4c;color:#fff;box-shadow:0 2px 5px #263c281a}.hint{color:#909486;font-size:10px;line-height:1.6;min-height:16px;margin:11px 0 20px}.field-label{font-size:10px;color:#7e8879;display:block;margin:0 0 8px}select{width:100%;padding:11px;border:1px solid #daddd1;border-radius:6px;background:#faf9f5;color:#465443;font-size:12px}.room-info{font-size:11px;line-height:1.6;color:#8a8f81;padding-top:12px;min-height:45px}.toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:17px 0;font-size:12px}.toggle small{display:block;font-size:10px;color:#93988b;margin-top:5px}.toggle input{appearance:none;flex-shrink:0;width:30px;height:17px;border-radius:12px;background:#cbd0c3;position:relative;cursor:pointer;margin:0}.toggle input:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked{background:#708468}.toggle input:checked:after{transform:translate(13px)}.toggle input:disabled{opacity:.4}.text-button{font-size:11px;background:none;color:#788971;padding:6px 0;margin-top:5px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8c9e78;flex-shrink:0}.version-section{padding-bottom:14px}.version-section strong{font-size:11px;font-weight:500;margin-left:7px}.version-section p{font-size:10px;color:#929687;line-height:1.7;margin:9px 0 0}footer{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:16px}footer button{text-align:left;background:none;padding:0;color:#7f8877;font-size:10px}.viewport{position:relative;overflow:hidden;background:#eeede7}canvas{width:100%;height:100%;display:block;touch-action:none}.top-bar{position:absolute;left:30px;right:25px;top:25px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.pill{display:flex;align-items:center;gap:9px;background:#fafbf6b8;border:1px solid #dfe1d4;border-radius:20px;padding:9px 13px;font-size:9px;letter-spacing:1.5px;color:#6e7e64;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.round-button{border:1px solid #d4d9cc;background:#fafbf6af;border-radius:50%;height:28px;width:28px;color:#85907b;pointer-events:auto}.view-caption{position:absolute;left:35px;bottom:65px;pointer-events:none;text-shadow:0 1px 6px #eeede7}.view-caption>span{font-size:9px;letter-spacing:2px;color:#88967c}.view-caption h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:9px 0;color:#53624d}.view-caption p{font-size:11px;color:#8a9380;margin:0}.bottom-bar{display:flex;justify-content:space-between;position:absolute;left:30px;right:30px;bottom:22px;border-top:1px solid #d7dace;padding-top:13px;font-size:8px;letter-spacing:1px;color:#939b88;pointer-events:none}.bottom-bar i{font-style:normal;margin:0 10px;color:#b7bdad}.bottom-bar span:last-child{letter-spacing:0}.room-label{position:absolute;left:0;top:0;background:#faf9f1cf;border:1px solid #b8c0ab66;border-radius:4px;box-shadow:0 2px 8px #26332009;padding:5px 8px;font-size:9px;color:#54674b;white-space:nowrap;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-label:hover,.room-label.selected{background:#465f4c;color:#fff}.room-label.selected{z-index:1}#labels-layer{position:absolute;inset:0;pointer-events:none}#inside-controls{position:absolute;bottom:155px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#faf9f2eb;border-radius:24px;padding:6px;white-space:nowrap;color:#6a785f;font-size:10px}#inside-controls[hidden]{display:none}#inside-controls button{width:32px;height:32px;background:#e5e9dc;border-radius:50%;font-size:20px}#loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:20px;background:#faf9f4e8;border-radius:10px;max-width:80%;line-height:1.6}dialog{border:1px solid #d4d8ca;border-radius:12px;background:#faf9f4;color:#42513e;max-width:690px;width:calc(100% - 30px);max-height:88dvh;padding:35px;box-shadow:0 20px 100px #15271140}dialog::backdrop{background:#24312666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-family:Georgia,serif;font-size:29px;font-weight:400}dialog h3{font-size:14px;margin-top:26px}dialog p,dialog li{font-size:13px;line-height:1.8;color:#7b8472}dialog ul{padding-left:20px}.close-dialog{position:absolute;right:14px;top:10px;background:none;font-size:27px;color:#839276}.notice{border-left:3px solid #b49864;padding:10px 15px;background:#f0ecdf}#plan-dialog{max-width:1100px}#plan-dialog img{width:100%;height:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#d0d7c5}.concept-warning{font-size:10px;line-height:1.7;padding:11px;background:#f1e8d7;border-left:3px solid #b58b4c;color:#876b42;margin-top:8px}.concept-warning[hidden]{display:none}.shaft-label{background:#ad7f3f;color:#fff;border-color:#93692f;pointer-events:none}.layout-section{padding-top:18px;padding-bottom:14px}.layout-section .room-info{min-height:0;margin-bottom:0}a{color:#647f55}@media(min-width:1500px){#app{grid-template-columns:370px 1fr}.sidebar{padding:45px 35px}.view-caption{bottom:78px}}@media(max-width:900px){#app{grid-template-columns:280px 1fr}.sidebar{padding:25px 20px}h1{font-size:31px}.bottom-bar span:last-child{display:none}.view-caption h2{font-size:22px}.view-caption,.top-bar{left:20px}#inside-controls span{display:none}}@media(max-width:620px){#app{display:flex;flex-direction:column-reverse;height:auto;min-height:100dvh}.viewport{height:60dvh;min-height:390px;position:sticky;top:0;z-index:3;border-bottom:1px solid #d9dece}.sidebar{overflow:visible;padding:23px;display:block;border:0}.sidebar header h1{font-size:30px;margin:12px 0}.sidebar h1 br{display:none}.subtitle{margin:10px 0 16px}.stats{padding-bottom:14px}.stats strong{font-size:23px}.view-caption{left:18px;bottom:52px}.view-caption h2{font-size:20px}.view-caption p{font-size:10px}.top-bar{top:15px;left:15px;right:15px}.bottom-bar{left:18px;right:18px;bottom:16px}.room-label{font-size:8px;padding:4px}section{padding:17px 0}.hint{margin-bottom:14px}.view-caption>span{font-size:8px}#inside-controls{bottom:130px}footer{gap:15px;padding-bottom:10px}dialog{padding:28px 21px}}