.swatches{display:grid;grid-template-columns:repeat(4,42px);gap:7px}.swatch{min-height:42px;height:42px;width:42px;padding:0;background-image:none!important;border-radius:50%;border:1px solid #aaa}.swatch[aria-pressed=true]{outline:3px solid #617f6d;outline-offset:2px}
#controls select{padding:10px 6px;font:inherit;color:#36594a;background:#fffdf6;border:1px solid #cbd2c9;max-width:190px;min-height:44px}
.save-check{font-size:36px!important;line-height:1}.designer{left:49%;transform:translateX(-50%);top:112px;width:min(43vw,calc((100dvh - 236px)*.875));height:auto;aspect-ratio:7/8;object-fit:fill}
.motif-panel{position:absolute;right:20px;top:126px;width:27vw;max-width:360px;bottom:125px;display:flex;flex-direction:column}.motif-tabs{display:flex;justify-content:space-between;gap:1px}.motif-tabs button{font-size:15px;padding:8px 11px;min-height:44px;white-space:nowrap}.motif-tabs .active{color:#9e4d36}
.palette{position:static;width:100%;max-height:none;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;align-content:start;overscroll-behavior:contain}.palette .motif{height:126px;min-height:126px;padding:12px 14px 7px;display:flex;flex-direction:column;align-items:center;touch-action:none}.motif img{height:80px;max-width:100%;object-fit:contain;pointer-events:none}.motif span{font-size:15px;line-height:22px;pointer-events:none}.drag-ghost{position:fixed;width:90px;height:90px;object-fit:contain;pointer-events:none;z-index:10;transform:translate(-50%,-50%);opacity:.85}
body[data-mode=design] #controls{top:139px;gap:14px;max-width:200px}.room-label{background:#ffffffee}dialog{background:white}#detailImage{transition:transform .15s}#hint{white-space:normal;width:max-content;max-width:90vw}
@media(max-height:760px){.palette .motif{height:101px;min-height:101px}.motif img{height:61px}.motif-panel{top:109px;bottom:104px}body[data-mode=design] #controls{top:118px;gap:9px}.designer{top:101px;width:min(42vw,calc((100dvh - 202px)*.875))}}
@media(max-width:1000px){.motif-panel{right:8px;width:28vw}.motif-tabs button{font-size:12px;padding:8px 4px}.swatches{grid-template-columns:repeat(2,38px);gap:10px}.swatch{width:38px;height:38px;min-height:38px}.slider{width:130px}body[data-mode=design] #controls{left:8px;max-width:145px;gap:7px}#controls select{max-width:143px;font-size:13px}.designer{left:44%;width:min(46vw,calc((100dvh - 213px)*.875))}.palette .motif{padding:10px 8px;height:98px;min-height:98px}.motif img{height:60px}.motif span{font-size:13px}#nav button{padding:10px 14px}.room-label{top:96px;right:12px;font-size:13px}}
.palette .motif{height:clamp(70px,calc((100dvh - 356px)/4),126px);min-height:clamp(70px,calc((100dvh - 356px)/4),126px)}.motif img{height:calc(100% - 22px)}

/* 0918: image-only questions, large touch targets and no visible motif labels. */
body[data-mode=helper] .helper{left:13%;bottom:108px;height:68vh;max-width:34vw}
body[data-mode=helper] .questions{left:48%;top:135px;bottom:120px;width:44%;gap:8px;background:#faf7ef;padding:12px 18px}
body[data-mode=helper] .answer{font-size:clamp(17px,1.65vw,25px);line-height:1.5;min-height:70px;margin:0 8px}
.helper-motifs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px 24px;flex:1;min-height:0}
.questions .helper-motif{min-height:0;min-width:0;height:100%;padding:8px;background-image:none;background-color:#faf7ef;display:flex;align-items:center;justify-content:center}
.helper-motif img{width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none;max-height:none}
.questions .helper-motif.active{background-color:#eee9d9}.questions .helper-motif:focus:not(:focus-visible){outline:none}
.questions .helper-other{min-height:48px;padding:10px 22px;font-size:19px;align-self:center}
@media(max-height:800px){body[data-mode=helper] .questions{top:118px;bottom:122px}.helper-motifs{gap:5px 20px}body[data-mode=helper] .answer{min-height:65px}.questions .helper-other{font-size:16px}}
@media(max-width:900px){body[data-mode=helper] .helper{left:15%;max-width:32vw}body[data-mode=helper] .questions{left:49%;width:45%;top:109px;bottom:108px}.questions .helper-motif{padding:6px}body[data-mode=helper] .answer{font-size:15px;min-height:58px}.questions .helper-other{font-size:14px;min-height:42px}}

.helper-portrait{width:auto;object-fit:contain;pointer-events:none}