.guest-panel :is(input[type=range],input[type=color]){padding:0;min-height:24px;accent-color:#8a687d;cursor:pointer}
.guest-panel input[type=range]{border:0;background:transparent;height:28px}
.guest-panel .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.guest-panel.is-painting{width:min(1220px,calc(100% - 40px))}
.paint-workspace{grid-template-columns:minmax(0,1fr) 244px;gap:25px}
.paint-art{aspect-ratio:800/594;touch-action:none;user-select:none}
.paint-art .drawing-surface{touch-action:none;cursor:crosshair}
.paint-art[data-tool=move] .drawing-surface{cursor:grab}
.paint-art[data-tool=erase] .drawing-surface{cursor:cell}
.paint-art .is-selected{filter:drop-shadow(0 0 3px #a4577e)}
.paint-inspiration{display:flex;align-items:center;gap:10px;border-block:1px solid #dbe4dc;padding:10px 0;margin-bottom:16px;min-width:0}
.paint-inspiration p{flex:1;margin:0;font:14px/1.7 "Songti SC",serif;min-width:0;overflow-wrap:anywhere}
.paint-inspiration>select{width:128px;min-width:0;padding:6px 8px;font-size:12px}
.paint-inspiration>.secondary-action{display:flex;align-items:center;gap:6px;min-height:38px;padding:6px 10px;font-size:12px;white-space:nowrap}
.paint-inspiration svg{width:16px;height:16px}.paint-inspiration>.host-icon{width:34px;height:34px;padding:7px;flex:none}
.paint-layers{display:flex;gap:8px;margin-top:8px}.paint-layers .host-icon{width:36px;height:36px;padding:8px;min-height:36px}
.paint-control-panel select{padding:6px 8px;font-size:13px}
.paint-material-tabs{display:flex;border-bottom:1px solid #d9e2dc;margin-bottom:10px}
.paint-material-tabs button{flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#738579;font-size:12px;padding:9px 5px;cursor:pointer}
.paint-material-tabs button[aria-pressed=true]{border-color:#a76e87;color:#426553;background:#f3f5ee}
.paint-water-tools{display:flex;gap:6px;margin:10px 0}
.paint-water-tools .host-icon{width:38px;height:38px;min-height:38px;padding:9px}
.paint-water-tools button[aria-pressed=true]{background:#e2eeed;border-color:#7eaaa4}
.paint-keepsake{border-top:1px solid #dce4dc;margin-top:18px;padding-top:12px;font-size:13px}
.paint-keepsake summary{cursor:pointer;color:#677e70}.paint-keepsake textarea{font:13px/1.6 "PingFang SC",sans-serif;padding:8px;resize:vertical}
.paint-keepsake label{margin-top:12px!important;font-size:12px!important}
.shell-picker{max-height:230px;overflow:auto}
.paint-control-panel [hidden]{display:none!important}
.water-bloom{animation:pigment-settle 1.6s ease-out}
@keyframes pigment-settle{from{opacity:0;stroke-width:0}}
@media(prefers-reduced-motion:reduce){.water-bloom{animation:none}}
@media(max-width:850px){.paint-control-panel>.paint-keepsake,.paint-control-panel>#paintExportSize{grid-column:1/-1}.paint-water-tools .host-icon{width:40px}.shell-picker{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:550px){.paint-inspiration{flex-wrap:wrap}.paint-inspiration p{flex-basis:calc(100% - 50px)}.paint-inspiration>select{flex:1}.paint-inspiration>.secondary-action{flex:1;justify-content:center}.paint-inspiration{gap:8px}}
.paint-modebar{display:flex;gap:6px;align-items:center;margin-bottom:12px;min-height:40px;flex-wrap:wrap}
.paint-modebar>span{flex:1}.paint-modebar .host-icon{width:38px;height:38px;min-height:38px;padding:8px}
.paint-custom{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.paint-custom label{margin:0!important}.paint-custom input[type=color]{width:40px;height:30px;padding:2px;border-radius:3px}
.paint-control-panel>label{margin-top:13px!important}.paint-control-panel input:not([type=color]):not([type=range]){padding:7px 10px;font-size:13px}
.botanical-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.botanical-picker button{position:relative;aspect-ratio:1;border:1px solid #dce4dd;border-radius:4px;background:#f3f6f0;padding:3px;cursor:pointer;min-width:0}
.botanical-picker button[aria-pressed=true]{border-color:#ac718a;background:#f8edf1;box-shadow:inset 0 0 0 1px #ac718a}
.botanical-picker svg{display:block}.paint-arrange{display:flex;gap:8px;align-items:center;margin-top:16px;min-height:38px;font-size:12px}
.paint-arrange svg{width:16px;height:16px}.paint-progress{font:12px/1.7 "PingFang SC",sans-serif;color:#7b8a7e;margin:10px 0 0}
.paint-control-panel .paint-delivery{margin-top:15px}.paint-control-panel .paint-delivery button{min-height:39px;font-size:13px}.paint-control-panel .guest-privacy{font-size:11px;margin-top:12px}
.guest-panel.is-resting,.guest-panel.is-relationship{width:min(1020px,calc(100% - 40px));margin:auto;padding:24px 28px}
.is-resting h2,.is-relationship h2{font-size:26px;margin-bottom:16px}.experience-tabs{display:flex;gap:0;border-bottom:1px solid #d5dfd5;margin:0 0 20px;overflow:auto}
.experience-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-bottom:2px solid transparent;background:none;padding:13px 20px;color:#7c8b80;font:14px/1.5 "PingFang SC",sans-serif;white-space:nowrap;cursor:pointer}
.experience-tabs button[aria-selected=true]{color:#426451;border-color:#a96c88;background:#f1f5ef}.experience-tabs svg{width:18px;height:18px}
.rain-window{position:relative;overflow:hidden;min-height:430px;height:min(61vh,600px);background:#476854;border-radius:4px}
.rain-window>img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.96);transition:filter 2s}
.rain-window.is-resting>img{filter:saturate(.92) brightness(.9)}.rain-window>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rain-line{position:absolute;left:32px;top:30px;color:#fff;text-shadow:0 1px 7px #234335;font-family:"Songti SC",serif}.rain-line p{font-size:26px;margin:0 0 8px}.rain-line span{font:12px/1.6 "PingFang SC",sans-serif}
.rain-dock{position:absolute;inset:auto 18px 18px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:22px;padding:15px 20px;background:#fafcf5f2;border:1px solid #e1e7dc;border-radius:4px}
.rain-dock label{margin:0!important;font-size:12px!important}.rain-dock select{padding:6px 10px;margin-top:5px;font-size:13px}.rain-dock .primary-action{min-height:39px;font-size:13px}
.rest-status{font:13px/1.8 "PingFang SC",sans-serif;color:#8b6f7c;margin:14px 0 0;overflow-wrap:anywhere}.rest-status:empty{display:none}
.guest-panel.is-resting{width:min(1160px,calc(100% - 40px))}
.rest-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:30px;position:relative;align-items:start}
#restWindow{position:sticky;top:0;min-width:0}.rest-desk .rain-window{height:620px;min-height:0;max-height:74vh}.rest-desk .rain-window>img{object-position:38% 50%}.rest-desk .rain-line{display:none}
.rest-desk .rain-dock{inset:auto 12px 12px;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.rest-desk .rain-dock button{grid-column:1/-1}
.rest-page{min-width:0;padding:3px 0 0}.rest-kicker{font:11px/1.7 "PingFang SC",sans-serif;color:#a27486;margin:0 0 20px}.rest-page .rest-select{margin:0 0 18px;font-size:12px}.rest-select select{margin-top:7px;padding:8px 10px;font-size:14px}
.rest-context{font:13px/1.9 "PingFang SC",sans-serif;color:#7a8a80;margin:16px 0}.rest-page h3{font:23px/1.65 "Songti SC",serif;color:#3e6350;margin:15px 0 20px;overflow-wrap:anywhere}
.rest-page fieldset{border:0;padding:0;margin:0;min-width:0}.rest-page label{font-size:12px;margin:13px 0 7px}.rest-page :is(input:not([type=checkbox]),textarea){padding:9px 11px;font-size:14px}.rest-page textarea{line-height:1.85;resize:vertical}
.guest-panel .rest-page label.rest-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;margin:15px 0}.rest-consent input{width:17px;min-height:17px;height:17px;flex:none;margin:2px 0 0;accent-color:#587c66}
.rest-page :is(.primary-action,.secondary-action){display:inline-flex;align-items:center;gap:9px;font-size:13px;min-height:40px}.rest-page button:disabled{opacity:.5;cursor:default}.rest-page button svg{width:16px;height:16px;flex:none}
.rest-privacy{font:11px/1.8 "PingFang SC",sans-serif;color:#869188;margin:14px 0 0}.rest-publications{border-block:1px solid #dce3d9;padding:12px 0;font-size:13px;margin-bottom:20px}.rest-publications summary{cursor:pointer;color:#8d677a}.rest-publications article{padding:14px 0;border-bottom:1px solid #e3e8e0}.rest-publications article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;max-height:280px;overflow:auto}.rest-publications h4{font:18px/1.5 "Songti SC",serif}
.rest-lines{border-top:1px solid #dae3d7;padding-top:3px}.rest-number{font:11px "Avenir Next",sans-serif;color:#a17e8d;margin-right:9px}.rest-lines textarea{border:0;border-bottom:1px solid #dbe3d8;border-radius:0;background:repeating-linear-gradient(transparent 0 27px,#e8ede580 27px 28px);min-height:92px;padding:7px 0;line-height:28px}.rest-lines label{line-height:1.8;color:#526e5b}
.rest-paper-actions{display:flex;align-items:center;gap:9px;margin-top:20px}.rest-paper-actions .host-icon{width:40px;height:40px;min-height:40px}.rest-tabs{margin-bottom:24px}.rest-tabs button{flex:1}
.rest-desk[data-mode=quiet] .rest-layout{display:block}.rest-desk[data-mode=quiet] .rain-window{height:610px;max-height:70vh;min-height:420px}.rest-desk[data-mode=quiet] #restActivity{position:absolute;inset:28px 26px auto auto;width:min(370px,45%);max-height:calc(100% - 190px);overflow:auto;padding:18px;background:#fafcf3f2;border-radius:4px}.rest-desk[data-mode=quiet] .rain-dock{max-width:460px;left:20px;right:auto;width:calc(100% - 40px);box-sizing:border-box;grid-template-columns:1fr 1fr auto}.rest-desk[data-mode=quiet] .rain-dock button{grid-column:auto}.rest-quiet h3{font-size:24px;margin-top:10px}.rest-quiet .rest-kicker{margin-bottom:10px}.quiet-note{margin-top:20px;padding-top:14px;border-top:1px solid #d7e0d2}.quiet-note summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#785f70}.quiet-note summary svg{width:16px;height:16px}.quiet-note textarea{margin-top:14px;background:#fffdf699}
@media(max-width:850px){.rest-layout{grid-template-columns:1fr;gap:22px}#restWindow{position:relative}.rest-desk .rain-window{height:290px;max-height:none}.rest-desk .rain-window>img{object-position:42% 46%}.rest-desk .rain-dock{grid-template-columns:1fr 1fr auto}.rest-desk .rain-dock button{grid-column:auto}.rest-desk[data-mode=quiet] #restActivity{width:min(350px,60%)}.rest-page h3{font-size:21px}}
@media(max-width:550px){.guest-panel.is-resting{width:calc(100% - 20px)}.rest-tabs button{white-space:normal;min-height:58px;line-height:1.6;padding:8px 6px;gap:4px}.rest-tabs button svg{display:none}.rest-desk .rain-window{height:270px}.rest-desk .rain-dock{padding:10px;gap:8px;grid-template-columns:1fr 1fr}.rest-desk .rain-dock button{grid-column:1/-1}.rest-desk[data-mode=quiet] #restActivity{position:relative;inset:auto;width:auto;max-height:none;padding:20px 0 0;background:none}.rest-desk[data-mode=quiet] .rain-window{height:340px;min-height:0}.rest-desk[data-mode=quiet] .rain-dock{inset:auto 12px 12px;width:auto;grid-template-columns:1fr 1fr}.rest-desk[data-mode=quiet] .rain-dock button{grid-column:1/-1}.rest-page h3{font-size:20px}.rest-quiet h3{font-size:23px}.rest-kicker{margin-bottom:14px}}
.relationship-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:stretch}
.relationship-form h3{font-size:21px;line-height:1.55;margin:0 0 16px}.relationship-form>label{margin-top:12px!important;font-size:12px!important}.relationship-form :is(input,textarea,select){padding:8px 11px;font-size:13px}.relationship-form>button{margin-top:18px}
.relationship-paper{position:relative;padding:30px 25px;background:#f6f5ec;border:1px solid #e0dfd4;border-radius:3px;box-shadow:0 3px 9px #355d4810;align-self:stretch;overflow:hidden}
.paper-botanical{position:absolute;top:2px;right:-10px;width:125px;height:125px;opacity:.85;pointer-events:none}
.note-kicker{position:relative;font:9px/1.6 "Avenir Next",sans-serif;color:#a2798c;margin:7px 0 38px;padding-right:30px}
.relationship-paper textarea{position:relative;border:0;background:transparent;font:17px/2.1 "Songti SC",serif;padding:0;min-height:275px;margin-bottom:22px;color:#43624f}
.relationship-paper .host-actions{position:relative;gap:8px}.relationship-paper .host-actions button{font-size:12px;padding:9px 12px;min-height:40px;display:flex;align-items:center;gap:7px}.relationship-workspace svg:not(.paper-botanical svg){width:16px;height:16px}
.relationship-footer{margin-top:24px;padding-top:16px;border-top:1px solid #dce4d9;display:flex;align-items:center;justify-content:space-between;gap:20px}.relationship-footer p{font:11px/1.8 "PingFang SC",sans-serif;color:#7f8c80;max-width:450px;margin:0}.relationship-footer button{font-size:12px;flex:none}
.conversation-head{display:flex;align-items:center;gap:25px;justify-content:space-between}.conversation-head label{margin:0!important;width:180px}.conversation-head span{font-size:11px;color:#859385}.conversation-head select{padding:7px 10px;font-size:13px}
.conversation-question{position:relative;min-height:225px;margin-top:20px;padding:28px 34px;background:#f1f3eb;border-block:1px solid #dbe3d6;overflow:hidden}.conversation-question .note-kicker{margin:0 0 22px}.conversation-question h3{font:26px/1.65 "Songti SC",serif;max-width:730px;position:relative;padding-right:30px;margin:0 0 25px}.conversation-question .host-actions{position:relative}.conversation-question .primary-action{font-size:13px;min-height:40px}
.conversation-answers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px}.conversation-answers textarea{margin-top:9px;font-size:13px}.conversation-saved{border-top:1px solid #d9e2d5;padding-top:18px;margin-top:22px;font-size:13px}.conversation-saved summary{cursor:pointer}.conversation-saved .guest-reading{font-size:15px;padding:12px 0}
.is-relationship .host-actions svg,.is-resting .host-actions svg{width:16px;height:16px}.is-relationship .host-actions button{display:flex;align-items:center;gap:8px}.is-relationship button:disabled{opacity:.5;cursor:default}
.arrival .arrival-copy{left:28%;top:16%;width:46%}.arrival .arrival-copy h1{font-size:54px}.arrival .arrival-copy>span{font-size:16px;line-height:1.8}
.arrival .arrival-bottom{left:28%;top:calc(16% + 185px);width:min(405px,45%);bottom:auto}.entry-doors{display:grid;gap:13px;width:100%}
.entry-door{display:flex;align-items:center;gap:17px;min-height:82px;padding:17px 20px;width:100%;color:#3c624e;background:#f9fcf4f2;border:1px solid #c7d3be;border-radius:5px;box-shadow:0 4px 19px #334d2722;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
.entry-door>svg{width:22px;height:22px;flex:none}.entry-door>svg:last-child{width:17px;margin-left:auto}.entry-door>span{display:block;min-width:0}.entry-door strong{display:block;font:24px/1.3 "Songti SC",serif}.entry-door small{display:block;font:11px/1.7 "PingFang SC",sans-serif;margin-top:5px;color:#7c8c7b}.entry-door.enter{background:#fff5f5f2;border-color:#dcc3c9;color:#8a5973;gap:17px;min-width:0}.entry-door.enter small{color:#987e89}.entry-door:hover{border-color:#70937b;background:#f7fbed}.entry-door.enter:hover{border-color:#b58099;background:#fff0f4}
#entryStatus{font:12px/1.7 "PingFang SC",sans-serif;color:#77334d;background:#fff6f1ed;padding:12px;margin:3px 0;width:100%;box-sizing:border-box}.arrival #skipIntro{display:none!important}
.role-entry{display:block;align-self:center;margin-left:auto;padding:8px 12px;pointer-events:auto;font:12px/1.5 "PingFang SC",sans-serif;background:#fbfdf5ef;color:#526d5d;border:1px solid #d9e3d8;border-radius:4px;text-decoration:none}
body[data-scene=arrival] .role-entry{display:none}
@media(max-width:850px){.paint-workspace{grid-template-columns:1fr}.paint-control-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}.paint-control-panel>.paint-swatches,.paint-control-panel>#stampOptions,.paint-control-panel>.paint-delivery,.paint-control-panel>.paint-status,.paint-control-panel>.guest-privacy{grid-column:1/-1}.paint-control-panel>.paper-swatches{grid-column:auto}.paint-control-panel>.paint-custom{margin:0}.paint-control-panel>#brushOptions{grid-column:1/-1}.botanical-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.botanical-picker button{max-width:100px}.paint-control-panel label{align-self:center}.paint-control-panel>.paint-arrange{grid-column:1/-1;width:max-content;max-width:100%}.paint-control-panel .paint-delivery{grid-template-columns:1fr 1fr;margin:10px 0 0}.paint-control-panel>input#paintName{align-self:center}.paint-control-panel .guest-privacy{margin:0}}
@media(max-width:700px){.guest-panel.is-resting,.guest-panel.is-relationship{width:calc(100% - 20px);padding:20px 15px;max-height:calc(100% - 20px)}.experience-tabs button{padding:11px 9px;font-size:12px;gap:5px;flex:1}.experience-tabs svg{width:16px;height:16px}.relationship-workspace{grid-template-columns:1fr;gap:22px}.relationship-paper{padding:25px 20px}.relationship-paper textarea{min-height:225px;font-size:17px}.relationship-footer{display:block}.relationship-footer button{margin-top:14px}.conversation-head{gap:15px}.conversation-head span{max-width:100px}.conversation-question{padding:22px 20px;min-height:260px}.conversation-question h3{font-size:23px;padding-right:0}.conversation-answers{grid-template-columns:1fr;gap:0}.rain-window{min-height:470px;height:60vh}.rain-window>img{object-position:42%}.rain-line{left:20px;top:24px}.rain-line p{font-size:23px}.rain-dock{inset:auto 10px 10px;gap:12px;padding:14px;grid-template-columns:1fr 1fr}.rain-dock button{grid-column:1/-1}.is-resting h2,.is-relationship h2{font-size:23px}.paint-modebar{gap:5px}.paint-modebar .host-icon{width:32px;height:34px;min-height:34px;padding:7px}.paint-modebar>span{display:none}.guest-panel.is-painting{padding:19px 13px;width:calc(100% - 16px)}.paint-workspace{gap:16px}.role-entry{position:fixed;right:18px;top:77px;font-size:10px;padding:6px 9px}.arrival .arrival-copy{left:50%;top:12%;width:90%}.arrival .arrival-copy h1{font-size:40px}.arrival .arrival-copy>span{font-size:13px;max-width:290px}.arrival .arrival-bottom{left:50%;width:min(355px,calc(100% - 44px));top:auto;bottom:max(38px,env(safe-area-inset-bottom))}.entry-door{min-height:74px;padding:15px 18px}.entry-door strong{font-size:23px}.entry-door small{font-size:10px}.entry-doors{gap:11px}}
@media(max-height:580px) and (min-width:701px){.arrival .arrival-copy{top:10%;left:26%}.arrival .arrival-copy h1{font-size:40px}.arrival .arrival-copy>span{font-size:13px}.arrival .arrival-bottom{top:calc(10% + 139px);left:26%}.entry-door{min-height:68px;padding:12px 18px}.entry-door strong{font-size:21px}}
@media(max-width:360px){.paint-modebar .host-icon{width:29px;height:32px;min-height:32px}.paint-modebar{gap:4px}.paint-control-panel{gap:9px 12px}.paint-options{grid-template-columns:1fr}.experience-tabs button{font-size:11px;padding-inline:6px}.experience-tabs svg{display:none}.entry-door small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rain-window>img{transition:none}}

/* Allocate the scene from the dialog's remaining height, including in an iframe. */
.studio-play-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #cad9d5;margin-bottom:16px}
.studio-play-tabs button{display:flex;gap:9px;align-items:center;justify-content:center;min-width:0;min-height:49px;padding:10px 5px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:#57716b;font:15px/1.4 "PingFang SC",sans-serif;cursor:pointer}
.studio-play-tabs button[aria-selected=true]{border-color:#a75e85;background:#edf4f1;color:#304e4a}
.studio-play-tabs svg{width:20px;height:20px;flex:none}
.studio-mixer{border-bottom:1px solid #d3dfdc;padding-bottom:16px;margin-bottom:15px}
.studio-mixer h3{font:16px/1.5 "Songti SC",serif;margin:0 0 12px}
.mixer-pigments{display:grid;grid-template-columns:1fr 18px 1fr 48px;gap:10px;align-items:end;margin-bottom:12px}
.mixer-pigments label{margin:0!important;font-size:13px}.mixer-pigments input[type=color]{width:100%;height:42px;padding:4px;cursor:pointer}
.mixer-pigments>svg{width:16px;align-self:center;margin-top:20px}
.mixer-pigments output{display:block;width:44px;height:42px;border:1px solid #bdcfc7;border-radius:4px;overflow:hidden}
.studio-mixer>label{display:flex;justify-content:space-between;font-size:13px}.studio-mixer input[type=range]{width:100%}
.mix-scale{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}
.mix-scale button{height:27px;border:0;border-radius:3px;background:var(--pigment);cursor:pointer}
.shell-picker button{position:relative}.shell-picker small{position:absolute;bottom:3px;right:5px;background:#fffaf3d9;color:#4e7067;font:11px/1.4 sans-serif;padding:1px 4px}
.studio-paper-tools{border-top:1px solid #d5dfd8;padding-top:12px;margin:16px 0;font-size:14px}.studio-paper-tools summary{cursor:pointer;margin-bottom:10px}
.studio-paper-tools label{display:block;margin-top:12px;font-size:13px}.studio-paper-tools select,.studio-paper-tools input{width:100%}
.studio-delivery-fields>label{display:block;margin:12px 0 6px;font-size:14px}.studio-delivery-fields .paint-keepsake{margin-top:14px}
.studio-delivery-fields .paint-keepsake summary{font-size:14px}
#guestBody:not([data-play=keepsake]) .studio-delivery-fields{display:none}
#guestBody[data-play=keepsake] .paint-control-panel>div:not(.studio-delivery-fields),#guestBody[data-play=keepsake] .paint-control-panel>.paint-arrange{display:none!important}
#guestBody[data-play=keepsake] .paint-control-panel>label{display:none}
.studio-preview{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#e9f0ef;position:relative;overflow:hidden}
.studio-preview img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px #15352d1c)}
.studio-preview p{position:absolute;bottom:8px;left:20px;right:20px;background:#f8fbf8e6;margin:0;padding:5px;font-size:13px;text-align:center}.studio-preview p:empty{display:none}
.is-painting [hidden]{display:none!important}
.guest-panel.is-painting[open]{display:grid;grid-template-rows:auto minmax(0,1fr);height:min(980px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden;padding:20px 24px}
.is-painting>.host-eyebrow{display:none}.is-painting>.guest-close{position:absolute;float:none;right:20px;top:18px;margin:0;z-index:3}
.guest-panel.is-painting>h2{font-size:24px;line-height:1.4;margin:0 56px 14px 0}
.is-painting #guestBody{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-height:0}
.is-painting .studio-play-tabs{grid-row:1}.is-painting .paint-options{grid-row:2}.is-painting .paint-inspiration{grid-row:3}.is-painting .paint-workspace{grid-row:4}
.is-painting .paint-workspace{min-height:0;align-items:stretch}
.is-painting .paint-workspace>div:first-child{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.is-painting .paint-modebar{grid-row:1}.is-painting .paint-water-tools{grid-row:2}.is-painting .paint-art,.is-painting .studio-preview{grid-row:3}.is-painting .paint-progress{grid-row:4}
.is-painting .paint-water-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 10px}
.is-painting .paint-water-tools .host-icon{width:auto;min-width:0;height:42px;padding:5px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}
.is-painting .paint-water-tools svg{width:17px;height:17px;flex:none}
.is-painting .paint-art{min-height:0;aspect-ratio:auto;border:0;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}
.is-painting .coloring-canvas{height:100%;width:100%;max-height:100%;object-fit:contain}
.is-painting .paint-control-panel{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 7px 12px 2px}
.is-painting .paint-modebar{margin-bottom:8px}.is-painting .paint-options{margin-bottom:10px}.is-painting .paint-inspiration{margin-bottom:10px}
@media(max-width:850px){
 .guest-panel.is-painting[open]{width:calc(100% - 16px);padding:16px 12px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
 .guest-panel.is-painting>h2{font-size:21px;margin-bottom:12px}.is-painting>.guest-close{right:12px;top:13px;width:34px;height:34px;padding:7px}
 .is-painting #guestBody{display:block;overflow:auto;overscroll-behavior:contain;padding:0 3px 12px}
 .is-painting .paint-workspace{display:block}.is-painting .paint-workspace>div:first-child{display:block}
 .is-painting .paint-art{aspect-ratio:800/594}.is-painting .coloring-canvas{height:auto}
 .is-painting .paint-control-panel{overflow:visible;padding:16px 2px 0}
 .studio-play-tabs{position:sticky;top:0;background:#fafcf8;z-index:2;margin-bottom:10px}.studio-play-tabs button{font-size:13px;min-height:48px;gap:4px;flex-direction:column;padding:7px 1px}.studio-play-tabs svg{width:18px;height:18px}
 .studio-mixer,.studio-delivery-fields,.studio-paper-tools{grid-column:1/-1}.studio-preview{min-height:320px;height:55dvh}
 #guestBody[data-play=keepsake] .paint-control-panel{display:block}
 .is-painting .paint-water-tools .host-icon{font-size:11px;flex-direction:column;height:48px;gap:2px}
}
.guest-panel.is-resting[open]{display:grid;grid-template-rows:auto minmax(0,1fr);height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden;padding:20px 24px}
.is-resting>.host-eyebrow{display:none}
.is-resting>.guest-close{position:absolute;float:none;right:20px;top:18px;margin:0;z-index:3}
.guest-panel.is-resting>h2{font-size:24px;line-height:1.4;margin:0 56px 14px 0}
.is-resting #guestBody,.is-resting .rest-desk{min-height:0;height:100%}
.is-resting .rest-desk{display:grid;grid-template-rows:auto minmax(0,1fr)}
.is-resting .rest-tabs{margin:0 0 16px;flex:none;overflow:visible}
.is-resting .rest-layout{min-height:0;overflow:hidden;align-items:stretch}
.is-resting #restWindow{position:relative;top:auto;min-height:0}
.is-resting .rest-desk .rain-window{height:100%;min-height:0;max-height:none}
.is-resting #restActivity{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-gutter:stable}
.is-resting .rest-desk[data-mode=quiet] #restActivity{inset:20px 20px auto auto;max-height:calc(100% - 138px);padding:16px 20px;width:min(350px,44%)}
.is-resting .rest-desk[data-mode=quiet] .rest-layout,.is-resting .rest-desk[data-mode=quiet] #restWindow{height:100%}
.is-resting .rest-desk[data-mode=quiet] .rain-dock{inset:auto 16px 16px;width:calc(100% - 32px);max-width:510px;gap:14px}
.is-resting .rain-dock select{height:38px;min-height:38px;padding:4px 8px}
.is-resting .rain-dock input[type=range]{margin:0;height:38px}
@media(max-width:850px){
 .is-resting .rest-layout{display:block!important;overflow:auto!important;overscroll-behavior:contain}
 .is-resting #restWindow{height:250px!important;position:relative}
 .is-resting #restActivity,.is-resting .rest-desk[data-mode=quiet] #restActivity{position:relative;inset:auto;width:auto;max-height:none;overflow:visible;padding:20px 4px 8px;background:none}
 .is-resting .rest-desk[data-mode=quiet] #restWindow{height:300px!important}
 .is-resting .rest-desk .rain-dock{inset:auto 12px 12px;width:auto;max-width:none}
 .is-resting .rest-desk[data-mode=quiet] .rain-dock{inset:auto 12px 12px;width:auto}
}
@media(max-width:550px){
 .guest-panel.is-resting[open]{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:16px 12px}
 .guest-panel.is-resting>h2{font-size:20px;margin:0 42px 12px 0;max-width:220px}
 .is-resting>.guest-close{right:12px;top:13px;width:34px;height:34px;padding:7px}
 .is-resting .rest-tabs{margin-bottom:12px}.is-resting .rest-tabs button{min-height:50px;white-space:normal}
 .is-resting .rest-desk[data-mode=quiet] #restWindow{height:280px!important}
}
@media(max-height:650px) and (min-width:851px){
 .guest-panel.is-resting[open]{padding:14px 20px;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}
 .guest-panel.is-resting>h2{font-size:22px;margin-bottom:8px}.is-resting .rest-tabs{margin-bottom:10px}
 .is-resting .rest-tabs button{padding:8px 14px}.is-resting>.guest-close{top:12px;right:18px;width:34px;height:34px}
 .is-resting .rest-desk[data-mode=quiet] #restActivity{inset:12px 12px auto auto;max-height:calc(100% - 118px);padding:10px 16px}
 .is-resting .rest-quiet h3{font-size:21px;margin:7px 0}.is-resting .rest-quiet .rest-context{margin:10px 0}
}