.product-studio{max-width:1120px;margin:auto;color:#193740}.studio-heading,.studio-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.studio-heading{justify-content:space-between}.product-studio h1{font-size:32px;margin-bottom:6px}.product-studio h2{font-size:24px}.product-studio p{line-height:1.6}.studio-bar{margin-block:18px}.studio-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:32px;border-block:1px solid #b7c8ce;padding-block:24px}.studio-art{align-self:start}.studio-art>div:first-child{aspect-ratio:9/5;display:grid;place-items:center;background:#fff}.studio-art svg{display:block;width:100%;height:auto}.studio-art .studio-bar{justify-content:center}.product-studio button{min-height:44px;padding:9px 14px;font:inherit;border:1px solid #176b53;border-radius:4px;background:#176b53;color:#fff;cursor:pointer}.product-studio button:disabled{opacity:.5;cursor:default}.product-studio label{display:grid;gap:8px;margin-block:12px}.product-studio select{font:inherit;min-width:0;max-width:100%;padding:9px;min-height:44px;color:#193740;background:#fff;border:1px solid #708992;border-radius:4px}.product-studio input[type=range]{width:100%;accent-color:#176b53}.product-studio fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}.product-studio legend{font-weight:700;margin-bottom:8px}.studio-palette{display:flex;flex-wrap:wrap;gap:10px}.studio-palette button{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:2px solid #708992;background:var(--swatch);position:relative}.studio-palette button[aria-pressed=true]{outline:3px solid #193740;outline-offset:3px}.studio-layout{display:flex;flex-wrap:wrap;gap:14px}.studio-layout label{display:flex;gap:6px}.studio-brief{border-top:1px solid #b7c8ce;margin-top:28px;padding-top:14px}.studio-brief>label{max-width:440px}#design-example{max-width:460px;background:#fff}#design-example svg{width:100%;height:auto;display:block}#design-status[data-error=true]{color:#a22133;font-weight:700}.product-studio :focus-visible{outline:3px solid #a74725;outline-offset:4px}.product-studio [hidden]{display:none!important}.product-studio *{box-sizing:border-box;overflow-wrap:anywhere}#design-undo,#design-redo{width:48px;font-size:24px;padding:4px}.studio-art #design-caption{text-align:center}@media(max-width:760px){.studio-workspace{grid-template-columns:1fr;gap:20px}.product-studio h1{font-size:28px}.studio-art>div:first-child{max-height:300px}.studio-art svg{max-height:300px}.studio-bar{align-items:flex-start}}@media print{.product-studio{display:none!important}}