*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif;color:#26323a;background:#f5f6f7;font-size:16px}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #af7631;outline-offset:3px}header{height:90px;background:white;display:flex;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid #dee2e5}.brand{font-size:25px;font-weight:700;letter-spacing:3px;display:flex;flex-direction:column;line-height:1.3}.brand span{font-size:12px;letter-spacing:2px}.heading{border-left:1px solid #ddd;padding-left:26px}h1{font-size:19px;margin:0;font-weight:600}.heading p{font-size:12px;letter-spacing:2px;margin:7px 0 0;color:#6e7980}.heading p span{letter-spacing:0;background:#e9eef0;padding:3px 7px;margin-left:8px}.plain{margin-left:auto;border:1px solid #ccd3d6;background:white;padding:10px 16px;border-radius:5px;font-size:14px}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100dvh - 90px);min-height:550px}.viewer{position:relative;min-width:0;overflow:hidden;background:#344351}#stage{height:100%;width:100%}canvas{display:block;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#344351;z-index:2;padding:30px;text-align:center}.views{position:absolute;top:24px;left:24px;display:flex;gap:5px;background:#fffffff2;padding:5px;border-radius:8px;box-shadow:0 4px 20px #0001}.views button{border:0;background:transparent;color:#4a5962;padding:10px 17px;border-radius:5px;font-size:14px}.views button[aria-pressed=true]{background:#29383f;color:white}.scene-caption{position:absolute;left:28px;bottom:68px;color:white;text-shadow:0 1px 7px #0008;pointer-events:none}.scene-caption span{font-size:24px;font-weight:500}.scene-caption p{margin:8px 0 0;font-size:13px}.guide{position:absolute;left:28px;bottom:25px;color:#fff;background:#26343aba;font-size:12px;padding:8px 12px;border-radius:4px;pointer-events:none}.viewer-actions{position:absolute;bottom:23px;right:24px;display:flex;gap:4px}.viewer-actions button{border:0;border-radius:5px;background:#fffffff2;padding:10px 13px;font-size:14px}aside{background:white;overflow:auto;padding:24px;border-left:1px solid #e2e5e7}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 22px}.section-title:not(:first-child){margin-top:27px;border-top:1px solid #e4e7e8;padding-top:24px}.section-title span{font-size:12px;color:#99753f}.section-title h2,.spec h2{margin:0;font-size:16px;font-weight:600}.label{display:flex;justify-content:space-between;font-size:14px;margin:18px 0 12px}.label strong{font-weight:400;color:#78828a;font-size:13px}.colors{display:flex;gap:12px}.colors button{border:3px solid white;outline:1px solid #d6dcdf;background:var(--color);width:43px;height:43px;border-radius:50%}.colors button[aria-pressed=true]{outline:2px solid #ab8551}.segmented{display:flex;padding:4px;background:#eff2f3;border-radius:5px}.segmented button{flex:1;border:0;background:transparent;padding:8px;font-size:14px;border-radius:4px}.segmented button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #0001}select{width:100%;border:1px solid #d6dde0;background:white;color:#34434b;padding:10px;border-radius:4px;font-size:14px}.toggle{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:17px 0;gap:8px}.toggle input{appearance:none;width:37px;height:22px;flex-shrink:0;border-radius:15px;background:#cbd2d5;position:relative;cursor:pointer;margin:0}.toggle input:after{content:'';position:absolute;width:16px;height:16px;background:white;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle input:checked{background:#566e72}.toggle input:checked:after{transform:translateX(15px)}.spec{margin-top:28px;background:#f4f6f7;padding:18px 15px;border-radius:5px}.spec dl{margin:16px 0}.spec dl div{margin:13px 0}.spec dt{font-size:12px;color:#78838a;margin-bottom:4px}.spec dd{margin:0;font-size:13px;line-height:1.6}.spec p{font-size:12px;color:#69777f;line-height:1.9;margin:15px 0}.spec a{color:#365b68;font-size:14px;text-underline-offset:4px}dialog{max-width:1000px;width:92vw;border:0;border-radius:8px;padding:16px}dialog::backdrop{background:#12232cdc}dialog img{width:100%;display:block}dialog button{display:block;margin:0 0 14px auto;border:0;background:#edf1f3;padding:8px 14px;border-radius:4px}dialog p{font-size:14px;color:#596870}@media(max-width:800px){header{height:76px;padding:0 16px;gap:16px}.brand{font-size:20px}.heading{padding-left:15px}h1{font-size:15px}.heading p{font-size:10px;letter-spacing:1px}.plain{font-size:12px;padding:9px}.brand span{font-size:10px}main{display:block;height:auto;min-height:0}.viewer{height:62dvh;min-height:390px}aside{padding:24px;overflow:visible;border-left:0}.views{top:14px;left:12px;right:12px;justify-content:center}.views button{padding:10px 14px}.scene-caption{left:18px;bottom:76px}.scene-caption p{max-width:250px;font-size:12px}.guide{left:16px;bottom:15px;font-size:10px}.viewer-actions{right:12px;bottom:45px}.viewer-actions button{padding:8px 10px}.section-title{margin-top:5px}.spec dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.label{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.colors{gap:0;justify-content:space-between;padding:0 7px 28px}.colors button{position:relative}.colors button span{position:absolute;left:50%;top:46px;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#53616b}.brand{flex-shrink:0;white-space:nowrap}.plain{flex-shrink:0;white-space:nowrap}.heading{min-width:0}.heading p span{white-space:nowrap}#door-toggle{background:#ead4af;color:#283941}@media(max-width:800px){.viewer-actions{bottom:49px}.viewer-actions button{font-size:12px;padding:8px}.heading p{letter-spacing:0}.heading p span{display:inline-block;margin-left:0}header{gap:10px}.heading{padding-left:10px}.brand{font-size:18px;letter-spacing:1px}.plain{padding:9px 7px}}

.viewer-actions{display:grid;gap:6px}.opening-actions,.camera-actions{display:flex;gap:6px;justify-content:flex-end}.opening-actions button{background:#ead4af;color:#283941;white-space:nowrap;min-height:44px}.camera-actions button{min-height:44px}.scene-caption{bottom:135px}.pdf-link{display:block;padding:12px;border:1px solid #bcc9ce;border-radius:5px;background:#fff;text-align:center;min-height:44px}@media(max-width:800px){.viewer-actions{left:12px;right:12px;bottom:47px}.opening-actions button{font-size:14px;padding:9px 12px}.scene-caption{bottom:160px}.camera-actions button{font-size:14px}}