.walk-section{padding:38px 4% 55px}.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:25px 0 18px;font-size:13px}.toolbar label{display:flex;align-items:center;gap:8px}.toolbar select{max-width:300px;padding:9px 12px;background:#fff;border:1px solid #bac0b3;color:var(--ink)}.toolbar button,.touch-controls button{background:#f7f5ef;border:1px solid #adb4a6;border-radius:3px;padding:9px 12px}.toolbar button[aria-pressed=true]{background:#252d28;color:white}.mode-buttons{display:flex;gap:6px}#viewport{position:relative;height:min(72vh,780px);min-height:430px;background:#e8e7de;overflow:hidden;border:1px solid #c3c7bb;touch-action:none}#viewport>canvas:first-child{display:block;width:100%;height:100%}.view-status{position:absolute;top:14px;left:14px;background:rgba(247,245,239,.93);padding:8px 12px;pointer-events:none;display:flex;gap:15px;font-size:12px;max-width:80%}.view-status span{color:#62685f}#minimap{position:absolute;top:14px;right:14px;width:190px;height:145px;background:rgba(247,245,239,.94);border:1px solid #aaa;cursor:crosshair}.touch-controls{position:absolute;left:14px;bottom:14px;display:flex;gap:7px}.touch-controls button{width:42px;height:42px;background:rgba(247,245,239,.92);font-size:20px;touch-action:none}.control-note{font-size:13px;color:#62685f;margin-top:12px}.model-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:38px}.model-details h2{font:26px/1.2 Georgia,serif}.model-details p{font-size:14px;color:#62685f}#loading{position:absolute;left:20px;top:50%;background:#f7f5ef;padding:15px}#error{background:#fff3dc;padding:20px}.capture-mode .header,.capture-mode footer,.capture-mode .intro,.capture-mode .toolbar,.capture-mode .model-details,.capture-mode .control-note,.capture-mode .view-status,.capture-mode .touch-controls,.capture-mode #minimap{display:none}.capture-mode main,.capture-mode .walk-section{max-width:none;margin:0;padding:0}.capture-mode #viewport{height:100vh;width:100vw;border:0;min-height:0}@media(max-width:760px){.walk-section{padding:25px 5% 40px}.toolbar{gap:12px}.toolbar select{max-width:240px}.model-details{grid-template-columns:1fr;gap:18px}#viewport{height:62vh;min-height:420px}#minimap{width:130px;height:100px}.view-status{max-width:60%;display:block}.view-status span{display:block}.touch-controls{gap:5px}.touch-controls button{width:36px;padding:7px}.capture-mode #viewport{height:100vh;min-height:0}}

.style-summary{display:flex;justify-content:space-between;gap:28px;padding:16px 20px;margin:0 0 18px;background:#eeece4;border:1px solid #d8d4c8}.toolbar input[type=range]{width:130px;accent-color:#8a5a2b}#sun-label{min-width:58px;font-variant-numeric:tabular-nums;color:#5d6257}.style-summary strong{font:23px Georgia,serif}.style-summary p{font-size:13px;line-height:1.5;margin:6px 0;color:#5e655c;max-width:900px}.style-actions{min-width:190px;display:flex;flex-direction:column;gap:9px;font-size:12px}#style-swatches{display:flex;gap:6px}#style-swatches span{height:25px;width:30px;border:1px solid #b7b3a8}.capture-mode .style-summary{display:none}@media(max-width:760px){.style-summary{display:block;padding:14px}.style-actions{margin-top:12px}.toolbar #design-style{max-width:220px}}
@media(max-width:760px){.walk-section .intro{display:block}.walk-section .intro h1{font-size:40px;max-width:none}.walk-section .intro>.text-link{display:inline-block;margin-top:12px}.style-summary #style-fit{display:none}}