:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#26323d;background:#edf0f2;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:#222c36;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;gap:20px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8e7864;color:#ffbb7c;font-size:23px}.brand h1{font-size:19px;line-height:1.3;margin:0;font-weight:600}.brand p{font-size:13px;color:#bdc7d0;margin:5px 0 0}.room-size{font-size:14px;color:#d8dfe5}main{padding:18px 24px 0;max-width:1800px;margin:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:14px}.views{display:flex;gap:4px;flex-wrap:wrap}button{font:inherit;font-size:14px;border:1px solid #bcc7d0;border-radius:5px;padding:9px 18px;background:#fff;color:#26323d;cursor:pointer;min-height:40px}button[aria-pressed=true]{color:#fff;background:#263b4f;border-color:#263b4f}button:hover{border-color:#537592}button:disabled{opacity:.45;cursor:wait}.toggles{display:flex;gap:17px;flex-wrap:wrap;font-size:14px;align-items:center}.toggles label{display:flex;align-items:center;gap:6px;min-height:36px;cursor:pointer}input{accent-color:#34556e;width:16px;height:16px}#viewport{position:relative;height:calc(100dvh - 210px);min-height:430px;overflow:hidden;background:#e1e6ea;border-radius:6px}#canvas-host{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dimension{position:absolute;white-space:nowrap;padding:4px 7px;background:#ffffffed;color:#244861;border:1px solid #b3c9d6;border-radius:3px;font-size:13px;transform:translate(-50%,-50%);font-variant-numeric:tabular-nums}.view-note{position:absolute;left:18px;top:16px;background:#fffffff0;padding:8px 12px;border-radius:4px;font-size:14px;color:#354e60}.hint{position:absolute;left:18px;bottom:14px;color:#455966;font-size:13px;background:#ffffffde;padding:8px 12px;border-radius:4px;pointer-events:none}.hint span{display:none}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:14px;background:#e1e6aaf2}#loading[hidden]{display:none}.spinner{width:22px;height:22px;border:2px solid #aabdc9;border-top-color:#32526a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#53616c;padding:12px 0}footer p{margin:0;line-height:1.6}footer a{color:#2c516f;white-space:nowrap;text-underline-offset:3px}@media(max-width:760px){header{padding:16px;display:block}.room-size{display:block;margin-top:12px;font-size:13px}main{padding:14px 12px 0}.toolbar{gap:9px}.views{width:100%}.views button{flex:1;padding:8px 9px;min-height:44px}.toggles{gap:12px;font-size:13px}#viewport{height:65dvh;min-height:420px}.hint{left:10px;bottom:10px;font-size:12px}.hint span{display:block;margin-top:4px}.view-note{left:10px;top:10px}footer{align-items:flex-start;flex-direction:column;gap:7px}.dimension{font-size:12px;padding:3px 5px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

[hidden]{display:none!important} main:fullscreen{width:100%;max-width:none;background:#edf0f2;padding:16px}main:fullscreen #viewport{height:calc(100dvh - 130px)}
#placement{background:#fff;border:1px solid #bacbd6;border-radius:6px;padding:14px 16px;margin:0 0 14px}.placement-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}.placement-controls label{display:flex;align-items:center;gap:6px}.placement-controls input{width:82px;height:36px;border:1px solid #b7c3cc;border-radius:4px;font:inherit;padding:5px}.placement-controls select{height:36px;max-width:180px;border:1px solid #b7c3cc;border-radius:4px;font:inherit;background:white}.secondary-controls{margin-top:10px;gap:6px}.secondary-controls button{padding:6px 12px;font-size:13px;min-height:36px}.measurements{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:12px;font-size:13px;font-variant-numeric:tabular-nums;color:#254c67}.measurements strong{font-weight:500;color:#a7431d;width:100%}.placement-tip,#placement-status{font-size:13px;line-height:1.5;margin:7px 0 0;color:#566b79}#placement-status:empty{display:none}.placing #viewport{height:calc(100dvh - 400px)}main:fullscreen #placement{max-height:230px;overflow:auto}body.placing main:fullscreen #viewport{height:calc(100dvh - 310px)}@media(max-width:760px){#placement{padding:12px}.placement-controls{gap:8px;font-size:13px}.placement-controls input{width:70px}.secondary-controls button{min-height:42px}.placing #viewport{height:65dvh}.measurements{gap:7px 14px}.placement-controls label:first-child{width:100%}}

#fold-controls{padding-top:12px;border-top:1px solid #e0e7ec;margin-top:12px}#fold-controls input[type=range]{width:130px}#fold-controls output{min-width:34px}.views{row-gap:6px}