
.mh-photo-palette{padding:16px;border:1px solid #d8ddcf;border-radius:14px;margin:15px 0}.mh-photo-palette summary{font-size:16px;cursor:pointer;font-weight:600}.mh-photo-palette p,.mh-photo-palette small{font-size:13px;line-height:1.5;color:#656e5b}.mh-palette-photo{display:block;max-width:100%;height:auto;max-height:320px;cursor:crosshair;margin-top:14px;border-radius:8px}.mh-palette-swatches{display:flex;gap:10px;margin:16px 0}.mh-palette-swatches button{width:42px;height:42px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #aaa}.mh-palette-swatches button[aria-pressed=true]{box-shadow:0 0 0 3px #52613c}.mh-palette-options{display:grid;gap:8px;margin:10px 0}.mh-palette-options button{padding:13px;text-align:left;background:#edf0e5;border:1px solid #d6ddc8;border-radius:8px}.mh-cloud-save-actions{display:flex;gap:10px;flex-wrap:wrap}.mh-price-basis p{font-size:13px;line-height:1.55}.st-project-bottom{flex-wrap:wrap;gap:8px}

/* Client flow: immediate covers, deliberate 3D, readable mobile controls. */
.mh-starter{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:20px}
.mh-start-head h1{font-size:clamp(30px,4vw,52px)}.mh-start-head p,.mh-start-head .text-button,.mh-start-footer small{font-size:15px}
.mh-room-brief,.mh-kit-details,.mh-openings{flex-shrink:0}.mh-room-size{margin:0 0 18px}.mh-room-size b{flex-basis:100%;font-size:18px}
.mh-room-cover{position:relative;flex-shrink:0;height:280px;border-radius:22px;overflow:hidden;margin-bottom:24px}.mh-room-cover img{width:100%;height:100%;object-fit:cover}
.mh-room-cover>span,.st-cover-photo>span{position:absolute;bottom:14px;left:14px;background:#fffdf0e8;border-radius:6px;font-size:12px;padding:6px 9px;color:#424538}
.mh-step-label{font-size:21px;margin:25px 0 14px}.mh-look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.mh-look-grid button{position:relative;overflow:hidden;text-align:left;padding:14px;background:#fffdf6;border:1px solid #deded0;border-radius:15px;transition:transform .2s,border-color .2s,box-shadow .2s}
.mh-look-grid button>img{width:calc(100% + 28px);max-width:none;height:105px;object-fit:cover;margin:-14px -14px 12px}
.mh-look-grid button[aria-pressed=true]{border-color:#566345;box-shadow:0 0 0 2px #566345}.mh-look-grid b,.mh-look-grid small{display:block}.mh-look-grid b{font-size:15px;margin-top:10px}.mh-look-grid small{font-size:12px;line-height:1.5;color:#6b715f;margin-top:6px}
.mh-look-palette{display:flex;gap:5px}.mh-look-palette i{height:21px;width:28px;border-radius:5px;border:1px solid #0001}
.mh-openings,.mh-kit-details{border:1px solid #deded0;padding:17px;border-radius:14px;margin:12px 0}.mh-openings summary,.mh-kit-details summary{font-size:17px;font-weight:600;cursor:pointer}.mh-openings p{font-size:13px;color:#646b59}
.mh-opening-actions{display:flex;gap:10px;margin:16px 0}.mh-opening-actions button,.mh-opening-row button{border:1px solid #cbd1be;background:#fffdf6;padding:10px 16px;border-radius:8px}
.mh-opening-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid #deded0}.mh-opening-row>b{align-self:center}.mh-opening-row label{display:flex;flex-direction:column;font-size:12px;gap:5px}.mh-opening-row input{width:80px}.mh-opening-row input,.mh-opening-row select{min-height:42px;padding:8px;border:1px solid #cbd1be;border-radius:7px;background:white}
.mh-opening-plan{max-width:360px;margin:auto}.mh-opening-plan svg{width:100%;height:240px}
.mh-kit-details .mh-item-grid{margin-top:20px;max-height:none;overflow:visible}.mh-item-main small{font-size:13px}.mh-start-footer{position:sticky;bottom:-20px;background:#f5f3edf5;backdrop-filter:blur(15px);z-index:3;min-height:90px}
.mh-blueprint-plan{background:#f4f4ea;min-height:260px;padding:10px}.mh-blueprint-plan svg{width:100%;height:260px}.mh-blueprints{overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0}.mh-blueprint{min-width:0}.mh-blueprint-copy p{font-size:14px}
.st-intro-model img{width:100%;height:100%;object-fit:cover;border-radius:24px}
.st-concept-banner{position:relative;display:flex;gap:20px;align-items:center;border-radius:20px;overflow:hidden;background:#eeeee3;margin-bottom:25px}.st-concept-banner img{width:42%;height:210px;object-fit:cover}.st-concept-banner b{font-size:22px;display:block}.st-concept-banner small{display:block;max-width:340px;font-size:14px;line-height:1.6;margin-top:10px;color:#636b57}
.st-project-cover{padding:12px}.st-cover-photo{position:relative;border-radius:16px;overflow:hidden;height:clamp(230px,38vw,410px)}.st-cover-photo>img{width:100%;height:100%;object-fit:cover}.st-cover-photo>.st-primary{position:absolute;bottom:50px;left:20px}
.st-object-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:220px;overflow:auto;margin-top:12px}.st-object-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f7f8f0;border:1px solid #daded0;border-radius:10px;padding:13px;text-align:left}.st-object-list b,.st-object-list small{display:block}.st-object-list b{font-size:14px}.st-object-list small{color:#6d7560;margin-top:5px}.st-object-list strong{font-size:13px;white-space:nowrap}
.st-settings .mh-look-grid{grid-template-columns:1fr 1fr}.st-settings .mh-look-grid button>img{height:85px}
.st-card,.mh-blueprint,.mh-room-card{animation:mh-arrive .4s both}.st-card:nth-child(2),.mh-blueprint:nth-child(2){animation-delay:.06s}.st-card:nth-child(3),.mh-blueprint:nth-child(3){animation-delay:.12s}
.st-settings:not([hidden]){animation:mh-panel .22s both}.st-primary,.button,.mh-room-card,.st-simple-actions button{transition:transform .18s,box-shadow .18s,background .18s}
@media(hover:hover){.mh-look-grid button:hover,.mh-room-card:hover{transform:translateY(-3px)}.st-primary:hover,.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #23331520}}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b78b54;outline-offset:3px}
@keyframes mh-arrive{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes mh-panel{from{opacity:.5;transform:translateX(-10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.mh-starter{padding:20px 16px;inset:60px 0 0}.mh-room-cover{height:205px}.mh-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-room-size{gap:12px}.mh-room-size label{flex:1 1 40%;flex-wrap:wrap;font-size:14px}.mh-room-size input{font-size:16px;max-width:85px}.mh-blueprints{grid-template-columns:1fr}.mh-blueprint-plan svg{height:230px}.mh-start-footer{gap:12px;flex-wrap:wrap;padding:16px 0;bottom:-20px}.mh-start-footer>.button{flex:1;min-height:50px}.mh-start-footer .mh-continue{font-size:12px}.st-concept-banner{display:block}.st-concept-banner img{width:100%;height:190px}.st-concept-banner>div{padding:18px}.st-concept-banner b{font-size:20px}.st-object-list{grid-template-columns:1fr}.st-steps{gap:8px}.st-view-switch{flex-wrap:wrap}.st-view-switch button{min-height:44px}.st-simple-actions{gap:4px}.st-simple-actions button{font-size:12px;min-height:56px;padding:8px}.st-settings input,.st-settings select,.st-fish-prompt textarea,.mh-start-assistant textarea{font-size:16px}.st-settings{max-height:76dvh;overflow:auto}.st-project-layout.has-panel .st-settings{position:fixed;bottom:0;left:0;right:0;top:auto;z-index:60;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0003}.st-settings-scroll{max-height:65dvh;overflow:auto}.st-panel-head{position:sticky;top:0;background:#f8f8ef;z-index:2}.st-cover-photo>span{font-size:10px}.st-cover-photo>.st-primary{left:12px;right:12px;bottom:55px;font-size:14px}.st-fish-dock{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.mh-room-size{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;background:#eeeee7;border-radius:18px;margin:18px 0}.mh-room-size label{display:flex;align-items:center;gap:8px}.mh-room-size input{width:85px;padding:10px;border:1px solid #c9cbbd;border-radius:8px;background:white}.mh-room-size small{flex-basis:100%;color:#666}.st-quick-pieces{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.st-quick-pieces button{padding:12px;text-align:left;border:1px solid #d5d7cc;border-radius:10px;background:#f7f7f0}.st-quick-pieces small{display:block;color:#66705e;margin-top:5px}
/* Furniture-first play space. Professional controls remain in their own mode. */
.gf-local{font:12px/1.5 Inter,system-ui,sans-serif;margin:15px 0 4px;padding:12px;border:1px solid #e2dfd2;border-radius:12px;background:#f7f5ed;color:#555f50}
.gf-local-line{display:flex;gap:8px;align-items:center}.gf-local-line span{flex:1}.gf-local-line b{white-space:nowrap;color:#43563e;font-size:12px}.gf-led{width:7px;height:7px;border-radius:50%;background:#aaa99c;flex:none}.gf-led.ready{background:#62874c;box-shadow:0 0 0 3px #62874c19}
.gf-local progress{width:100%;height:7px;accent-color:#788d4f}.gf-local .gf-link{background:none;border:0;color:#486340;padding:7px 0;text-align:left;text-decoration:underline;font-size:12px}.gf-setup{margin-top:7px}.gf-setup summary{cursor:pointer;color:#3e5136;font-weight:600}.gf-setup p{font-size:12px!important;line-height:1.65!important;margin:10px 0!important}.gf-setup small{display:block;font-size:11px;margin-top:9px}.gf-setup button{width:100%;min-height:42px}
.mh-recorder{position:fixed;z-index:160;left:22px;bottom:22px;width:390px;max-width:calc(100vw - 28px);max-height:76dvh;overflow:auto;padding:18px;border:1px solid #d9dfce;border-radius:18px;background:#fffefa;color:#32442e;box-shadow:0 10px 55px #15231435;font:14px/1.5 Inter,system-ui,sans-serif}.mh-recorder[hidden]{display:none}.mh-recorder-head{display:flex;align-items:center;gap:9px}.mh-recorder-head strong{font-size:13px;flex:1}.mh-recorder-head time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.mh-recorder-head>button{border:0;background:transparent;font-size:24px;padding:0 5px}.mh-recorder-head>i{width:9px;height:9px;flex:none;border-radius:50%;background:#a7ae9e}.mh-recorder[data-phase=listening] .mh-recorder-head>i{background:#d04d40;box-shadow:0 0 0 5px #d04d4018;animation:rec-pulse 1.2s ease-in-out infinite}.mh-recorder[data-phase=error] .mh-recorder-head>i{background:#cb7d31}.mh-recorder>p{font-size:13px;max-height:120px;overflow:auto;color:#5f6859;overflow-wrap:anywhere}.mh-recorder meter{width:100%;height:8px;display:block;margin-top:12px}.mh-recorder meter[hidden]{display:none}.mh-recorder-actions{display:flex;gap:8px;flex-wrap:wrap}.mh-recorder button:not(.mh-recorder-head button){border:1px solid #ccd3c1;border-radius:8px;padding:10px 12px;font:inherit;font-size:12px;background:#f3f5ea;color:#354a2f;cursor:pointer;min-height:40px}.mh-recorder [data-rec-action=stop]{background:#b84d3f!important;color:white!important;border-color:#b84d3f!important}.mh-recorder details{margin-top:13px;font-size:12px}.mh-recorder summary{cursor:pointer}.mh-recorder small{display:block;border-top:1px solid #e4e6dd;padding-top:10px;margin-top:14px;font-size:10px;color:#7b8173}.mh-recorder [hidden]{display:none!important}
.mh-start-assistant{margin:0 0 26px;padding:18px 22px;background:#fffdf5;border:1px solid #dfdcc9;border-radius:14px;max-width:680px}.mh-start-assistant>summary{cursor:pointer;font-size:17px;list-style:none;display:flex;gap:10px;align-items:center}.mh-start-assistant>summary span{color:#bc9247;font-size:25px}.mh-start-assistant>summary small{margin-left:auto;font-size:12px;color:#7a806d}.mh-start-assistant label{display:block;font-size:13px;margin:17px 0 8px}.mh-start-assistant textarea{width:100%;border:1px solid #d8dfd0;border-radius:10px;background:#fff;padding:12px;font:inherit;font-size:14px}.mh-start-assistant>div{display:flex;justify-content:space-between;gap:8px;margin:10px 0}.mh-start-assistant>div>button{border:1px solid #d0d8c5;border-radius:9px;min-height:43px;padding:10px 14px;background:#f4f5ec;cursor:pointer}.mh-start-assistant>p{font-size:12px;color:#5b6752}
#studioView .st-project-heading{padding-top:24px;padding-bottom:20px}#studioView .st-project-heading h1{font-size:clamp(25px,2.7vw,38px);line-height:1.1}#studioView .st-project-layout{gap:14px;padding-bottom:115px}#studioView .st-visual{background:#eaece3;border-radius:22px;border-color:#d8decf;box-shadow:inset 0 0 90px #ffffff70,0 12px 45px #273d2210}#studioView .st-canvas{height:min(58dvh,650px);min-height:370px}#studioView .st-visual-top{padding:16px 18px 4px}#studioView .st-edit-toolbar{padding:0 18px 8px}#studioView .st-play-hint{font-size:12px;line-height:1.5;text-align:center;color:#6c7664;padding:0 14px 8px;pointer-events:none}#studioView .st-simple-actions{display:flex;justify-content:center;gap:7px;padding:9px 12px;max-width:710px;width:100%;margin:0 auto;border:1px solid #d8dfcc;background:#fffef8;border-radius:18px;box-shadow:0 7px 25px #2c442515;grid-column:1/-1}#studioView .st-simple-actions button{flex:1;border:0;background:transparent;border-radius:12px;padding:10px 13px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;white-space:nowrap;color:#4f5f43;transition:background .18s,transform .18s}#studioView .st-simple-actions button>span{font-size:22px;line-height:1}#studioView .st-simple-actions button:hover{background:#eff2e7;transform:translateY(-2px)}#studioView .st-simple-actions button[aria-pressed=true]{color:#fff;background:#4d6542}#studioView .st-camera-details{border-top:1px solid #dde2d1;padding:0 16px;font-size:12px;color:#65705c}#studioView .st-camera-details>summary{cursor:pointer;padding:10px 0;list-style:none;text-align:center}#studioView .st-camera-details>summary::after{content:' ⌄'}#studioView .st-camera{padding:0 0 9px;justify-content:center;gap:5px;flex-wrap:wrap}#studioView .st-camera button{border-radius:8px;border:1px solid #dbe0d0;background:#fafbf5;font-size:11px}#studioView .st-model-caption{font-size:11px;line-height:1.5;padding:7px 12px 12px;text-align:center}#studioView .st-context{border-radius:17px;padding:16px;box-shadow:0 15px 55px #14281230;border-color:#d4dec5}#studioView .st-context button{min-height:40px;border-radius:9px}#studioView .st-settings{border-radius:19px}#studioView .st-voice-status[data-phase=listening]{background:#fff0ec;border-color:#ebcabf;color:#ad4336}#studioView .st-voice-bars{display:none!important}#studioView .st-fish-dock{border-radius:18px}
@keyframes rec-pulse{50%{box-shadow:0 0 0 8px #d04d4008}}
@media(max-width:740px){.mh-recorder{left:14px;bottom:14px;width:calc(100vw - 28px)}.mh-start-assistant{padding:15px}.mh-start-assistant>summary{font-size:15px}.mh-start-assistant>summary small{font-size:10px}#studioView .st-canvas{height:43dvh;min-height:310px}#studioView .st-project-layout{padding-bottom:125px}#studioView .st-simple-actions{gap:2px;padding:5px;order:1;border-radius:14px}#studioView .st-simple-actions button{font-size:10px;min-height:58px;padding:8px 3px;white-space:normal}#studioView .st-simple-actions button>span{font-size:21px}#studioView .st-play-hint{font-size:11px}#studioView .st-visual-top{padding:12px 12px 6px}#studioView .st-project-bottom{padding-bottom:5px}#studioView .st-project-heading{padding-top:18px}#studioView .st-model-caption{display:none}}
@media(prefers-reduced-motion:reduce){.mh-recorder-head>i,#studioView .st-simple-actions button{animation:none!important;transition:none!important}}

/* Kitchen entry: illustrations end at the style selection. */
.kh-style-entry{max-width:1280px;margin:auto;padding:36px 0 52px}.kh-style-entry h1{font-size:clamp(30px,4vw,54px);line-height:1.12;letter-spacing:-.025em;margin:14px 0}.kh-style-entry>.st-muted{display:block;margin:18px 0}
.kh-style-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.kh-style-card{position:relative;padding:0;text-align:left;border:1px solid #deded2;border-radius:18px;overflow:hidden;background:#fffdf7;color:#35432e;cursor:pointer;transition:transform .25s,box-shadow .25s}.kh-style-card>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}.kh-style-card>span{display:block;position:relative;padding:17px 36px 18px 16px}.kh-style-card b{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em}.kh-style-card small{display:block;font-size:12px;line-height:1.6;margin-top:6px;color:#6b725f}.kh-style-card i{position:absolute;right:16px;top:19px;font-size:19px;font-style:normal;color:#859375}.kh-own-idea{display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px solid #dcd9c6;border-radius:18px;background:linear-gradient(100deg,#eeebda,#f7f5eb)}.kh-own-idea>span{width:54px;flex:none}.kh-own-idea svg{width:100%;height:auto}.kh-own-idea>div{flex:1}.kh-own-idea h2{font-size:23px;margin:0 0 7px}.kh-own-idea p{font-size:14px;line-height:1.6;margin:0;color:#67705b}.kh-own-idea button{flex:none;min-height:48px}
.kh-style-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.kh-style-pills button{display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px solid #d6dbcc;border-radius:99px;background:#fafbf4;color:#53604b;font-size:13px;min-height:42px;cursor:pointer}.kh-style-pills i{display:block;width:17px;height:17px;flex:none;border:1px solid #0001;border-radius:50%}.kh-style-pills button[aria-pressed=true]{background:#425539;color:#fff;border-color:#425539}
.kh-start-paths{display:grid;gap:10px;margin:22px 0}.kh-start-paths button{width:100%;min-height:50px}.st-client-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:38px 0}.st-client-intro h1{font-size:clamp(28px,3.6vw,44px);line-height:1.15;margin:12px 0}.st-client-intro .st-room-preview{border:1px solid #dce0d1;background:#f1f2e8;padding:24px;border-radius:20px}.st-client-intro .st-room-preview h2{font-size:22px;margin:0 0 10px}.st-client-intro .st-brief-primary{padding:20px;border:1px solid #dedbc8;border-radius:15px;background:#fffdf5}.st-client-intro textarea{width:100%;resize:vertical;font:inherit;font-size:15px;line-height:1.6;padding:14px;margin-top:14px;border:1px solid #d1d6c6;border-radius:10px;background:white}.st-client-intro .st-brief-actions{display:flex;gap:9px;align-items:center;margin-top:12px}.st-client-intro .st-brief-actions>.st-primary{flex:1}.st-client-intro .st-room-map svg{max-height:380px}.st-client-intro .st-fish-heading{display:flex;align-items:center;gap:10px;font-size:16px}.st-client-intro .st-fish-symbol{width:32px;flex:none}
#collection .kh-style-gallery{margin-top:30px}.st-settings .kh-style-pills button{font-size:12px}
@media(hover:hover){.kh-style-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #203a1a18}.kh-style-card:hover>img{transform:scale(1.035)}}
@media(max-width:1080px){.kh-style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.st-client-intro{gap:22px}.kh-own-idea{flex-wrap:wrap}.kh-own-idea button{margin-left:auto}}
@media(max-width:700px){.kh-style-entry{padding:22px 0 36px}.kh-style-gallery{gap:12px;margin:22px 0}.kh-style-card{border-radius:13px}.kh-style-card>span{padding:13px 25px 14px 12px}.kh-style-card b{font-size:15px}.kh-style-card small{font-size:11px;line-height:1.45}.kh-style-card i{right:10px;top:12px;font-size:16px}.kh-own-idea{gap:12px;padding:19px}.kh-own-idea>span{width:36px}.kh-own-idea h2{font-size:20px}.kh-own-idea p{font-size:13px}.kh-own-idea button{width:100%;margin:6px 0 0}.st-client-intro{grid-template-columns:1fr;padding-top:24px}.st-client-intro .st-room-preview{padding:18px}.st-client-intro textarea{font-size:16px}.st-client-intro .st-brief-actions{flex-wrap:wrap}.st-client-intro .st-brief-actions>.st-primary{flex-basis:100%}.kh-style-pills{gap:6px}.kh-style-pills button{font-size:12px;padding:8px 11px}.st-steps button{font-size:11px}.st-steps button span{width:19px;height:19px;font-size:10px}}
@media(max-width:380px){.kh-style-gallery{grid-template-columns:1fr}.kh-style-card>img{aspect-ratio:16/9}.kh-style-card b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.kh-style-card,.kh-style-card>img{transition:none;transform:none!important}}

#categoryGrid.mh-home-rooms{display:block}#categoryGrid>.kh-style-gallery{margin-top:0}
