*{box-sizing:border-box}body{margin:0;background:white;color:#181818;font:16px/1.5 Montserrat,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d7d7d7;background:white;color:inherit;border-radius:7px;padding:12px 16px;min-height:46px}button:hover{border-color:#222}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #567c9b;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}button[aria-pressed=true],button[aria-selected=true]{background:#171717;color:white;border-color:#171717}[hidden]{display:none!important}.map-header{display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;border-bottom:1px solid #e5e5e5;gap:15px}.map-header a{font-size:22px;font-weight:700;letter-spacing:3px;color:inherit;text-decoration:none}.map-header span{font-size:16px}.map-header button{border:0}#help{max-width:950px;margin:20px auto;padding:0 20px}.map-editor{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(365px,1fr);max-width:1600px;margin:auto}.preview-column{min-width:0;background:#f1f2f2;padding:26px 32px;position:sticky;top:0;align-self:start;height:calc(100vh - 92px);min-height:700px;display:flex;flex-direction:column}.view-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.view-tabs button{font-size:15px;background:transparent;border-color:transparent}.view-tabs button[aria-pressed=true]{background:white;color:#111;box-shadow:0 2px 9px #0000000b}.preview-stage{flex:1;min-height:0;position:relative;display:grid;place-items:center}#design-view{height:100%;max-width:100%;aspect-ratio:2/3;filter:drop-shadow(7px 12px 12px #0002)}#poster{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:grab}#poster:active{cursor:grabbing}.preview-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:20px;font-size:14px}.preview-tools span{width:100%;text-align:center;color:#666}.preview-tools input{width:180px;accent-color:#111}#three-view{width:100%;height:100%;display:flex;gap:4px}#three-view>div{flex:1;min-width:0;height:100%}#three-view canvas{width:100%;height:100%;display:block;touch-action:none}#room-view{width:100%;position:relative;overflow:hidden}#room-view>img{width:100%;display:block}#room-panels{position:absolute;left:50%;top:23%;transform:translateX(-50%);height:27%;display:flex;gap:12px}#room-panels img{height:100%;width:auto;box-shadow:5px 8px 7px #0005}#room-options{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:12px}#room-options button{font-size:13px;padding:7px}.panel-tabs{display:flex;gap:10px;justify-content:center;margin-top:18px}.panel-tabs button{display:flex;align-items:center;gap:10px;font-size:14px;padding:7px 14px}.panel-tabs img{height:42px;width:28px;object-fit:cover}.attribution{font-size:11px;text-align:center;margin:14px 0 0;color:#626262}.attribution a{color:inherit}.controls{padding:35px 38px 26px;min-width:0}.controls h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px}.intro{font-size:17px;color:#595959;margin:0 0 26px}.set-picker{border:0;padding:0;margin:0 0 26px;display:flex;gap:10px}.set-picker legend{margin-bottom:10px;font-weight:600}.set-picker button{flex:1;text-align:left;font-weight:600;font-size:15px}.set-picker span{display:block;font-size:12px;font-weight:400;margin-top:5px}.editor-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:25px;gap:3px}.editor-tabs button{flex:1;border:0;border-radius:0;font-size:15px;padding:12px 5px;background:white;color:#555}.editor-tabs button[aria-selected=true]{color:#111;background:white;box-shadow:inset 0 -3px #111;font-weight:600}h2{font-size:21px;line-height:1.35;margin:0 0 18px}h3{font-size:16px;margin:22px 0 12px}label{display:block;font-size:15px;margin:16px 0 7px}input:not([type=checkbox]):not([type=range]),select{width:100%;border:1px solid #c8c8c8;border-radius:6px;padding:12px;background:white;color:#222;min-height:48px}input[type=range]{display:block;width:100%;accent-color:#111}.search-row{display:flex;gap:7px}.search-row input{min-width:0}.search-row button{background:#171717;color:white}.hint{font-size:14px;color:#666;line-height:1.65}.place-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.place-buttons button{font-size:14px}#search-results button{width:100%;text-align:left;margin-top:6px;font-size:14px}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.palette-grid button{padding:5px;min-width:0;background:white!important;color:#222!important;border-radius:8px}.palette-grid button[aria-pressed=true]{outline:2px solid #111;outline-offset:1px}.palette-grid canvas{display:block;width:100%;aspect-ratio:2/3;border-radius:3px}.palette-grid span{font-size:12px;display:block;padding:6px 0 2px}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice-row button{font-size:14px;flex:1;padding:10px}.check{display:flex;gap:12px;align-items:flex-start;font-size:15px;margin:18px 0}.check input{width:20px;height:20px;accent-color:#111;flex-shrink:0}.secondary{width:100%;margin-top:15px}.text-button{border:0;text-decoration:underline;padding:8px 0;background:none;font-size:14px}.purchase{border-top:1px solid #ddd;margin-top:28px;padding-top:15px}.purchase>p:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.purchase strong{font-size:24px}.purchase span{font-size:13px;color:#666}.primary{background:#171717;color:white;border-color:#171717;width:100%;font-weight:600;padding:17px}#status,#save-status{font-size:14px;line-height:1.5;margin:12px 0 0;min-height:22px}dialog{border:0;border-radius:14px;padding:32px;max-width:min(1000px,95vw);max-height:93vh;overflow:auto;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#0009}#close-review{position:absolute;right:12px;top:8px;border:0;font-size:28px}#review-panels{display:flex;gap:20px;justify-content:center;background:#f1f2f2;padding:20px}#review-panels img{max-height:45vh;max-width:30%;width:auto;object-fit:contain;box-shadow:3px 6px 9px #0002}#review-panels img:only-child{max-width:100%}#map-engine,#export-engine{position:fixed;left:-20000px;top:0;pointer-events:none;width:800px;height:1200px}
@media(max-width:850px){.map-header{padding:14px 18px}.map-header span{display:none}.map-header a{font-size:19px}.map-header button{font-size:14px}.map-editor{display:block}.preview-column{position:relative;height:610px;min-height:0;padding:16px 18px 12px}.view-tabs{margin-bottom:13px}.preview-tools{margin-top:12px}.panel-tabs{margin-top:10px}.attribution{font-size:10px;margin-top:8px}.controls{padding:26px 20px}.controls h1{font-size:30px}.controls h2{font-size:22px}.controls input,.controls select{font-size:16px}.intro{font-size:18px}.set-picker button{font-size:16px}.set-picker span{font-size:13px}.hint{font-size:16px}.editor-tabs button{font-size:16px}.palette-grid{gap:11px}.palette-grid span{font-size:13px}.check{font-size:16px}.purchase{position:relative}.purchase span{font-size:14px}.purchase strong{font-size:25px}dialog{padding:30px 18px}#review-panels{gap:8px;padding:12px}#review-panels img{max-width:31%}.view-tabs button{font-size:15px;padding:10px 14px}.preview-tools span{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#design-view{position:absolute;inset:0;margin:auto;height:100%;width:auto;max-width:100%;min-height:0}#poster{width:auto;height:100%;max-width:100%}.preview-stage{overflow:hidden}
.preview-tools input[type=range]{width:180px}.preview-tools label{margin:0}.palette-grid span{font-size:14px}.set-picker span{font-size:14px}
@media(min-width:851px){.preview-column{height:min(850px,calc(100vh - 92px))}}
.custom-colors{margin-top:20px}.custom-colors summary{font-size:16px;cursor:pointer}.custom-colors>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-colors input[type=color]{height:45px;padding:4px}.custom-colors label{font-size:14px}

.palette-grid img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px}

.format-note{font-size:16px;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:24px}.purchase label{font-size:17px}.purchase label strong{font-size:14px;margin-left:8px}.attribution{font-size:12px;line-height:1.6}

/* Explicit preview actions and the photograph editor's eight room scenes. */
.view-tabs{flex-wrap:wrap;gap:10px}.view-tabs button{background:#fff;border:1px solid #999;color:#171717;font-size:16px;font-weight:600;min-height:48px;box-shadow:0 2px 4px #00000008}.view-tabs button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}.view-tabs button:hover{border-color:#171717;background:#e7e7e7;color:#171717}
#room-view{height:100%;display:grid;place-items:center}#room-canvas{display:block;width:100%;max-height:100%;object-fit:contain}#room-options{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:8px;padding:4px 0 10px;scroll-snap-type:x mandatory}#room-options button{flex:0 0 auto;font-size:15px;min-height:44px;padding:10px 14px;scroll-snap-align:start}
@media(max-width:850px){.view-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px}.view-tabs button:first-child{grid-column:1/-1;min-height:40px}.view-tabs button{font-size:16px;padding:10px 8px}.preview-column{height:690px}}

#room-view{min-height:0}#room-canvas{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain}


.language-note{font-size:17px;line-height:1.65;padding:16px;background:#f3f3f3;border-left:3px solid #171717;margin:0 0 20px}.editor-tabs button{line-height:1.4}
