:root{font-family:Inter,"Noto Sans JP",system-ui,sans-serif;color:#dedfdc;background:#141817;font-size:13px}*{box-sizing:border-box}body{margin:0}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #343b37;background:#1b211e}header>div{display:flex;align-items:center;gap:22px}.brand{font-size:19px;font-weight:800;letter-spacing:3px;color:#c6d6aa}.title{font-size:16px}small{font-size:10px;color:#9ba79b;margin-left:8px}button{font:inherit;color:inherit;border:1px solid #444e45;border-radius:6px;background:#29312b;padding:9px 12px;cursor:pointer;transition:background .15s}button:hover{background:#3c493d}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #d0e2aa;outline-offset:2px}.primary,button.active{background:#c3d69f;color:#1b2618;border-color:#c3d69f}.actions{gap:8px}main{display:grid;grid-template-columns:270px minmax(300px,1fr) 240px;height:calc(100dvh - 72px)}aside{overflow:auto;background:#1c221f}#left{border-right:1px solid #343d36}#right{border-left:1px solid #343d36}section{padding:20px 18px;border-bottom:1px solid #343d36}h2{font-size:12px;letter-spacing:1px;color:#a9b891;font-weight:400;margin:0 0 13px}h2 b{color:#ebeee8;margin-left:8px;font-weight:600}p{line-height:1.7;font-size:12px;color:#a8b2a8;margin:8px 0 12px}.hint{font-size:11px;color:#93a192}#faces{display:grid;grid-template-columns:1fr 1fr;gap:8px}.face{background:#252d27;border:1px solid #3a453b;border-radius:7px;padding:7px;position:relative}.face.dragover{outline:2px solid #c3d69f}.face .pick{width:100%;height:54px;background:linear-gradient(140deg,#333e34,#232b25);padding:0;overflow:hidden;border:0}.face img{width:100%;height:100%;object-fit:cover}.face-name{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.face-actions{display:flex;gap:3px;margin-top:4px}.face-actions button{padding:3px 5px;flex:1;font-size:11px}label{display:block;color:#acb7ab;font-size:12px;margin:12px 0}input[type=text],input[type=number]{width:100%;margin-top:6px;padding:8px;background:#151b17;border:1px solid #435044;color:#ecf0e8;border-radius:4px}input[type=range]{width:100%;accent-color:#c3d69f;margin-top:9px}.check{display:flex;gap:7px;align-items:center;font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wide{width:100%;margin-top:10px}details{margin-top:13px;font-size:11px;color:#a1b09c}summary{cursor:pointer}#view{position:relative;min-height:400px;overflow:hidden;background:#111612}canvas{display:block;width:100%;height:100%;touch-action:none}.view-top{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;pointer-events:none}.pill{font-size:10px;letter-spacing:1.3px;color:#d5decf;padding:7px 10px;border:1px solid #626e5a55;background:#1c251cd9;border-radius:4px}.guide{position:absolute;bottom:83px;left:20px;color:#c0c8b4;font-size:11px;line-height:1.9;pointer-events:none;text-shadow:0 1px 4px #000}.guide span{color:#9eaa92}#toolbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#1b241de8;padding:6px;border:1px solid #46503e;border-radius:9px;white-space:nowrap}#toolbar button{font-size:11px;padding:9px 10px}i{border-left:1px solid #53614b;margin:4px}#objects button{display:block;text-align:left;width:100%;margin-top:6px}#empty{color:#889786;font-size:12px;line-height:1.9;padding:12px 0 30px}#inspector[hidden]{display:none}.axis{display:grid;grid-template-columns:1fr 70px;gap:5px;align-items:center}.axis label{margin:0}.axis input[type=number]{margin-top:0}.axis input[type=range]{grid-column:1 / 3;margin:0 0 8px}.note{background:#222b22}.note>span{font-size:11px;color:#c2d6a6}#toast{position:absolute;top:60px;left:50%;transform:translateX(-50%);background:#dae6c5;color:#223119;padding:10px 16px;border-radius:5px;display:none;z-index:9;max-width:90%}#error{position:absolute;inset:20%;background:#331f1f;padding:20px;color:#ffcccc}#fovVal,#eyeVal{float:right}@media(max-width:1050px){main{grid-template-columns:220px 1fr}#right{grid-column:1 / 3;display:grid;grid-template-columns:1fr 1fr 1fr;overflow:visible}main{height:auto;min-height:calc(100dvh - 72px)}#view{height:70dvh}#left{max-height:70dvh}#right section{min-width:0}#toolbar{gap:2px}#toolbar button{padding:8px 6px}}@media(max-width:650px){header{height:auto;min-height:90px;padding:13px;flex-wrap:wrap;gap:12px}.title{font-size:13px}header>div{gap:10px}.brand{font-size:16px}.actions button{font-size:11px;padding:7px}main{display:flex;flex-direction:column}#view{order:0;height:58dvh;min-height:360px}#left{order:1;max-height:none;display:grid;grid-template-columns:1fr 1fr}#left section:last-child{grid-column:1/3}#right{order:2;display:block}section{padding:16px 12px}#faces{gap:5px}#toolbar{bottom:12px;max-width:96%;overflow:auto}#toolbar button{font-size:10px;padding:9px 6px}.guide{bottom:70px;left:12px;font-size:10px}.pill{font-size:8px;letter-spacing:.5px}.view-top{left:12px;right:12px}.grid button{padding:9px 5px;font-size:11px}}

.brand{text-decoration:none}.actions{flex-wrap:wrap;justify-content:flex-end}header{height:auto;min-height:72px;gap:12px;padding-top:12px;padding-bottom:12px}#storagePanel p{font-size:11px}#storagePanel h3{font-size:11px;color:#b7c5a6;font-weight:500}#localRooms button,#serverRooms button{display:block;width:100%;text-align:left;margin:5px 0;overflow-wrap:anywhere}#storagePanel .grid button{font-size:11px;padding:9px 5px}button:disabled{opacity:.5;cursor:wait}select{width:100%;font:inherit;color:inherit;background:#202922;padding:8px;border:1px solid #465341;border-radius:4px}#keyHelp{font-size:10px;line-height:1.8}#serverState[data-error=true]{color:#edc69b}#storagePanel .wide{font-size:11px}@media(min-width:1051px){main{height:calc(100dvh - var(--head-height,72px))}}