*{box-sizing:border-box} :root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#23363b;background:#f5f6f4;font-size:14px;--ink:#20383d;--muted:#788584;--line:#dde2de;--accent:#c36b45}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 12px;border-radius:7px;transition:background .15s}button:hover{background:#eaf0ed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c88962;outline-offset:2px}button:disabled{opacity:.35;cursor:default}input,select{border:1px solid var(--line);border-radius:6px;padding:9px;background:#fff;color:var(--ink);min-width:0}input[type=checkbox]{accent-color:var(--ink)}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);gap:20px;background:#fff}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand>b{font-size:31px;font-weight:500;letter-spacing:-2px}.brand b span{font-weight:300;color:#c27e57;margin-left:4px}.brand>div{font-weight:650;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:2.2px;margin-top:4px;color:var(--muted)}.topmeta{display:flex;align-items:center;gap:14px;color:#72817f;font-size:13px}.topmeta i{height:16px;border-left:1px solid var(--line)}.pill{font-size:12px;background:#f2eee5;color:#8d7651;border-radius:30px;padding:6px 10px}.fileactions{display:flex;gap:7px}main{display:grid;grid-template-columns:248px minmax(200px,1fr) 278px;height:calc(100dvh - 76px);overflow:hidden}aside{background:#fff;min-height:0;padding:23px 18px}#sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}#inspector{border-left:1px solid var(--line);overflow:auto}.sectiontitle{display:flex;align-items:center;justify-content:space-between;font-weight:650;font-size:14px}.subtle{font-weight:400;font-size:12px;color:#80908b}.space{margin-top:24px;margin-bottom:12px}#scheme{margin-top:12px;width:100%}.palettes{display:flex;flex-direction:column;gap:7px}.palette{display:flex;align-items:center;gap:9px;text-align:left;font-size:13px}.palette.active{border-color:#52716a;background:#f0f5f2}.swatches{display:flex}.swatches i{display:block;width:17px;height:25px}.swatches i:first-child{border-radius:4px 0 0 4px}.swatches i:last-child{border-radius:0 4px 4px 0}.divider{border-top:1px solid var(--line);margin:22px 0}.searchbox{margin:12px 0}.searchbox input{width:100%;background:#f6f8f6}#objects{overflow:auto;flex:1;min-height:80px;margin:0 -6px;padding:0 6px}.object{border:0;background:transparent;display:flex;width:100%;align-items:center;padding:10px 8px;gap:11px;text-align:left;margin-bottom:3px}.object.active{background:#e8efeb}.object .icon{color:#688078;font-size:21px;width:27px;text-align:center}.object small{display:block;font-size:11px;color:#85908c;margin-top:3px}.object .dot{margin-left:auto;font-size:11px;color:var(--accent)}.sidefoot{display:flex;gap:5px;padding-top:16px;border-top:1px solid var(--line);margin-top:10px}.sidefoot button{font-size:12px;padding:8px}#workspace{position:relative;overflow:hidden;background:#dce4e2}#canvasHost{position:absolute;inset:0}canvas{display:block;touch-action:none}.viewbar{position:absolute;left:20px;right:20px;top:20px;display:flex;gap:8px;align-items:center;justify-content:space-between}.segmented{display:flex;background:#ffffffed;border:1px solid #fff8;padding:4px;border-radius:10px;box-shadow:0 3px 20px #20383d0a}.segmented button{border:0;background:transparent;padding:10px 13px}.segmented button.active{background:var(--ink);color:#fff}.viewbar>button{background:#ffffffeb}.sceneLabel{position:absolute;top:92px;left:25px;pointer-events:none}.sceneLabel span{display:block;font-size:11px;letter-spacing:1.8px;color:#617671}.sceneLabel strong{display:block;margin-top:5px;font-size:20px;font-weight:500}.sceneTools{position:absolute;top:92px;right:20px;display:flex;flex-direction:column;gap:7px;background:#fffD;padding:10px;border-radius:8px;font-size:12px}.sceneTools label{display:flex;align-items:center;gap:5px}.sceneTools button{padding:5px;font-size:12px}.bottomBar{position:absolute;bottom:0;left:0;right:0;min-height:48px;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ffffffec;border-top:1px solid #dbe2dc;font-size:12px;color:#667d75}.bottomBar>div{display:flex;gap:5px}.bottomBar button{font-size:12px;padding:6px 9px}#roomLabels{pointer-events:none;position:absolute;inset:0}.roomlabel{position:absolute;white-space:nowrap;font-size:12px;color:#324c44;background:#fffffff0;border:1px solid #fff;border-radius:5px;padding:4px 8px;transform:translate(-50%,-50%);box-shadow:0 2px 9px #20383d12}#emptyInspect{margin-top:80px;color:#788981;line-height:1.8}.emptyIcon{font-size:44px;color:#8d9e96}h2{font-size:21px;line-height:1.4;font-weight:550;color:var(--ink);margin:12px 0}p{line-height:1.8;font-size:14px}.tip{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#82918a;display:block;margin-top:24px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.inputs.three{grid-template-columns:repeat(3,1fr)}.inputs label,.rotation label{font-size:12px;color:#7b8c83}.inputs input{width:100%;margin-top:5px;padding:9px 6px}.checkline{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:12px;color:#6d8075}.rotation{display:flex;align-items:end;gap:10px;margin-top:16px}.rotation input{display:block;width:100%;margin-top:5px}.rotation label{flex:1}.rotation button{white-space:nowrap}.alignrow{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.alignrow button{font-size:12px;padding:7px}.wide{width:100%}.primary{background:var(--ink);border-color:var(--ink);color:white}.primary:hover{background:#3b5759}.muted,.assumed{font-size:12px;color:#829088}.assumed{margin-top:23px}.warning{padding:9px 11px;border-left:3px solid #cb8055;background:#fbf1e9;color:#99603e;margin-top:7px;font-size:12px}.ok{color:#4a7360;font-size:13px;padding:12px 0}#clearance{font-size:12px;color:#6a7e72;line-height:1.9}#closeInspector{border:0;font-size:23px;padding:0 4px}#selectionBar{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);background:#fff;padding:8px 10px 8px 17px;box-shadow:0 5px 25px #20383d20;border-radius:10px;white-space:nowrap;align-items:center;gap:12px;font-size:13px}#selectionBar:not([hidden]){display:flex}#selectionBar button{font-size:12px}#toast{position:absolute;bottom:130px;left:50%;transform:translate(-50%,10px);background:#20383df0;color:white;border-radius:8px;padding:12px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;max-width:85%}#toast.show{opacity:1;transform:translate(-50%,0)}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 1px 4px #000;font-size:24px;pointer-events:none}#walkHud{position:absolute;left:20px;bottom:70px;padding:10px;background:#fffE;border-radius:8px;gap:10px;align-items:center;flex-wrap:wrap;max-width:400px}#walkHud:not([hidden]){display:flex}#walkHud label{font-size:12px;display:flex;gap:7px;align-items:center}#eye{width:70px}#touchPad{position:absolute;right:18px;bottom:70px;text-align:center}#touchPad button{width:40px;margin:2px;background:#ffffffc9;touch-action:none}#fatal{position:absolute;inset:100px 20px auto;background:white;padding:30px;border-radius:12px;line-height:1.8}dialog{max-width:min(850px,92vw);max-height:88dvh;overflow:auto;border:0;border-radius:14px;padding:30px 35px;color:var(--ink);box-shadow:0 25px 90px #112a3940}dialog::backdrop{background:#19323e77;backdrop-filter:blur(4px)}.dialogClose{float:right;border:0;font-size:25px;background:none;padding:0 5px}.facts{display:grid;grid-template-columns:repeat(4,1fr);background:#f1f5f1;gap:20px;padding:20px;border-radius:8px}.facts b{display:block;font-size:21px}.facts span{display:block;font-size:12px;margin-top:8px;color:#768579}.reference{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference figure{margin:0}.reference img{width:100%;height:260px;object-fit:contain;background:#fafafa}.reference figcaption{font-size:12px;margin-top:8px;color:#78877d}#catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}#catalog button{text-align:left;padding:16px}#catalog small{display:block;color:#819184;margin-top:7px}#saveForm{display:flex;gap:8px}#saveForm input{flex:1}.mobileonly{display:none}[hidden]{display:none!important}@media(min-width:1500px){main{grid-template-columns:265px minmax(200px,1fr) 295px}}@media(max-width:1150px){main{grid-template-columns:205px minmax(200px,1fr) 245px}aside{padding:18px 13px}.topmeta{display:none}.segmented button{padding:9px}.viewbar{left:12px;right:12px}.bottomBar{flex-wrap:wrap}.sceneLabel{left:16px}.sceneTools{right:12px}}@media(max-width:850px){header{height:64px;padding:0 15px}.brand>div{font-size:12px}.brand small{font-size:8px}.brand>b{font-size:26px}.fileactions button{font-size:12px;padding:7px}main{height:calc(100dvh - 64px);grid-template-columns:minmax(200px,1fr)}#sidebar{position:absolute;z-index:10;left:0;top:64px;bottom:0;width:240px;display:none;box-shadow:6px 0 20px #20383d24}#sidebar.open{display:flex}#inspector{display:none;position:absolute;z-index:8;right:0;top:137px;bottom:65px;width:240px;box-shadow:-5px 5px 20px #20383d20}#inspector.open{display:block}.mobileonly{display:block}.sceneLabel{top:86px}.sceneTools{top:143px;right:12px}.segmented button{font-size:12px;padding:9px}.viewbar{gap:5px}.viewbar>button{padding:9px 7px;font-size:12px}.sceneLabel strong{font-size:18px}.bottomBar{font-size:11px}.bottomBar>span{max-width:48%}#selectionBar{bottom:85px;max-width:95%;padding:8px;font-size:12px;gap:7px}#walkHud{bottom:135px;left:12px;max-width:225px}#touchPad{bottom:140px}.facts{grid-template-columns:1fr 1fr}.reference{grid-template-columns:1fr}#catalog{grid-template-columns:1fr 1fr}dialog{padding:24px}#saveForm{flex-direction:column}}

#miniMap{position:absolute;left:20px;bottom:185px;width:140px;height:145px;background:#ffffffe8;border:1px solid white;border-radius:8px;padding:9px;pointer-events:none}#miniMap[hidden]{display:none}@media(max-width:850px){#miniMap{left:12px;bottom:270px;width:110px;height:115px}}

#touchPad button[data-key="ArrowLeft"],#touchPad button[data-key="ArrowRight"]{width:72px}#touchPad small{display:block;background:#ffffffe0;padding:4px;font-size:11px;border-radius:4px}#walkHud>span{font-size:12px;color:#64786e}#canvasHost{cursor:grab}#canvasHost:active{cursor:grabbing}
#canvasHost.placing{cursor:crosshair}#placementHint{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 30px);padding:9px 11px 9px 16px;border-radius:10px;background:#20383df2;color:#fff;box-shadow:0 5px 25px #20383d30;font-size:12px;white-space:nowrap}#placementHint strong{color:#f4d1bd}#placementHint button{padding:6px 9px}

@media(max-width:850px){
  .bottomBar{min-height:68px;padding:7px 12px;flex-wrap:nowrap}
  .bottomBar>span{max-width:42%;line-height:1.45}
  #walkHud{left:12px;right:12px;bottom:78px;max-width:none;padding:9px 10px;gap:6px 10px}
  #walkHud:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto}
  #roomJump{width:100%}
  #walkHud>span{line-height:1.4}
  #walkHud>span:first-of-type{grid-column:1/-1}
  #miniMap{left:12px;bottom:218px;width:110px;height:115px}
  #touchPad{right:12px;bottom:218px}
  #placementHint{bottom:80px;white-space:normal;width:calc(100% - 24px);justify-content:center}
}

@media(max-width:430px){
  #walkHud{grid-template-columns:1fr}
  #walkHud label,#walkHud>span,#stopTour{grid-column:1}
  #walkHud label{justify-content:space-between}
  #miniMap,#touchPad{bottom:252px}
}