.finish-studio{width:352px;flex:none;order:0;background:#f8f9f3;border-right:1px solid #d6ddd1;display:flex;flex-direction:column;z-index:7;min-height:0;color:#263f32}
.finish-studio-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px;border-bottom:1px solid #dce2d5;flex:none;background:#f8f9f3}.finish-studio-head .eyebrow{margin:0 0 6px;font-size:9px}.finish-studio-head h2{font:26px Georgia,serif;letter-spacing:-.5px;text-transform:none;margin:0}
#finishStudioClose{height:44px;width:44px;border:1px solid #d4ded0;border-radius:50%;background:#eef2e8;color:#294e40;font-size:25px;flex:none}
.finish-studio-scroll{padding:18px 20px 28px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}
.finish-studio button,.finish-studio input,.finish-studio label,.finish-studio select{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.finish-studio button{font-size:12px;min-height:44px}.finish-studio button:disabled{opacity:.48;cursor:default}.finish-studio select{font-size:14px;min-height:44px;background:#fffef9}
.finish-tabs,.finish-pattern{display:flex;gap:6px}.finish-tabs{background:#e7ece1;padding:4px;border-radius:10px}.finish-tabs button{flex:1;border:0;border-radius:7px;background:transparent;color:#506451;font-size:13px;font-weight:600}.finish-tabs button[aria-pressed=true]{background:#294e40;color:white;box-shadow:0 2px 5px #284a3422}
.finish-room-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:18px 0 12px}.finish-room-row label{grid-column:1/-1;font-size:11px;color:#637362}#finishRoom{min-width:0}.finish-room-row button{border:1px solid #d6dfcf;background:#edf2e7;border-radius:5px;color:#294e40;padding:6px 10px}
.finish-pattern{margin:0 0 14px}.finish-pattern button{flex:1;border:1px solid #d6dfcf;background:#fcfdf8;border-radius:7px;color:#526651;padding:9px}.finish-pattern small{font-size:10px;display:block;margin-top:3px;color:#74836f}.finish-pattern button[aria-pressed=true]{border-color:#52775a;background:#e8f0df;color:#264c35;box-shadow:inset 0 0 0 1px #52775a}
.finish-collection{display:block;font-size:11px;color:#637362;margin:0 0 13px}.finish-collection select{margin-top:7px}
.finish-current{font-size:11px;color:#6c7d67;margin:13px 0 9px;line-height:1.5}.finish-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finish-swatch{position:relative;padding:0 0 9px;overflow:hidden;border:1px solid #d8dfd1;border-radius:8px;background:#fffef8;text-align:left;min-width:0;color:#2f4936}.finish-swatch img{width:100%;height:102px;display:block;object-fit:cover;border-bottom:1px solid #dce2d5;pointer-events:none}.finish-swatch span{display:block;font-weight:600;font-size:12px;line-height:1.3;padding:9px 9px 0}.finish-swatch small{display:block;padding:4px 9px 0;font-size:10px;line-height:1.4;color:#73816c}.finish-swatch[aria-pressed=true]{border-color:#365d3c;box-shadow:0 0 0 2px #365d3c}.finish-swatch[aria-pressed=true]:after{content:'✓';position:absolute;right:7px;top:7px;display:grid;place-items:center;border-radius:50%;width:24px;height:24px;background:#294e40;color:#fff;font-size:14px;box-shadow:0 1px 5px #17351e50}.finish-swatch .finish-limited{color:#86632f}
.finish-status{font-size:11px;line-height:1.5;color:#527047;min-height:18px;margin:12px 0}.finish-secondary{width:100%;border:1px solid #b6c7ab;border-radius:6px;background:#edf3e5;color:#294e40;padding:10px}.finish-selection-detail{padding:13px 0 16px;border-top:1px solid #d9e1d1}.finish-selection-detail p{font-size:11px;line-height:1.5;margin:9px 0 5px}.finish-selection-detail a{font-size:11px;color:#345d3c;text-underline-offset:3px}
#finishReference{width:100%;display:flex;align-items:center;gap:11px;border:0;background:none;padding:0;text-align:left;color:#425f43;font-size:11px}#finishReference img{width:60px;height:60px;object-fit:contain;background:#fff;flex:none;border-radius:4px}#finishReference span{line-height:1.5}
.finish-light{padding:12px 0;border:0;border-top:1px solid #d9e1d1;margin:0;display:flex;flex-wrap:wrap;gap:4px 12px}.finish-light legend{font-size:11px;font-weight:600;padding:0 8px 0 0}.finish-light label{font-size:11px;display:flex;align-items:center;gap:5px;min-height:35px}.finish-light input{accent-color:#365d3c;width:16px;height:16px;margin:0}
.finish-explanation{font-size:10px;line-height:1.6;color:#788770;margin:0 0 16px}.finish-schedule,.finish-archive{padding:14px 0;border-top:1px solid #d9e1d1;margin:0 0 14px}.finish-schedule summary,.finish-archive summary{margin:0;font-size:12px}.finish-schedule[open] summary,.finish-archive[open] summary{margin-bottom:15px}#finishSchedule p{display:grid;gap:3px;font-size:11px;line-height:1.4;margin:0 0 12px}#finishSchedule span{font-size:10px;color:#718167}.finish-archive p{font-size:10px;line-height:1.5;color:#788770}.finish-archive-item{display:flex;gap:10px;align-items:center;font-size:10px;margin:10px 0}.finish-archive-item img{width:55px;height:45px;object-fit:contain}.finish-reset{width:100%;background:transparent;border:1px solid #d6dfcf;color:#63735b;border-radius:6px;padding:10px}
body.finishes-open #panel{display:none}body.finishes-open #stage{order:1}body.finishes-open #walkNotice{display:none}body.finishes-open .stage-top .view-label{display:none}
#openFinishStudio{min-height:44px;text-align:left;width:100%;margin:8px 0 17px;border:1px solid #c3d1bc;border-radius:5px;padding:10px;background:#eaf0e3;color:#294e40}
.finish-original-swatch{display:block;object-fit:contain;max-height:60vh;width:auto!important;max-width:100%;margin:auto;image-rendering:auto}
.finish-room-photos{margin-top:15px}#finishRoomReference{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #d6dfcf;border-radius:7px;background:#f0f3ea;color:#34583e;text-align:left}#finishRoomReference img{width:100%;height:auto;max-height:200px;object-fit:contain;display:block;pointer-events:none}#finishRoomReference span{display:block;padding:10px 12px;font-weight:600}#finishRoomPhotoCaption{color:#6b7965}
.finish-reference-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px}.finish-reference-choices button{min-height:44px;padding:9px 16px;border:1px solid #ccd8c5;border-radius:7px;background:#edf2e7;color:#38593d;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.finish-reference-choices button[aria-pressed=true]{background:#294e40;color:#fff;border-color:#294e40}.finish-manufacturer-room{display:block;width:100%;max-height:58vh;object-fit:contain;background:#eef1e8}.finish-reference-gallery .finish-reference-caption{margin:12px 0 5px;font-size:12px}.finish-reference-source{display:inline-block;color:#345d3c;font-size:12px;line-height:1.5;padding:8px 0;text-underline-offset:3px}.finish-reference-gallery .finish-reference-note{font-size:11px;line-height:1.6;color:#73816b}.finish-reference-gallery{min-width:0;overflow-wrap:anywhere}
#infoDialog:has(.finish-reference-gallery) .dialog-close{width:44px;height:44px;right:6px;top:4px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.finish-reference-gallery h2{padding-right:26px}
#infoDialog:has(.finish-reference-gallery){top:5dvh;bottom:auto;margin:0 auto;max-height:90dvh}.finish-reference-media{position:relative;width:100%;aspect-ratio:4/3;max-height:52dvh;background:#eef1e8;border-radius:4px;overflow:hidden}.finish-reference-media img{position:absolute;inset:0;width:100%!important;height:100%;max-height:100%;margin:0;object-fit:contain}
@media(max-width:800px){body.finishes-open #app{flex-direction:column}body.finishes-open #stage{order:0;flex:1;min-height:180px}body.finishes-open .finish-studio{order:1;flex:0 0 47dvh;width:100%;height:47dvh;max-height:calc(100dvh - 180px);border-right:0;border-top:1px solid #cdd9c5;box-shadow:0 -5px 30px #21351b18}.finish-studio-head{padding:10px 16px;gap:15px}.finish-studio-head h2{font-size:23px}.finish-studio-head .eyebrow{display:none}.finish-studio-scroll{padding:13px 16px 22px}.finish-studio select{font-size:16px}.finish-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.finish-swatch img{height:85px}.finish-swatch span{font-size:11px;padding:8px 7px 0}.finish-swatch small{font-size:9px;padding-inline:7px}.finish-room-row{margin-top:13px}.finish-tabs button{min-height:44px}body.finishes-open .stage-top{left:12px;right:12px;top:12px;gap:7px;width:auto}body.finishes-open .stage-top>.pill{display:block}body.finishes-open #homeView,body.finishes-open #reset{display:none}body.finishes-open .stage-bottom{padding:12px;font-size:9px}body.finishes-open #touchPad{bottom:36px;right:10px}body.finishes-open #arrivalStatus{top:70px}}
@media(max-width:360px){.finish-swatches{grid-template-columns:1fr 1fr}.finish-room-row button{font-size:11px;padding-inline:7px}body.finishes-open .stage-top{gap:5px}body.finishes-open .stage-top .pill{padding-inline:8px}}