.studio-intro{padding-block:44px 32px;max-width:1312px}.studio-intro .eyebrow{margin-bottom:14px}.studio-intro h1{font:400 clamp(32px,4vw,52px)/1.15 var(--display);letter-spacing:0;max-width:760px}.studio-intro>p:last-child{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.8;max-width:590px}.design-studio{display:grid;gap:36px;padding-bottom:64px;align-items:start}.studio-visual{min-width:0}.studio-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:16px}.studio-preview-heading h2{font-size:14px;letter-spacing:0}.studio-preview-tabs{display:flex;gap:4px;flex-wrap:wrap}.studio-preview-tabs button{font-size:11px;min-height:44px;padding:10px 11px;border-bottom:1px solid transparent}.studio-preview-tabs [aria-pressed=true]{border-color:var(--coffee)}.studio-preview-tabs button:disabled{opacity:.45;cursor:default}.studio-stage{height:420px;min-width:0;background:linear-gradient(140deg,#eee4d5,#f7f4ee 60%,#e5d8c5);display:grid;place-items:center;overflow:hidden;border:1px solid #49342910}.studio-stage>svg{display:block;height:100%;width:100%;max-width:540px}.studio-stage>img{width:100%;height:100%;object-fit:contain;min-height:0}.studio-preview-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:580px;margin-top:14px}.studio-downloads{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:8px}.studio-downloads .text-link{font-size:11px}.studio-downloads svg{width:17px}.studio-panel{min-width:0}.studio-panel>.eyebrow{margin-bottom:12px}.studio-panel>h2{font:400 29px/1.2 var(--display);letter-spacing:0;margin-bottom:28px}.studio-fieldset,.studio-palette{border:0;padding:0;margin:0 0 24px;min-width:0}.studio-fieldset legend,.studio-palette legend,.studio-description>label{font-size:12px;line-height:1.6;margin-bottom:12px;display:block;color:var(--coffee)}.studio-options{display:flex;flex-wrap:wrap;gap:8px}.studio-choice{position:relative;flex:1;min-width:90px}.studio-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}.studio-choice span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border:1px solid var(--border);font-size:12px;line-height:1.5;text-align:center;background:transparent;transition:background-color .2s,color .2s,border-color .2s}.studio-choice input:checked+span{background:var(--coffee);border-color:var(--coffee);color:var(--surface)}.studio-choice input:focus-visible+span{outline:2px solid var(--coffee);outline-offset:3px}.studio-description{margin-bottom:24px}.studio-description textarea{display:block;width:100%;min-height:146px;border:1px solid var(--border);border-radius:0;background:var(--white);font:13px/1.85 var(--body);padding:14px 16px;resize:vertical}.studio-description textarea::placeholder{color:#8c7c6b}.studio-description>p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:9px}.studio-description textarea[aria-invalid=true]{border-color:#8b3027}.studio-refinement{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.studio-refinement summary{font-size:12px;min-height:55px;padding:16px 0}.studio-refinement-body{padding:10px 0 8px}.studio-refinement-body .studio-fieldset{margin-bottom:22px}.studio-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.studio-swatch{position:relative;width:44px;height:44px;padding:5px;border:1px solid transparent;border-radius:50%}.studio-swatch:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch);border:1px solid #49342924}.studio-swatch[aria-pressed=true]{border-color:var(--coffee)}.studio-swatch:hover{border-color:var(--border)}.studio-custom-colour{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);overflow:hidden;position:relative;border-radius:50%}.studio-custom-colour input{width:34px;height:34px;border:0;padding:0;background:none;cursor:pointer;border-radius:50%}.studio-custom-colour:focus-within{outline:2px solid var(--coffee);outline-offset:3px}.studio-colour-value{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);padding:4px 5px 0}.studio-palette{margin-bottom:20px}.studio-ai-availability{font-size:11px;line-height:1.8;color:var(--muted);margin-block:20px 16px}.studio-generate{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px}.studio-generate:disabled{opacity:.5;cursor:default;background:var(--coffee);border-color:var(--coffee)}.studio-status{font-size:12px;line-height:1.8;color:var(--coffee);margin-top:16px;min-height:0}.studio-status:empty{display:none}.studio-draft-actions{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px}.studio-draft-actions .text-link{font-size:11px;min-height:44px}.studio-draft-actions svg{width:16px}.studio-enquire{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.studio-enquire>p:first-child{font:400 23px/1.25 var(--display);margin-bottom:16px}.studio-enquire>.button{display:flex;justify-content:space-between;width:100%;font-size:12px}.studio-enquire>p:last-child{font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px}.studio-brief-summary{margin-top:20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.studio-brief-summary summary{font-size:12px;min-height:48px}.studio-brief-summary pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--body);padding:0 0 16px;margin:0}.studio-reference{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--border);margin-bottom:24px}.studio-reference>img{width:52px;height:60px;object-fit:cover}.studio-reference>span{font-size:12px;line-height:1.7;flex:1}.studio-reference small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.studio-reference>svg{width:17px}.studio-reference:hover{background:var(--surface-warm)}
@media(min-width:700px){.studio-intro{padding-block:54px 40px}.design-studio{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;padding-bottom:90px}.studio-visual{position:sticky;top:110px}.studio-stage{height:560px}.studio-preview-heading{align-items:flex-start;flex-direction:column;gap:0}.studio-panel>h2{font-size:32px}.studio-options{gap:6px}.studio-choice{min-width:80px}.studio-choice span{font-size:11px;padding-inline:8px}.studio-swatches{gap:4px}.studio-intro>p:last-child{font-size:14px}}
@media(min-width:1000px){.studio-intro{padding-block:64px 48px}.design-studio{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;padding-bottom:110px}.studio-visual{top:170px}.studio-stage{height:650px}.studio-preview-heading{align-items:center;flex-direction:row;gap:12px}.studio-preview-heading h2{font-size:15px}.studio-panel{padding-top:2px}.studio-options{gap:8px}.studio-choice span{font-size:12px;padding-inline:12px}.studio-swatches{gap:8px}.studio-panel>h2{font-size:36px}.studio-enquire>p:first-child{font-size:26px}}
@media(max-width:359px){.studio-intro{padding-block:32px 24px}.studio-intro h1{font-size:30px}.studio-stage{height:370px}.studio-preview-tabs button{padding-inline:9px}.studio-panel>h2{font-size:28px}.studio-choice{min-width:80px}.studio-swatch{width:42px;height:44px}.studio-swatches{gap:4px}.studio-draft-actions{gap:0 14px}}
@media(prefers-reduced-motion:reduce){.studio-choice span{transition:none}}