/* Shared white product studio for embedded and separately opened configuration. */
@font-face{font-family:TulipGeneralSans;src:url(/fonts/general-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:TulipGeneralSans;src:url(/fonts/general-600.woff2) format('woff2');font-weight:600;font-display:swap}
.tulip-embed [hidden]{display:none!important}
.tulip-embed,.tulip-embed body{height:100%;height:100dvh;overflow:hidden;background:#fff;color:#2f2e2e}
.tulip-embed body{font-family:TulipGeneralSans,Arial,sans-serif;font-size:14px}
.tulip-embed body>header,.tulip-embed body>footer{display:none}
.tulip-embed .tulip-embed__layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;max-width:none;height:100dvh;min-height:0;overflow:hidden;background:#fff}
.tulip-embed .tulip-embed__layout[data-expanded=true]{grid-template-columns:minmax(0,1fr) minmax(330px,37%)}
.tulip-embed .visual{grid-column:1;grid-row:1;position:relative;top:auto;min-width:0;min-height:0;height:100%;background:#fff;overflow:hidden}
.tulip-embed #stage{height:100%;width:100%;background:#fff}
.tulip-embed #loading{background:#fffffff2;color:#605e5e;font-size:13px}
.tulip-embed canvas{max-width:100%;max-height:100%}
.tulip-embed .caption{top:18px;left:20px;max-width:60%;color:#2f2e2e}
.tulip-embed .caption h1{font-size:28px;letter-spacing:-.04em;font-weight:600;margin:5px 0}
.tulip-embed .caption p{font-size:9px;letter-spacing:.12em;color:#605e5e}
.tulip-embed .caption #subtitle{display:none}
.tulip-embed .hint{left:20px;bottom:14px;color:#605e5e;font-size:10px}
.tulip-embed .hint.night{color:#dce7e6}
.tulip-embed #stage.night .caption{color:#eff5f5}
.tulip-embed #stage.night .caption p{color:#dce7e6}
.tulip-embed .views{top:auto;bottom:44px;left:16px;right:16px;max-width:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.tulip-embed .views button{border:0;border-radius:999px;background:#f4f5f6e8;color:#42484a;font-size:11px;min-height:40px;padding:8px 12px;box-shadow:none}
.tulip-embed .views button[aria-pressed=true]{background:#e6f3f4;color:#155d68;box-shadow:inset 0 0 0 1px #c0dce0}
.tulip-embed__controls-root{position:absolute;inset:0;pointer-events:none;min-width:0;min-height:0}
[data-expanded=true]>.tulip-embed__controls-root{position:relative;grid-column:2;grid-row:1;pointer-events:auto;border-left:1px solid #e4e9e9}
@media(max-width:900px){
 .tulip-embed .tulip-embed__layout[data-expanded=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,37%) minmax(0,1fr)}
 [data-expanded=true]>.tulip-embed__controls-root{grid-column:1;grid-row:2;border-left:0;border-top:1px solid #e4e9e9}
 .tulip-embed .caption{top:12px;left:14px}
 .tulip-embed .caption h1{font-size:24px}
 .tulip-embed .views{left:8px;right:8px;bottom:28px;gap:3px}
 .tulip-embed .views button{font-size:10px;padding:7px 9px;min-height:36px}
 .tulip-embed .hint{left:14px;bottom:8px;font-size:9px}
 .tulip-embed [data-expanded=true] .caption p,.tulip-embed [data-expanded=true] .hint{display:none}
 .tulip-embed [data-expanded=true] .views{bottom:8px}
}