.style-studio-layout{grid-template-areas:"copy studio" "action studio";row-gap:0;align-items:stretch}
.style-studio-layout .configurator-copy{grid-area:copy;align-self:end}
.style-studio-layout .configurator-studio{grid-area:studio}
.configurator-action{grid-area:action;align-self:start}
.configurator-action .configurator-hint{font-size:.75rem;color:#b7d0d8;line-height:1.6;max-width:370px;margin-top:13px}
.style-frame{position:relative;aspect-ratio:1.25;margin:16px 0 12px;isolation:isolate}
.style-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .32s ease}
.style-frame img.is-visible{opacity:1}
.style-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.style-toolbar strong{font-size:1.05rem;letter-spacing:-.025em}
.style-play{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid #c3d2d8;border-radius:6px;padding:8px 10px;min-height:44px;color:#49636c;font-size:.7rem}
.style-play[hidden]{display:none}
.style-play:hover{background:#e6eef1}
.style-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.style-presets button{border:1px solid #cddbe0;background:#fff;border-radius:8px;min-width:0;min-height:59px;padding:9px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:.74rem;font-weight:700;color:var(--ink)}
.style-presets button:hover{background:#eaf2f4}
.style-presets button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#e8f1f4}
.preset-swatches{display:flex;gap:0}
.preset-swatches i{background:var(--color);width:15px;height:12px;box-shadow:inset 0 0 0 1px #172a3120}
.preset-swatches i:first-child{border-radius:4px 0 0 4px}.preset-swatches i:last-child{border-radius:0 4px 4px 0}
.style-components{font-size:.7rem;line-height:1.65;margin-top:12px;height:3.3em}
.style-studio-layout .studio-note{margin-top:8px;font-size:.65rem}
@media(max-width:900px){.style-presets{gap:6px}.style-presets button{font-size:.69rem}.style-play{font-size:.65rem;padding:7px}.style-frame{aspect-ratio:.95}.style-components{font-size:.68rem;height:6.6em}}
@media(max-width:650px){.style-studio-layout{grid-template-areas:"copy" "studio" "action";row-gap:22px;padding:28px 18px}.style-studio-layout .configurator-steps{margin-bottom:0}.style-studio-layout .configurator-studio{padding:17px 12px}.style-frame{aspect-ratio:1.02;margin:12px 0}.style-presets button{min-height:59px;font-size:.7rem}.style-components{height:6.6em}.style-toolbar strong{font-size:1rem}.configurator-action .configurator-hint{max-width:none}.style-studio-layout .studio-label{font-size:.53rem}.style-studio-layout .studio-top{gap:7px}.configurator-action .configurator-cta{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.style-frame img{transition:none}}