.cp-room-studio{--studio-ink: #1c1c1c;--studio-muted: #5d6963;--studio-paper: #faf8f3;--studio-line: #dcded6;position:relative;display:block;color:var(--studio-ink);font:400 16px/1.6 var(--cp-font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.cp-room-studio [hidden]{display:none!important}.cp-room-studio button,.cp-room-studio select,.cp-room-studio input{font:inherit}.cp-room-studio .slideshow-controls__dots button{font-size:0}.cp-room-studio button{cursor:pointer}.cp-room-studio button:disabled{cursor:not-allowed;opacity:.42}.cp-room-studio :is(button,select,input):focus-visible{outline:2px solid #507268;outline-offset:4px}cp-room-studio:not(:defined) :is([data-room-enhancement],[data-room-invitation]){visibility:hidden}.cp-room-studio__intro{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 0 18px}.cp-room-studio__eyebrow{margin:0 0 8px;color:var(--studio-muted);font:500 12px/1.4 var(--cp-font-ui, var(--font-body--family, sans-serif));letter-spacing:.17em;text-transform:uppercase}.cp-room-studio h2{margin:0;font-family:var(--cp-font-editorial, var(--font-heading--family, serif));font-size:clamp(21px,2vw,28px);line-height:1.15;font-weight:400;letter-spacing:-.035em}.cp-room-studio__workspace,.cp-room-studio__views,.cp-room-studio__invitation{font-family:var(--cp-font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.cp-room-studio__views{display:flex;flex-shrink:0;border-bottom:1px solid var(--studio-line)}.cp-room-studio__views button{min-height:44px;padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--studio-muted);font-size:14px}.cp-room-studio__views button[aria-pressed=true]{border-bottom-color:var(--studio-ink);color:var(--studio-ink)}.cp-room-studio__workspace{background:var(--studio-paper);border-radius:4px}.cp-room-studio__visual{min-width:0}.cp-room-studio__scene{container-type:inline-size;isolation:isolate;position:relative;overflow:hidden;aspect-ratio:3 / 2;background:#e9e5dc;--measure-ink: #1c1c1c;--studio-art-bottom-edge: 31.333333cqw;--studio-guide-safe-offset: 28px}.cp-room-studio__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.cp-room-studio__art{position:absolute;z-index:1;left:50%;bottom:53%;transform:translate(-50%);box-sizing:border-box;background:#292824;box-shadow:1px 1px 1px #0008,3px 5px 7px #0003}.cp-room-studio__art[data-format=framed][data-frame-colour=oak]{background:#be945e}.cp-room-studio__art[data-format=framed][data-frame-colour=white]{background:#f2f1ee}.cp-room-studio__scene[data-displayed-scene=console] .cp-room-studio__art{bottom:50%}.cp-room-studio__scene[data-displayed-scene=console]{--studio-art-bottom-edge: 33.333333cqw}.cp-room-studio__mount{position:absolute;inset:var(--studio-frame, 0px);padding:var(--studio-mount, 0px);background:#f6f3e9;box-sizing:border-box}.cp-room-studio__art img{display:block;width:100%;height:100%;object-fit:contain}.cp-room-studio__scene[data-bordered=true] .cp-room-studio__art img{background:#fff}.cp-room-studio__art[data-format=canvas]{box-shadow:2px 2px #777469,3px 3px #5a584e,5px 6px 8px #0004}.cp-room-studio__scene[data-format=unframed]{background:radial-gradient(ellipse at 25% 15%,#fbfaf7,#e7e4db)}.cp-room-studio__scene[data-format=unframed] .cp-room-studio__backdrop{display:none}.cp-room-studio__scene[data-format=unframed] .cp-room-studio__art{top:50%;bottom:auto;transform:translate(-50%,-50%);background:transparent;box-shadow:0 1px 2px #0002,4px 10px 16px #514e3921}.cp-room-studio__art[data-format=unframed] .cp-room-studio__mount{background:transparent}.cp-room-studio__scene-caption{position:absolute;z-index:3;inset:auto 14px 12px;display:flex;gap:8px;justify-content:space-between;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#1c1c1c}.cp-room-studio__scene-caption span{background:#faf8f3ed;padding:6px 8px;border-radius:2px}.cp-room-studio__measure{display:none;position:absolute;color:var(--measure-ink);white-space:nowrap;font:500 12px/1 var(--cp-font-ui, var(--font-body--family, sans-serif));text-shadow:0 1px 2px #faf8f3,0 0 6px #faf8f3}.cp-room-studio__scene[data-dimensions=true] .cp-room-studio__measure{display:block}.cp-room-studio__measure--width{bottom:min(calc(100% + 12px),calc(var(--studio-art-bottom-edge) - var(--studio-guide-safe-offset)));left:0;width:100%;text-align:center;padding-bottom:7px;border-bottom:1px solid currentColor;background:#faf8f3e6}.cp-room-studio__scene[data-format=unframed] .cp-room-studio__measure--width{bottom:calc(100% + 12px)}.cp-room-studio__measure--width:before,.cp-room-studio__measure--width:after{content:"";position:absolute;bottom:-4px;height:7px;border-left:1px solid currentColor}.cp-room-studio__measure--width:before{left:0}.cp-room-studio__measure--width:after{right:0}.cp-room-studio__measure--height{left:calc(100% + 10px);top:0;height:100%;writing-mode:vertical-rl;text-align:center;border-left:1px solid currentColor;padding-left:6px}[data-room-home] :is(.cp-room-studio__configuration,.cp-room-studio__scene-tools,.cp-room-studio__note){display:none}[data-room-home] .cp-room-studio__measure{display:none!important}.cp-room-studio__invitation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.cp-room-studio__intro>div:first-child,.cp-room-studio__invitation>div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.cp-room-studio__intro{justify-content:flex-end;padding:0 0 12px}.cp-room-studio>.cp-room-studio__intro{display:none}.cp-room-studio__invitation{position:absolute;z-index:2;right:14px;bottom:14px;padding:0}.cp-room-studio .cp-room-studio__invitation .cp-room-studio__expand{min-height:40px;padding:8px 16px;gap:10px;font-size:13px;box-shadow:0 2px 12px #00000047}.cp-room-studio__invitation strong{display:block;font-size:14px;font-weight:500}.cp-room-studio__invitation p{margin:5px 0 0;font-size:12px;color:var(--studio-muted);line-height:1.5}.cp-room-studio .cp-room-studio__expand{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 22px;border:1px solid var(--studio-ink);border-radius:999px;background:var(--studio-ink);color:#fff;font-size:14px;font-weight:500;transition:background .18s}.cp-room-studio__expand:hover,.cp-room-studio__continue:hover{background:#355147}.cp-room-studio__scene-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:12px 20px}.cp-room-studio__rooms{display:flex;gap:6px}.cp-room-studio__rooms button{min-height:44px;border:1px solid transparent;border-radius:3px;background:transparent;padding:9px 12px;font-size:14px;color:var(--studio-muted)}.cp-room-studio__rooms button[aria-pressed=true]{background:#fff;border-color:var(--studio-line);color:var(--studio-ink);box-shadow:0 1px 2px #1c1c1c0d}.cp-room-studio__dimension-toggle{display:flex;align-items:center;min-height:44px;gap:8px;font-size:14px;cursor:pointer}.cp-room-studio__dimension-toggle input{accent-color:var(--studio-ink);width:16px;height:16px}.cp-room-studio__note{margin:0;padding:0 20px 16px;font-size:12px;line-height:1.5;color:var(--studio-muted)}.cp-room-studio__configuration{padding:20px;border-left:1px solid var(--studio-line);background:#fff}.cp-room-studio__sizes{border:0;padding:0;margin:0 0 20px;min-width:0}.cp-room-studio__sizes legend{padding:0;margin-bottom:10px;font-size:14px}.cp-room-studio__sizes>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cp-room-studio__sizes button{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border:1px solid var(--studio-line);border-radius:3px;padding:11px 2px;color:var(--studio-ink);min-width:0;min-height:54px}.cp-room-studio__sizes strong{font-size:14px;font-weight:500}.cp-room-studio__sizes small{font-size:12px}.cp-room-studio__sizes button[aria-pressed=true]{border-color:var(--studio-ink);box-shadow:inset 0 0 0 1px var(--studio-ink);background:#f0f3ef}.cp-room-studio__selects{display:flex;flex-wrap:wrap;gap:14px}.cp-room-studio__selects label{flex:1 1 95px;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.cp-room-studio__selects label[data-room-paper-field]{flex:1.4 1 155px}.cp-room-studio__selects select{width:100%;border:1px solid var(--studio-line);border-radius:3px;padding:10px 24px 10px 10px;color:var(--studio-ink);background-color:#fff;font-size:14px;min-height:44px}.cp-room-studio__paper-note{margin:10px 0 0;color:var(--studio-muted);font-size:12px;line-height:1.5}.cp-room-studio__selection{margin-top:18px;padding-top:15px;border-top:1px solid var(--studio-line)}.cp-room-studio__selection p{margin:5px 0 0;color:var(--studio-muted);font-size:12px;line-height:1.5}.cp-room-studio__selection [data-room-selection-title]{color:var(--studio-ink);font-size:14px;margin:0 0 8px}.cp-room-studio__selection>strong{display:block;margin:7px 0 10px;font-size:18px;font-weight:500}.cp-room-studio__selection small{font-size:12px;font-weight:400}.cp-room-studio__status{margin:10px 0 0;font-size:12px;line-height:1.45}.cp-room-studio__status:empty{display:none}.cp-room-studio__status--confirmed{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cp-room-studio__retry{min-height:44px;margin-top:8px;color:var(--studio-ink);border:0;background:transparent;text-decoration:underline;font-size:14px}.cp-room-studio__handoff{margin-top:18px;padding-top:10px;background:#fff}.cp-room-studio__handoff p{margin:0 0 9px;font-size:12px;line-height:1.45;color:var(--studio-muted)}.cp-room-studio__continue{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:13px 20px;background:var(--studio-ink);color:#fff;border:1px solid var(--studio-ink);border-radius:999px;font-size:14px}.cp-room-studio__image-error{margin:12px 18px;padding:12px;border:1px solid var(--studio-line);background:var(--studio-paper);font:12px/1.5 var(--cp-font-ui, var(--font-body--family, sans-serif))}.cp-room-studio__image-error p{margin:0 0 8px}.cp-room-studio__image-error button{border:1px solid var(--studio-line);background:#fff;color:var(--studio-ink);min-height:44px;padding:8px 12px}.cp-room-studio__dialog{color:var(--studio-ink);background:var(--studio-paper);width:min(1240px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:6px;overflow-y:auto;overscroll-behavior:contain}.cp-room-studio__dialog::backdrop{background:#172922b0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cp-room-studio__dialog-heading{display:flex;align-items:center;gap:20px;justify-content:space-between;position:sticky;top:0;z-index:5;padding:20px 24px;background:var(--studio-paper)}.cp-room-studio__dialog-heading>div{min-width:0}.cp-room-studio__dialog-heading h2{font-size:23px}.cp-room-studio__dialog-heading button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;line-height:1;border:1px solid var(--studio-line);background:#fff;color:var(--studio-ink);border-radius:50%}.cp-room-studio__dialog-heading svg{display:block}.cp-room-studio__dialog .cp-room-studio__workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;margin:0 24px 24px;border:1px solid var(--studio-line)}.cp-room-studio__dialog .cp-room-studio__scene{width:min(100%,calc((100dvh - 260px)*1.5));margin-inline:auto}html:has(.cp-room-studio__dialog[open]){overflow:hidden}@media(min-width:750px){.cp-room-studio__dialog[open]{display:flex;flex-direction:column;height:min(820px,calc(100dvh - 40px));overflow:hidden}.cp-room-studio__dialog-heading{flex:0 0 auto}.cp-room-studio__dialog .cp-room-studio__workspace{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr)}.cp-room-studio__dialog .cp-room-studio__visual{min-height:0;overflow-y:auto}.cp-room-studio__dialog .cp-room-studio__scene{width:min(100%,max(120px,calc((100dvh - 300px)*1.5)))}.cp-room-studio__dialog .cp-room-studio__configuration{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:16px 140px}.cp-room-studio__dialog .cp-room-studio__selects label{flex-basis:110px}.cp-room-studio__dialog .cp-room-studio__selects label[data-room-paper-field]{flex-basis:155px}.cp-room-studio__dialog .cp-room-studio__handoff{position:sticky;bottom:-20px;margin:18px -20px -20px;padding:12px 20px 20px;border-top:1px solid var(--studio-line);z-index:3}}@media(min-width:750px)and (max-height:800px){.cp-room-studio__dialog .cp-room-studio__configuration{padding:16px 20px}.cp-room-studio__dialog .cp-room-studio__sizes{margin-bottom:12px}.cp-room-studio__dialog .cp-room-studio__sizes legend{margin-bottom:6px}.cp-room-studio__dialog .cp-room-studio__sizes button{padding-block:6px;gap:4px}.cp-room-studio__dialog .cp-room-studio__selects{gap:8px 14px}.cp-room-studio__dialog .cp-room-studio__selects label{gap:4px}.cp-room-studio__dialog .cp-room-studio__paper-note{margin-top:8px;line-height:1.4}.cp-room-studio__dialog .cp-room-studio__selection{margin-top:12px;padding-top:10px}.cp-room-studio__dialog .cp-room-studio__selection [data-room-selection-title]{margin-bottom:4px;line-height:1.4}.cp-room-studio__dialog .cp-room-studio__selection>strong{margin:4px 0 6px;line-height:1.25}.cp-room-studio__dialog .cp-room-studio__selection p{margin-top:4px;line-height:1.4}.cp-room-studio__dialog .cp-room-studio__handoff{bottom:-16px;margin:12px -20px -16px;padding:8px 20px 16px}.cp-room-studio__dialog .cp-room-studio__handoff p{margin-bottom:6px;line-height:1.4}}@media(max-width:749px){.cp-room-studio{display:flex;flex-direction:column}.cp-room-studio__invitation{order:1}.cp-room-studio__intro{box-sizing:border-box;padding:4px 16px 8px;gap:10px;justify-content:flex-start}.cp-room-studio h2{font-size:22px}.cp-room-studio__workspace{border-radius:0}.cp-room-studio__invitation{right:10px;bottom:10px}.cp-room-studio__scene-caption{inset-inline:10px;bottom:8px;font-size:12px}.cp-room-studio__measure{font-size:12px}.cp-room-studio__scene{--studio-guide-safe-offset: 24px}.cp-room-studio__measure--width{bottom:min(calc(100% + 5px),calc(var(--studio-art-bottom-edge) - var(--studio-guide-safe-offset)));padding-bottom:3px}.cp-room-studio__scene[data-format=unframed] .cp-room-studio__measure--width{bottom:calc(100% + 5px)}.cp-room-studio__measure--height{left:calc(100% + 7px)}.cp-room-studio__dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.cp-room-studio__dialog-heading{height:76px;box-sizing:border-box;padding:12px 14px;gap:12px}.cp-room-studio__dialog-heading h2{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-room-studio__dialog .cp-room-studio__workspace,.cp-room-studio__dialog .cp-room-studio__visual{display:contents}.cp-room-studio__dialog .cp-room-studio__scene{position:sticky;top:76px;z-index:4;width:min(100%,60dvh)}.cp-room-studio__scene-tools{padding:8px 14px}.cp-room-studio__rooms button{padding:8px 10px}.cp-room-studio__note{padding:0 14px 14px}.cp-room-studio__configuration{border-left:0;border-top:1px solid var(--studio-line);padding:16px}.cp-room-studio__dialog .cp-room-studio__configuration :is(button,select){scroll-margin-top:min(calc(90px + (100vw - 16px) * 2 / 3),calc(90px + 40dvh));scroll-margin-bottom:20px}.cp-room-studio__selects label{flex-basis:140px}.cp-room-studio__selects select{font-size:16px}.cp-room-studio__handoff{position:sticky;bottom:-16px;margin:16px -16px -16px;padding:12px 16px 16px;border-top:1px solid var(--studio-line);z-index:3}}@media(max-width:749px)and (max-height:760px){.cp-room-studio__dialog .cp-room-studio__scene{width:min(100%,39dvh)}.cp-room-studio__dialog .cp-room-studio__configuration :is(button,select){scroll-margin-top:calc(90px + 26dvh)}.cp-room-studio__handoff{padding-block:8px 12px}.cp-room-studio__handoff p{margin:0 0 6px;font-size:12px;line-height:1.35}}@media(max-width:749px)and (max-height:650px){.cp-room-studio__dialog .cp-room-studio__scene{position:relative;top:auto;width:min(100%,calc((100dvh - 110px)*1.5))}.cp-room-studio__dialog .cp-room-studio__configuration :is(button,select){scroll-margin-top:90px}.cp-room-studio__handoff{position:static}}@media(prefers-reduced-motion:reduce){.cp-room-studio *,.cp-room-studio *:before,.cp-room-studio *:after{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cp-room-studio.css.map */