/* Touch-first, short landscape screens. Shared by the room and embedded market. */
html{ -webkit-text-size-adjust:100% }
button,a,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (orientation:landscape) and (max-height:600px) and (max-width:1200px){
 :root{--mobile-left:max(12px,env(safe-area-inset-left));--mobile-right:max(12px,env(safe-area-inset-right))}
 body{margin:0}button{min-height:40px}
 body>main{height:100dvh;min-height:0}
 #viewport{height:100%;grid-template-rows:minmax(0,1fr)}
 .scene-top{top:8px;left:var(--mobile-left);right:var(--mobile-right)}
 .clock{width:112px;padding:8px 10px;border-radius:16px;gap:3px;box-shadow:0 3px 0 #d7c59b}
 .clock #clock-time{font-size:21px}.clock #clock-date{font-size:9px}.clock-weather,.clock-location{display:none!important}
 .clock .tod{gap:4px;margin:0}.clock .tod button{min-height:32px;padding:4px 8px;font-size:11px}
 .side-btns #layouts-toggle{min-height:40px;padding:7px 12px;font-size:12px}
 #layouts-panel{top:56px;right:var(--mobile-right);width:220px;max-width:40vw;max-height:calc(100dvh - 135px);overflow:auto}
 #layouts-panel .layout-buttons{gap:5px;flex-wrap:wrap}#layouts-panel .layout-buttons [data-layout]{font-size:11px;min-width:65px;min-height:40px;padding:0 8px}
 #layouts-panel #layout-details{padding:10px}#layouts-panel #layout-details #layouts-description{font-size:11px}
 .room-launchers{right:var(--mobile-right);bottom:12px;gap:12px}
 .room-launchers #arrange{width:60px;height:60px;min-height:60px;font-size:12px}
 .room-launchers #arrange svg{width:26px;height:26px}
 .room-launchers .market-entry,body.drawer-open .room-launchers .market-entry{width:52px;height:52px;min-height:52px;font-size:11px}
 .room-launchers .market-entry svg{width:23px;height:23px}
 #room-help{bottom:10px;left:var(--mobile-left)}#help-toggle{min-width:44px;min-height:40px}
 body.monica-open #viewport{grid-template-columns:minmax(0,1fr) minmax(280px,38%);grid-template-rows:minmax(0,1fr)}
 body.monica-open .room-stage{grid-column:1;grid-row:1}
 body.monica-open #monica-chat{position:relative;inset:auto;width:auto;max-width:none;grid-column:2;grid-row:1;min-height:0;height:100%;border-left-width:2px}
 .monica-head{padding:10px 12px;flex-shrink:0}.monica-heading strong{font-size:14px}.monica-heading p{display:none}
 #monica-close{min-width:40px;min-height:40px}
 .monica-messages{padding:10px 12px 16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .chat-message-meta{gap:7px;margin-bottom:6px}.chat-message-meta img{width:28px;height:28px}.chat-message-meta strong,.chat-message-meta time{font-size:10px}
 .monica-message{font-size:13px;line-height:1.7;padding:12px 14px;border-radius:20px}
 #monica-chat .blue-chair-choices{margin:12px 0;gap:8px}#monica-chat .blue-chair-choices button{font-size:12px;min-height:44px;padding:10px 12px}
 .monica-composer{display:none}.final-style-comparison{margin:10px 0}.final-style-comparison button,.blue-chair-return{min-height:44px}
 body.drawer-open #viewport{grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:minmax(0,1fr)}
 body.drawer-open #drawer{grid-column:2;grid-row:1;position:relative;inset:auto;height:100%;max-height:none;padding:10px;overflow:auto}
 #drawer .furniture-tabs{gap:4px}#drawer .furniture-tabs button{font-size:11px;padding:6px;min-height:40px}
 #drawer .furniture-filters{gap:4px}#drawer .furniture-filters button{min-height:34px;font-size:10px;padding:5px 8px}
 #furniture{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collected-item{height:135px}.collected-item img{height:70px}
 .style-tour .tour-caption{width:220px;max-width:calc(100% - 28px);font-size:11px;line-height:1.6;padding:10px 13px}
 .style-tour .tour-controls{right:14px;bottom:10px;max-width:calc(100% - 28px)}.style-tour .tour-progress{font-size:10px;margin:0}.style-tour .tour-next,.style-tour .tour-exit{min-height:40px;font-size:12px}
 #fox-bubble{max-width:240px}.fox-bubble-copy{font-size:13px}
 #onboarding{padding:10px var(--mobile-right) 10px var(--mobile-left);height:100dvh;overflow:auto}
 .onboarding-top{flex-shrink:0}.onboarding-brand{font-size:14px}.onboarding-brand small{display:none}
 .onboarding-content,#onboarding[data-step="2"]:not(.is-building) .onboarding-content{flex-direction:row;gap:20px;padding:10px 0;width:min(850px,100%);min-height:0}
 .onboarding-character{width:100px;flex:0 0 100px}.onboarding-character img{max-height:180px;width:100%;object-fit:contain}
 .onboarding-paper,#onboarding[data-step="2"]:not(.is-building) .onboarding-paper{max-width:620px;padding:16px 20px;border-radius:24px;max-height:calc(100dvh - 85px);overflow:auto}
 .onboarding-dialogue{font-size:13px;line-height:1.7}.onboarding-detail{font-size:11px}.onboarding-note{font-size:11px}
 #onboarding-next,#onboarding-skip{min-height:40px;font-size:12px;padding:8px 16px}
 .onboarding-progress{gap:6px;padding:4px}.onboarding-progress span{height:4px}
 #onboarding.is-building .onboarding-content{margin-left:auto;width:310px;align-items:flex-end}
 #onboarding.is-building .onboarding-paper{padding:14px 16px}.is-building .onboarding-character{display:none}
 .photo-source img{max-height:65px}.photo-dropzone{min-height:90px}.photo-sources{gap:8px}
 /* Market page uses the full horizontal canvas, with comfortably sized cards. */
 body:has(.market-page){overflow:auto;height:auto;background:#f5f1df}
 .market-page{padding:0 var(--mobile-right) 20px var(--mobile-left)}
 .market-page main{max-width:100%;padding:0}
 .hero{padding:14px 0 10px}.hero h1{font-size:27px;margin:8px 0}.hero>p{font-size:11px;margin:8px 0}.hero .leaf,.hero .spark{display:none}
 .market-guide-restart{position:absolute;right:0;bottom:10px;min-height:36px;font-size:11px;padding:6px 12px;margin:0}
 .market-back{top:10px;left:var(--mobile-left);font-size:12px;min-height:40px;padding:8px 12px}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .card{border-width:5px;border-radius:22px}.card .picture{aspect-ratio:1.45;border-radius:17px}.card .picture img{padding:0;object-fit:cover}
 .card-body{padding:10px 8px}.card h2{font-size:13px;margin:8px 0}.card p{font-size:11px;line-height:1.6;min-height:53px}.owner{font-size:10px}.owner .avatar{width:28px;height:28px}
 .card-foot{margin-top:8px;flex-wrap:wrap;gap:6px}.card-actions .favorite-button{min-height:40px;font-size:12px;padding:7px 12px}.seller-chat{min-width:40px;min-height:40px}
 .market-demo-label{font-size:12px;left:12px;bottom:10px}
 .market-guide{padding:12px;align-items:center}.market-guide-paper{max-height:calc(100dvh - 24px);overflow:auto;width:min(620px,90vw);padding:20px;gap:18px;border-radius:24px}
 .market-guide-paper img{width:75px;height:100px}.market-guide-paper h2{font-size:18px;margin:8px 0}.market-guide-paper p{font-size:13px;line-height:1.7}.market-guide footer{margin-top:12px}.market-guide button{min-height:40px;font-size:12px}
 .card-guide .market-guide-paper{width:300px;max-height:calc(100dvh - 24px);overflow:visible}.card-guide .market-guide-paper>div{max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:12px}
 .card-guide .market-guide-paper>img{width:40px;height:40px;flex-basis:40px}.card-guide .market-guide-paper p{font-size:12px}.card-guide .market-guide-paper h2{font-size:14px}
 .market-home-loading-paper{gap:10px;padding:16px}.market-home-loading-paper img{width:56px;height:56px}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:740px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:23px}.hero>p{max-width:65%;margin:8px auto}.card-guide .market-guide-paper{width:280px}}
@media (orientation:landscape) and (max-height:600px) and (max-width:1200px){
 .market-toolbar{gap:10px;padding:10px 0;min-width:0}.market-toolbar nav{overflow-x:auto;justify-content:flex-start;min-width:0;flex-wrap:nowrap}.market-toolbar nav button{flex-shrink:0;min-height:40px;padding:6px 10px}
 .card-guide .market-guide-paper{width:260px;gap:7px}.card-guide .market-guide-paper>img{width:34px;height:34px;flex-basis:34px}.card-guide .market-guide-paper>div{padding:10px}.card-guide footer{gap:3px}.card-guide button{padding:6px 8px}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1200px){
 body.monica-open .scene-top,body.monica-open #drawer-handle{display:none!important}
 #monica-chat .chat-turn .monica-message{font-size:13px;line-height:1.7;padding:12px 14px}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:740px){.card .picture{height:150px;aspect-ratio:auto}.card p{min-height:36px}.card-body{padding:8px}.card h2{margin:6px 0}}
.style-shopping{width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 24px);box-sizing:border-box;padding:22px;border:2px solid #fffdf3;border-radius:26px;background:#faf5e7;color:#705d40;box-shadow:0 18px 70px #241e2540;overflow:auto;overscroll-behavior:contain}
.style-shopping::backdrop{background:#1d24336b;backdrop-filter:blur(3px)}
.shopping-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.shopping-header small{font-size:11px;color:#9c8b6c}.shopping-header h2{font-size:21px;margin:6px 0}.shopping-close{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:#ece5d0;color:#78684c;font-size:24px;cursor:pointer}
.shopping-intro,.shopping-footnote{font-size:12px;line-height:1.7;color:#9a886b;margin:12px 0}.shopping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shopping-card{display:flex;gap:12px;padding:14px;border-radius:18px;background:#fffdf5;border:1px solid #eee4ce}.shopping-art{display:grid;place-items:center;flex:0 0 64px;height:78px;border-radius:15px;background:#f2ebdc;color:var(--product-color);font-size:56px;line-height:1;text-shadow:0 2px 1px #58421b22}.shopping-content{min-width:0}.shopping-content small{font-size:10px;color:#a28d6a}.shopping-content h3{font-size:14px;margin:6px 0}.shopping-content p{font-size:12px;line-height:1.6;margin:0 0 8px;color:#988668}.shopping-content a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;font-weight:600;color:#657f46;text-decoration:none}.style-shopping-open{display:block;min-height:44px;padding:10px 16px;margin:12px 0;border:1px solid #cad6b5;border-radius:15px;background:#e8efd9;color:#637d45;font:inherit;font-size:12px;cursor:pointer}.style-shopping-open[hidden]{display:none!important}
@media(orientation:landscape) and (max-height:600px){.style-shopping{padding:16px 20px}.shopping-header h2{font-size:18px}.shopping-card{padding:10px}.shopping-art{flex-basis:48px;height:60px;font-size:44px}}
@media(max-width:550px) and (orientation:portrait){.shopping-grid{grid-template-columns:1fr}}

.shopping-destination{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;border:0;background:none;box-shadow:none;font:inherit;font-size:12px;font-weight:600;color:#657f46;cursor:pointer}
.shopping-toast{position:sticky;bottom:8px;width:fit-content;max-width:90%;margin:0 auto;padding:11px 18px;border-radius:20px;background:#514a3aef;color:#fffdf3;font-size:13px;text-align:center;box-shadow:0 4px 15px #0002;pointer-events:none}
.shopping-toast[hidden]{display:none!important}

/* Keep listing copy short and cards consistent after removing the 3D link. */
.card .card-body{padding-top:10px;padding-bottom:8px}
.card h2{margin:8px 0 6px;font-size:13px}
.card .card-body>p{min-height:0;height:3.4em;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.card .card-foot{margin-top:8px}
@media(orientation:landscape) and (max-height:600px){.card .card-body{padding:8px}.card h2{margin:6px 0}.card .card-body>p{font-size:11px;height:3.4em}.card .picture{aspect-ratio:1.6}}

.dialogue-tap-hint{flex-shrink:0;display:block;width:100%;min-height:44px;padding:10px 16px;border:0;border-top:1px dashed #dfd2b5;background:#f5efd9;color:#8c7956;font:inherit;font-size:12px;text-align:right;cursor:pointer;box-shadow:none;border-radius:0;touch-action:manipulation}
.dialogue-tap-hint:focus-visible{outline:2px solid #8c9d65;outline-offset:-4px}
#monica-chat .monica-message{white-space:pre-wrap}

#monica-chat .monica-message.dialogue-active{cursor:pointer}
#monica-chat .monica-message .dialogue-tap-hint{display:block;width:auto;min-height:40px;margin:6px 0 -4px auto;padding:8px 0 4px 12px;border:0;background:transparent;color:#8b794f;font-size:12px;font-weight:600;text-align:right;box-shadow:none}
#monica-chat .dialogue-text{white-space:pre-wrap}

#monica-chat .monica-message .dialogue-tap-hint[hidden]{display:block!important;visibility:hidden;pointer-events:none}

/* Full copy reserves wrapping space; typing changes paint, not bubble geometry. */
#monica-chat .monica-message.dialogue-stable{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
#monica-chat .dialogue-stable .dialogue-text,#monica-chat .dialogue-reserve{grid-area:1 / 1;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
#monica-chat .dialogue-reserve{visibility:hidden;pointer-events:none;user-select:none}
#monica-chat .dialogue-stable .dialogue-tap-hint{grid-area:2 / 1;justify-self:end}
#monica-chat .monica-messages{overflow-anchor:none}

#room-help #help-toggle{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 11px;background:rgba(255,250,232,.58);border:1px solid rgba(255,255,255,.35);box-shadow:none;border-radius:14px;color:#85775f;font-size:11px;font-weight:500;letter-spacing:0}
#help-toggle svg{width:16px;height:16px;fill:currentColor;flex:none;opacity:.8}
#room-help #help-toggle:hover{background:rgba(255,250,232,.8)}
#room-help #help-toggle:active{transform:translateY(1px)}

.card:is([data-product="market-blue-chair"],[data-product="market-table"]) .card-foot{flex-wrap:wrap}
.card:is([data-product="market-blue-chair"],[data-product="market-table"]) .card-actions{width:100%;margin-left:0;display:flex}
.card:is([data-product="market-blue-chair"],[data-product="market-table"]) .favorite-button{flex:1;min-width:0;white-space:normal;min-height:40px;font-size:11px;line-height:1.4;padding:8px 6px}
@view-transition{navigation:auto}
::view-transition-old(root){animation:soft-page-out .35s ease-in both}
::view-transition-new(root){animation:soft-page-in .45s ease-out both}
@keyframes soft-page-out{to{opacity:0}}
@keyframes soft-page-in{from{opacity:0}to{opacity:1}}
.market-page{animation:soft-page-in .45s ease-out!important}
.guide-closing{pointer-events:none!important}
#onboarding .onboarding-paper{animation:soft-page-in .4s ease-out}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.market-page,#onboarding .onboarding-paper{animation:none!important}}

/* Consistent photo-led marketplace cards across screen sizes. */
.card .picture{position:relative;overflow:hidden;background-image:none}
.card .picture img,.card .picture.reference-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;padding:0;margin:0;object-fit:cover;object-position:center;transform:none}
.card .card-body h2{text-align:left;margin:8px 0 6px;line-height:1.4}
.card .owner{display:flex;align-items:center;gap:6px;min-height:26px;margin:0;padding:0;line-height:1.2}
.card .owner>div{min-width:0;overflow:hidden}
.card .owner b{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .owner .avatar{width:24px;height:24px;min-width:24px;box-sizing:border-box;border-width:1px;font-size:14px}
.card .owner .distance{flex-shrink:0;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:500}
.card .card-body{padding-top:8px}

.card .card-foot{align-items:center}
.card .card-foot .furniture-size{align-self:center;display:flex;justify-content:center;min-height:40px;margin:0;padding:0;gap:0}
.card .card-foot .furniture-size strong{display:block;line-height:1.4;margin:0}

#layouts-panel #layout-details{pointer-events:auto}
.scheme-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.scheme-actions button{flex:1;min-height:42px;padding:8px 10px;margin:0;border:1px solid #d8d5bc;border-radius:12px;background:#f7f5e5;color:#6e7850;font-size:11px;line-height:1.5;box-shadow:none;cursor:pointer;pointer-events:auto}
.scheme-actions button[hidden]{display:none!important}
#layouts-panel [data-layout="0"]{background:#eee8d9;color:#8b7c62;font-weight:500}
#layouts-panel [data-layout="0"].active{background:#d8d2bd;color:#615b49;border-color:#bcb39b}

.scheme-apply-control{margin:16px 0}
#monica-chat .scheme-apply-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:52px;padding:10px 14px;border:1px solid #e4dcc5;border-radius:16px;background:#fffbed;color:#7a694b;box-shadow:none;font:inherit;font-size:13px;cursor:pointer}
.scheme-switch-track{display:block;position:relative;width:44px;height:26px;flex-shrink:0;border-radius:20px;background:#cbc7b9;transition:background .25s}
.scheme-switch-track i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fffef8;box-shadow:0 1px 4px #0002;transition:transform .25s}
[aria-checked="true"]>.scheme-switch-track{background:#83a65e}
[aria-checked="true"]>.scheme-switch-track i{transform:translateX(18px)}
.scheme-apply-switch:focus-visible{outline:2px solid #819d59;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.scheme-switch-track,.scheme-switch-track i{transition:none}}

.layout-inline-replay{font-size:11px!important;padding:6px 10px!important;min-height:30px!important;background:#fff9e7!important;color:#8a7953!important;pointer-events:auto}.layout-buttons{flex-wrap:wrap}

/* Permanent layout entries, with a replay icon attached to each demo. */
#layouts-toggle,#scheme-replay{display:none!important}
body:not(.monica-open):not(.blue-story-active):not(.renovating):not(.onboarding-open) #layouts-panel{display:block!important;opacity:1!important;transform:none!important;right:16px;width:250px;max-width:calc(100% - 140px)}
#layouts-panel .layout-buttons{display:flex;flex-direction:column;overflow:visible;gap:7px}
#layouts-panel .layout-choice-row{display:flex;width:100%;gap:5px;align-items:center;pointer-events:auto}
#layouts-panel .layout-choice-row [data-layout]{flex:1;min-width:0;width:auto;white-space:normal;text-align:left;padding:9px 10px;min-height:40px;height:auto;font-size:11px}
#layouts-panel .layout-choice-row .layout-inline-replay{flex:0 0 40px;width:40px;height:40px;min-height:40px!important;padding:9px!important;display:grid;place-items:center;border-radius:50%}
.layout-inline-replay svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(orientation:landscape) and (max-height:600px){body:not(.monica-open):not(.blue-story-active):not(.renovating):not(.onboarding-open) #layouts-panel{width:230px;right:10px}}

#monica-chat .dialogue-favorite-photo{grid-area:2 / 1;margin:12px 0 0;justify-self:start;transform:rotate(-3deg);padding:5px 5px 7px;background:#fffef8;border:1px solid #e9dfc7;border-radius:9px;box-shadow:0 3px 8px #7867451a}
#monica-chat .dialogue-favorite-photo img{display:block;width:96px;height:96px;object-fit:cover;border-radius:5px}
#monica-chat .dialogue-favorite-photo figcaption{font-size:10px;line-height:1.5;font-weight:400;text-align:center;color:#a39170;margin-top:5px}
#monica-chat .dialogue-stable.has-favorite-photo .dialogue-tap-hint{grid-area:2 / 1;align-self:end;justify-self:end}

/* Keep each scheme and its explanation together. */
#layout-more,#layouts-panel #layout-details{display:none!important}
#layouts-panel .layout-buttons{gap:6px;padding:0}
#layouts-panel .layout-choice-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:0;align-items:start}
#layouts-panel .layout-choice-row [data-layout]{grid-column:1 / -1;grid-row:1;width:100%;min-height:36px;padding:8px 42px 8px 11px;border-radius:14px;font-size:11px;box-shadow:0 3px 0 #d9ccaa}
#layouts-panel .layout-choice-row:first-child [data-layout]{padding-right:11px}
#layouts-panel .layout-choice-row .layout-inline-replay{grid-column:2;grid-row:1;z-index:1;align-self:center;justify-self:center;width:30px;height:30px;min-height:30px!important;padding:6px!important;border:0;background:transparent!important;box-shadow:none}
#layouts-panel .layout-inline-note{display:none;grid-column:1 / -1;margin:8px 10px 5px;font-size:11px;line-height:1.6;color:#eee4c9;text-align:left}
#layouts-panel .layout-choice-row:has([data-layout].active) .layout-inline-note{display:block}
#layouts-panel .layout-choice-row #scheme-shopping{grid-column:1 / -1;margin:4px 8px 6px;font-size:11px;padding:7px 10px;min-height:30px}
/* Secondary action: a quiet horizontal shopping-list link. */
#layouts-panel .layout-choice-row #scheme-shopping{display:flex;align-items:center;justify-content:center;gap:6px;grid-column:1 / -1;justify-self:stretch;width:calc(100% - 16px);min-width:0;height:auto;min-height:30px;margin:4px 8px 6px;padding:6px 12px;border:1px solid #eee4c940;border-radius:9px;background:#fff9e710;color:#e5dbc2;box-shadow:none;font-size:11px;font-weight:400;line-height:1.4;white-space:nowrap;writing-mode:horizontal-tb;letter-spacing:0}
#layouts-panel .layout-choice-row #scheme-shopping:hover{background:#fff9e720;border-color:#eee4c970}
#layouts-panel .layout-choice-row #scheme-shopping[hidden]{display:none!important}
/* Match secondary layout text to the room's actual day/night mode. */
body{--layout-secondary-ink:#655538;--layout-secondary-fill:rgba(255,253,240,.72);--layout-secondary-border:rgba(105,85,48,.25);--layout-secondary-hover:rgba(255,253,240,.94)}
body.night-mode{--layout-secondary-ink:#f0e6ce;--layout-secondary-fill:rgba(255,249,231,.08);--layout-secondary-border:rgba(238,228,201,.3);--layout-secondary-hover:rgba(255,249,231,.15)}
#layouts-panel .layout-inline-note{color:var(--layout-secondary-ink)}
#layouts-panel .layout-choice-row #scheme-shopping{color:var(--layout-secondary-ink);background:var(--layout-secondary-fill);border-color:var(--layout-secondary-border);transition:color .25s,background-color .25s,border-color .25s}
#layouts-panel .layout-choice-row #scheme-shopping:hover{background:var(--layout-secondary-hover);border-color:var(--layout-secondary-ink)}

#drawer-handle{display:none!important}
#arrange svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* Two distinct actions: select a layout, or replay its story. */
#layouts-panel .layout-choice-row{grid-template-columns:minmax(0,1fr) 36px;column-gap:8px}
#layouts-panel .layout-choice-row [data-layout]{grid-column:1;grid-row:1;padding:8px 10px}
#layouts-panel .layout-choice-row:first-child [data-layout]{grid-column:1 / -1}
#layouts-panel .layout-choice-row .layout-inline-replay{grid-column:2;grid-row:1;width:36px;height:36px;min-height:36px!important;padding:8px!important;border:1px solid var(--layout-secondary-border);border-radius:11px;background:var(--layout-secondary-fill)!important;color:var(--layout-secondary-ink)!important;box-shadow:none}
#layouts-panel .layout-choice-row .layout-inline-replay:hover{background:var(--layout-secondary-hover)!important;border-color:var(--layout-secondary-ink)}
#layouts-panel .layout-choice-row .layout-inline-replay:focus-visible{outline:2px solid var(--layout-secondary-ink);outline-offset:3px}

#layouts-panel .layout-note-intro{font-weight:600}

.style-tour .tour-caption-continue{display:block;margin:8px 0 0 auto;padding:4px 0 0 10px;min-height:32px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#8b794f;font:inherit;font-size:12px;font-weight:600;text-align:right;cursor:pointer;pointer-events:auto}.style-tour .tour-caption-continue:focus-visible{outline:2px solid #8b794f;outline-offset:3px}
