*{box-sizing:border-box}html,body{margin:0;height:100%;font:14px system-ui,sans-serif;color:#183344;background:#f5f2e8}main{height:100%;display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto;position:relative}header{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:10px 12px;background:#102e40;color:#fff}header span{font-size:12px}#room-stage{min-height:0;position:relative;overflow:hidden;touch-action:none}#room-stage canvas{display:block;width:100%;height:100%}#room-status{margin:0;padding:6px 12px;font-size:12px}footer{padding:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;background:#ece6d4}button,select,a{font:inherit}button,select{min-height:38px;border:1px solid #80919a;border-radius:5px;padding:6px 9px;background:#fff;color:#183344;cursor:pointer}button[aria-pressed=true]{background:#183344;color:#fff}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b78c28;outline-offset:2px}footer a{padding:8px}.embed-transparency{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.embed-transparency input{width:100px;min-height:38px}.embed-transparency output{min-width:32px}#room-selected{position:absolute;top:60px;left:12px;max-width:calc(100% - 24px);padding:8px;background:#fffef3;border-radius:5px;pointer-events:none}dialog{width:min(560px,calc(100vw - 24px));border:1px solid #80919a;border-radius:8px}textarea{width:100%;min-height:120px}main:fullscreen{background:#f5f2e8}.room-cabinet-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.room-cabinet-labels>[hidden]{display:none!important}.room-cabinet-labels>span,.room-cabinet-labels>.room-dimension-tag{position:absolute;transform:translate(-50%,-50%);background:#fffef3;color:#15374d;border:1px solid #7194ac;border-radius:4px;padding:3px 5px;font-size:12px;white-space:nowrap;pointer-events:none}.room-cabinet-labels>.room-dimension-tag.is-gap{background:#fff2d9;border-color:#d97706}@media(max-width:420px){header{padding:8px}footer{gap:4px;padding:6px}button,select{font-size:12px;padding:6px;min-height:36px}#room-status{font-size:11px;padding:5px 8px}footer a{font-size:12px;padding:6px}}