@charset "UTF-8";
.paint-toolbar{height:66px;padding:0 28px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:#eeeee6;min-width:0}.paint-enabled .app-layout{height:calc(100% - 154px)}.paint-open{display:flex;align-items:center;gap:10px;min-height:44px;text-align:left;flex:0 0 210px;padding:0}.paint-open>svg:first-child{width:25px;height:25px}.paint-open>span{font-size:12px;font-weight:600}.paint-open small{display:block;font-size:9px;color:#75806c;font-weight:400;margin-top:4px}.paint-open .paint-open-chevron{height:13px;width:13px;margin-left:auto}.palette-strip{display:flex;align-items:center;gap:7px;overflow:auto;min-width:0;flex:1;scrollbar-width:none;padding:4px}.palette-strip::-webkit-scrollbar{display:none}.palette-chip{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 12px;border:1px solid transparent;border-radius:7px;min-height:42px;font-size:11px;color:#5f6d54}.palette-chip:hover{background:#e3e7d9}.palette-chip.selected{background:#fcfcf8;border-color:#a7b498;color:#30452a;box-shadow:0 1px 3px #00000008}.palette-swatches{display:inline-flex;align-items:center;flex-shrink:0;padding-right:1px}.palette-swatches i{height:18px;width:18px;display:block;border:1px solid #00000015;border-radius:50%}.palette-swatches i+i{margin-left:-5px;height:16px;width:16px}.compare-paint{display:flex;align-items:center;gap:8px;font-size:11px;border:1px solid #c7d0bb;min-height:42px;padding:8px 12px;border-radius:6px;white-space:nowrap}.compare-paint:enabled:hover,.compare-paint[aria-pressed=true]{background:#dce4d0}.compare-paint svg{width:18px;height:18px}.paint-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:none;fill:none;overflow:hidden}.paint-layer[hidden]{display:none!important}.photo-plane .hotspots{z-index:1}.paint-scene-status{position:absolute;top:65px;left:24px;max-width:calc(100% - 96px);font-size:10px;letter-spacing:.1px;background:#f9faf1e8;color:#394e2d;padding:8px 10px;border-radius:4px;pointer-events:none;box-shadow:0 1px 5px #0001}.paint-active .photo-shade{background:linear-gradient(180deg,#16211625 0%,transparent 19%,transparent 70%,#142014ad 100%)}.paint-active .photo-backdrop{filter:blur(22px) brightness(.38) saturate(.35)}.showing-original .paint-scene-status{background:#f9faf1;color:#57604e}
.paint-dialog{max-width:790px;padding:35px 36px 22px}.paint-dialog>h2{font:400 38px var(--serif);letter-spacing:-1px;margin:12px 0}.paint-intro{font-size:12px;line-height:1.7;color:var(--muted);max-width:580px}.paint-current{display:flex;align-items:center;gap:11px;background:#e8ecdf;padding:13px 16px;border-radius:7px;margin:20px 0}.paint-current>svg{width:23px;height:23px}.paint-current strong{display:block;font-size:12px;font-weight:600}.paint-current small{display:block;font-size:11px;margin-top:4px;color:#67785b}.palette-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.palette-card{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-align:left;display:flex;flex-direction:column;background:#fdfdf8;position:relative}.palette-card:hover{border-color:#7d9567;box-shadow:0 2px 10px #344c3e12}.palette-card.selected{border-color:#54753d;box-shadow:0 0 0 1px #54753d}.palette-preview{display:block;height:86px;width:100%;background:var(--wall);position:relative;overflow:hidden}.palette-preview>i{position:absolute;top:0;left:0;right:0;height:31px;background:var(--ceiling);clip-path:polygon(0 0,100% 0,100% 62%,25% 100%,0 62%)}.palette-preview:after{content:'';position:absolute;left:0;top:19px;bottom:0;width:25%;background:#0000000c;clip-path:polygon(0 0,100% 12px,100% 100%,0 100%)}.palette-preview small{position:absolute;right:7px;bottom:7px;font-size:8px;background:#fbfbf0dc;color:#3a4532;padding:4px 6px;border-radius:3px}.palette-preview b{position:absolute;top:6px;left:7px;font-size:6px;letter-spacing:.5px;color:#4a5e38;font-weight:600}.palette-card-copy{display:block;padding:11px 12px 13px}.palette-card-copy>strong{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.palette-card-copy>span{font-size:10px;line-height:1.6;display:block;color:#6e7666}.paint-custom{border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.paint-custom h3{font-size:14px;font-weight:600}.paint-custom>p{font-size:11px;color:var(--muted);line-height:1.7;margin:5px 0 11px}.paint-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.paint-select-grid label{font-size:11px;font-weight:600}.paint-select-grid label>span{display:flex;align-items:center;gap:9px;margin-top:7px;padding:0 10px;background:#fff;border:1px solid #cad2be;border-radius:6px}.paint-select-grid i{width:20px;height:20px;border:1px solid #0002;border-radius:50%;flex-shrink:0}.paint-select-grid select{height:44px;min-width:0;width:100%;background:none;color:var(--ink);font:11px var(--sans);border:0;cursor:pointer}.paint-select-grid select:focus-visible{outline:2px solid #829665;outline-offset:1px}.paint-source-links{display:flex;gap:20px;font-size:10px;color:#697b56;margin-top:10px}.paint-source-links a{text-decoration:underline;text-underline-offset:3px}.paint-summary{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #d4dcc8;border-radius:7px;margin:20px 0;background:#f0f2e8;font-size:11px}.paint-summary strong{font-size:12px;margin-bottom:2px}.paint-note{color:#6b765f;font-size:10px;line-height:1.7}.paint-note>strong{font-size:11px;font-weight:600;color:#526347}.paint-note p{margin-top:5px}.paint-dialog-actions{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-top:21px}.paint-export{display:flex;align-items:center;gap:8px;font-size:11px;min-height:44px;padding:8px 0}.paint-export svg{width:17px;height:17px}.paint-export:enabled:hover{color:#738652}.paint-export-status{font-size:10px;color:#526c42;margin-top:8px}.paint-dialog>#paint-original{font-size:10px;color:#76816a;min-height:35px}
@media(max-width:1200px){.paint-toolbar{padding:0 20px;gap:13px}.paint-open{flex-basis:170px}.palette-chip{padding:8px 10px;gap:6px}.compare-paint{padding:8px 10px}.palette-swatches i{height:16px;width:16px}.palette-swatches i+i{height:14px;width:14px}}
@media(max-width:900px){.paint-toolbar{height:60px;padding:0 16px;gap:10px}.paint-enabled .app-layout{height:calc(100% - 133px)}.paint-open{flex-basis:auto;gap:7px}.paint-open>span{font-size:10px}.paint-open small,.paint-open-chevron{display:none}.paint-open>svg:first-child{width:22px;height:22px}.palette-chip{font-size:10px;padding:7px 9px;min-height:44px}.compare-paint{font-size:10px;min-height:44px}.paint-scene-status{font-size:9px}.paint-dialog{max-width:720px}}
@media(max-width:600px){.paint-toolbar{height:56px;padding:0 10px;gap:5px}.paint-enabled .app-layout{height:calc(100% - 124px)}.paint-open{width:43px;min-width:43px;justify-content:center;border:1px solid #c5d0b9;border-radius:6px;background:#f8f9f2}.paint-open>span{display:none}.paint-open>svg:first-child{width:22px;height:22px}.palette-strip{gap:3px;padding:3px}.palette-chip{padding:7px 8px;gap:6px;font-size:10px}.palette-swatches i{height:15px;width:15px}.palette-swatches i+i{height:13px;width:13px}.compare-paint{width:43px;min-width:43px;padding:0;justify-content:center}.compare-paint>span{display:none}.paint-scene-status{left:12px;top:51px;font-size:8px;padding:7px 8px;max-width:calc(100% - 66px);line-height:1.45}.paint-dialog{padding:32px 20px 18px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.paint-dialog>h2{font-size:30px}.paint-dialog>.eyebrow{font-size:8px}.paint-intro{font-size:11px}.paint-current{padding:12px;margin:16px 0}.paint-current strong{font-size:11px}.paint-current small{font-size:10px}.palette-cards{grid-template-columns:1fr 1fr;gap:9px}.palette-card-copy{padding:10px}.palette-card-copy>strong{font-size:11px}.palette-card-copy>span{font-size:9px}.palette-preview{height:75px}.palette-preview small{font-size:7px;right:5px}.paint-select-grid{grid-template-columns:1fr;gap:12px}.paint-dialog-actions{gap:10px;align-items:stretch;flex-direction:column}.paint-dialog-actions .primary-button{justify-content:space-between}.paint-export{justify-content:center;border:1px solid #c7d2ba;border-radius:6px}.paint-source-links{font-size:9px;gap:13px}.paint-summary{font-size:10px;padding:12px}}
@media(max-height:540px) and (max-width:900px) and (orientation:landscape){.paint-toolbar{height:48px;padding:0 10px;gap:8px}.paint-open{flex-basis:142px}.paint-open>span{display:block}.paint-enabled .app-layout{height:calc(100% - 102px)}.paint-scene-status{top:44px;left:12px;font-size:7px;padding:5px 7px}.paint-active .zoom-controls{top:77px}.paint-active .zoom-controls .glass-button{height:25px}.paint-active .zoom-controls .zoom-value{height:18px}.palette-chip{min-height:40px;font-size:9px;padding:6px 8px}.compare-paint{min-height:40px}.compare-paint>span{display:none}}