/* Studio-only layout. These rules intentionally follow the shared editorial theme. */
body:has([data-studio-layout="atelier"]){background:#fbfbfa;color:#19232c}
.ds-main[data-studio-layout="atelier"]{max-width:1440px;padding:42px 40px 64px;margin:auto}
[data-studio-layout="atelier"] *{box-sizing:border-box}
[data-studio-layout="atelier"] [hidden]{display:none!important}
[data-studio-layout="atelier"] .ds-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 32px;text-align:left;max-width:none;padding:0}
[data-studio-layout="atelier"] .ds-heading h1{font:700 clamp(28px,3.1vw,43px)/1.16 Manrope,Arial,sans-serif;letter-spacing:-1.5px;margin:8px 0 10px;max-width:none}
[data-studio-layout="atelier"] .ds-heading p{max-width:none;font-size:15px;line-height:1.5;margin:0;color:#68717b}
[data-studio-layout="atelier"] .ds-heading .eyebrow{font-size:11px;letter-spacing:1.7px;color:#2852e3}
.ds-faq-link{font-size:13px;white-space:nowrap;text-decoration:none;color:#37424b;padding:12px 0}
[data-studio-layout="atelier"] .ds-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(335px,1fr);gap:28px;align-items:start;position:relative}
[data-studio-layout="atelier"] .ds-product-column{min-width:0;position:sticky;top:96px;align-self:start}
[data-studio-layout="atelier"] .ds-preview{position:relative;top:auto;inset:auto;width:auto;max-width:none;margin:0;border:1px solid #e1e5e8;border-radius:20px;background:#eef1f3;overflow:hidden;box-shadow:none;padding:0}
[data-studio-layout="atelier"] .ds-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 23px 0;position:absolute;inset:0 0 auto;z-index:1}
[data-studio-layout="atelier"] .ds-step{font:600 12px/1.4 'DM Sans',Arial,sans-serif;text-transform:none;letter-spacing:0;color:#63707a}
[data-studio-layout="atelier"] .ds-pill{font-size:10px;letter-spacing:.2px;color:#4d625b;background:#e4ede7;border:0;border-radius:20px;padding:5px 9px;display:flex;align-items:center;gap:5px}
[data-studio-layout="atelier"] .ds-pill:before{content:'';width:5px;height:5px;background:#557a63;border-radius:50%}
[data-studio-layout="atelier"] #design-preview{display:block;width:100%;height:auto;aspect-ratio:9/7;margin:0;border:0;border-radius:0;max-height:none;background:#eef1f3}
.ds-view-controls{position:relative;display:flex;justify-content:center;gap:3px;width:max-content;max-width:calc(100% - 32px);margin:-42px auto 16px;padding:3px;background:#ffffffcf;border:1px solid #dce2e6;border-radius:30px}
.ds-view-controls button{border:0;background:transparent;color:#606c76;border-radius:22px;padding:9px 17px;min-height:40px;font-size:12px;cursor:pointer;transition:background 160ms,color 160ms}
.ds-view-controls button[aria-pressed="true"]{background:#202e39;color:white}
[data-studio-layout="atelier"] .ds-preview-details{padding:20px 24px 12px;border-top:1px solid #dfe4e7;display:flex;justify-content:space-between;gap:12px;background:#f9faf9;align-items:center}
[data-studio-layout="atelier"] .ds-preview-details h2{font:700 18px/1.4 Manrope,Arial,sans-serif;overflow-wrap:anywhere;margin:0 0 4px}
[data-studio-layout="atelier"] .ds-preview-details p{font-size:11px;line-height:1.5;margin:0;color:#65717b}
#finish-summary{font-size:10px;line-height:1.65;text-align:right;max-width:160px;color:#596772;flex-shrink:0}
.ds-preview-caption{font-size:10px;line-height:1.5;color:#737f88;margin:0;padding:0 24px 17px;background:#f9faf9}
.ds-warning{font-size:12px;color:#853e1c;background:#fff0df;padding:14px;margin:0}
.ds-collection{margin-top:24px}
.ds-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ds-section-heading h2{font:700 14px/1.4 Manrope,Arial,sans-serif;margin:0}
.ds-section-heading span{font-size:10px;color:#758089}
.ds-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ds-preset{background:#fff;padding:0 0 9px;border:1px solid #e1e5e8;border-radius:10px;overflow:hidden;text-align:left;cursor:pointer;transition:border-color 160ms,box-shadow 160ms}
.ds-preset canvas{width:100%;height:auto;display:block;aspect-ratio:9/7}
.ds-preset strong,.ds-preset small{display:block;padding:0 10px}
.ds-preset strong{font-size:11px;font-weight:600;margin-top:8px;color:#26333c}
.ds-preset small{font-size:10px;color:#7b858c;margin-top:3px}
.ds-preset[aria-pressed="true"]{border-color:#2852e3;box-shadow:0 0 0 1px #2852e3}
[data-studio-layout="atelier"] #design-form{min-width:0;width:100%;grid-column:auto;grid-row:auto;margin:0;position:relative}
[data-studio-layout="atelier"] #design-fields{margin:0;padding:0;border:0;min-width:0;display:block}
.ds-editor-step{border:1px solid #e0e5e8;border-radius:12px;background:#fff;margin:0 0 10px;overflow:hidden}
.ds-editor-step>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;font:700 14px/1.35 Manrope,Arial,sans-serif}
.ds-editor-step>summary::-webkit-details-marker,.ds-ai-disclosure-panel>summary::-webkit-details-marker{display:none}
.ds-editor-step>summary:after{content:'+';margin-left:auto;font:400 21px Arial;color:#8d979f}
.ds-editor-step[open]>summary:after{content:'−'}
.ds-editor-step summary small{display:block;color:#859098;font:400 11px/1.5 'DM Sans',Arial,sans-serif;margin-top:3px}
.ds-step-number{border:1px solid #dee5e8;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font:500 11px Arial;color:#78848e;flex-shrink:0}
.ds-editor-step[open] .ds-step-number{color:#2852e3;background:#edf1ff;border-color:#e1e7ff}
.ds-step-body{padding:0 20px 20px;border:0;display:flow-root}
[data-studio-layout="atelier"] label{display:block;font-size:12px;font-weight:600;margin:15px 0 7px;color:#39454e}
[data-studio-layout="atelier"] input:not([type="checkbox"]):not([type="range"]),[data-studio-layout="atelier"] select,[data-studio-layout="atelier"] textarea{width:100%;min-width:0;max-width:100%;font:400 13px/1.5 'DM Sans',Arial,sans-serif;color:#26333c;border:1px solid #dce2e7;border-radius:7px;background:#fff;padding:11px 12px;min-height:44px;box-shadow:none}
[data-studio-layout="atelier"] textarea{resize:vertical;min-height:84px}
[data-studio-layout="atelier"] input[type="file"]{font-size:11px;padding:10px}
[data-studio-layout="atelier"] input[type="range"]{width:100%;accent-color:#2852e3;height:28px}
[data-studio-layout="atelier"] .ds-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
[data-studio-layout="atelier"] .ds-hint{font:400 11px/1.6 'DM Sans',Arial,sans-serif;color:#7b858d;margin:8px 0 0}
[data-studio-layout="atelier"] .ds-optional{font-weight:400;color:#8a9399;font-size:10px}
[data-studio-layout="atelier"] .ds-text-button{font-size:11px;color:#2852e3;padding:8px 0;min-height:36px}
[data-studio-layout="atelier"] .ds-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400;line-height:1.6}
[data-studio-layout="atelier"] .ds-consent input{width:17px;height:17px;flex-shrink:0;margin:2px 0 0;accent-color:#2852e3}
[data-studio-layout="atelier"] .button{min-height:46px;border-radius:8px;font-size:12px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:none;text-decoration:none}
[data-studio-layout="atelier"] .button-primary{background:#2852e3;color:#fff;border:1px solid #2852e3}
.ds-next,[data-studio-layout="atelier"] .ds-submit{width:100%;margin-top:20px}
[data-studio-layout="atelier"] .ds-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}
.ds-shapes button{border:1px solid #dce2e7;border-radius:7px;background:#fff;min-height:63px;padding:9px 2px 6px;font-size:9px;cursor:pointer;color:#6c7780;display:flex;flex-direction:column;align-items:center;gap:6px}
.ds-shapes button span{display:block;width:21px;height:21px;border:1.5px solid currentColor;border-radius:50%}
.ds-shapes button[data-shape="rounded_square"] span{border-radius:5px}
.ds-shapes button[data-shape="rounded_rectangle"] span{border-radius:5px;width:29px}
.ds-shapes button[data-shape="hexagon"] span{background:currentColor;border:0;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}
.ds-shapes button[aria-pressed="true"]{border-color:#2852e3;background:#f1f4ff;color:#2852e3}
.ds-colour-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.ds-swatches{display:flex;flex-wrap:wrap;gap:2px}
.ds-swatches button{display:grid;place-items:center;width:29px;height:36px;min-width:29px;background:transparent;border:0;border-radius:5px;padding:3px;cursor:pointer}
.ds-swatches button span{width:20px;height:20px;border-radius:50%;background:var(--swatch);border:1px solid #0002}
.ds-swatches button[aria-pressed="true"] span{outline:2px solid #2852e3;outline-offset:3px}
.ds-ai-disclosure-panel{border-top:1px solid #e8ecef;border-bottom:1px solid #e8ecef;margin-top:19px}
.ds-ai-disclosure-panel>summary{list-style:none;font-size:12px;font-weight:500;padding:16px 0;cursor:pointer;display:flex;justify-content:space-between}
[data-studio-layout="atelier"] #studio-ai-panel{display:block;padding:0 0 16px;margin:0;border:0;background:transparent;box-shadow:none}
[data-studio-layout="atelier"] #studio-ai-panel>.ds-step,[data-studio-layout="atelier"] #studio-ai-panel>h2,[data-studio-layout="atelier"] .ds-ai-examples{display:none}
[data-studio-layout="atelier"] .ds-ai-intro{font-size:11px;line-height:1.6;color:#727d86;margin:0}
[data-studio-layout="atelier"] .ds-ai-generate{width:100%;margin:14px 0 0}
[data-studio-layout="atelier"] #design-status{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ds-faq{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;border-top:1px solid #e0e5e8;padding:48px 0;margin-top:64px}
.ds-faq h2{font:700 26px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:10px 0 18px}
.ds-faq p{font-size:13px;line-height:1.7;color:#727d86}
.ds-faq a{color:#2852e3;text-decoration:none}
.ds-faq details{border-bottom:1px solid #e0e5e8}
.ds-faq summary{padding:19px 2px;font-size:13px;font-weight:500;cursor:pointer}
.ds-faq details p{font-size:12px;margin:0 0 18px}
[data-studio-layout="atelier"] button:active{transform:scale(.985)}
[data-studio-layout="atelier"] :focus-visible{outline:3px solid #4569e8;outline-offset:3px}
@media(hover:hover){.ds-preset:hover{border-color:#9eacc0}.ds-shapes button:hover{background:#f3f5f8}.ds-next:hover{background:#2046c6}}
@media(min-width:1600px){[data-studio-layout="atelier"] .ds-product-column{top:100px}}
@media(max-width:1000px){.ds-main[data-studio-layout="atelier"]{padding:28px 24px 48px}[data-studio-layout="atelier"] .ds-workspace{grid-template-columns:minmax(0,1.25fr) minmax(315px,1fr);gap:20px}.ds-section-heading{display:block}.ds-section-heading span{display:block;margin-top:5px}.ds-preset-grid{gap:7px}[data-studio-layout="atelier"] .ds-preview-details{display:block}#finish-summary{display:block;max-width:none;text-align:left;margin-top:8px}.ds-step-body{padding:0 16px 18px}}
@media(max-width:760px){.ds-main[data-studio-layout="atelier"]{padding:22px 16px 36px}[data-studio-layout="atelier"] .ds-heading{display:block;margin-bottom:22px}[data-studio-layout="atelier"] .ds-heading h1{letter-spacing:-1px;font-size:29px}[data-studio-layout="atelier"] .ds-heading p{font-size:13px}.ds-faq-link{display:inline-block;font-size:11px;padding:10px 0 0}[data-studio-layout="atelier"] .ds-workspace{grid-template-columns:1fr;gap:24px}[data-studio-layout="atelier"] .ds-product-column{position:static;top:auto}.ds-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-studio-layout="atelier"] .ds-preview{border-radius:14px}.ds-collection{margin-top:18px}.ds-section-heading{display:flex}.ds-section-heading span{font-size:9px;max-width:135px;text-align:right}.ds-faq{grid-template-columns:1fr;gap:14px;padding:30px 0;margin-top:34px}.ds-faq h2{font-size:24px}.ds-faq>div>p{margin-bottom:0}[data-studio-layout="atelier"] input:not([type="checkbox"]):not([type="range"]),[data-studio-layout="atelier"] select,[data-studio-layout="atelier"] textarea{font-size:16px}.ds-swatches button{width:35px;height:44px}.ds-preview-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){[data-studio-layout="atelier"] *,[data-studio-layout="atelier"] *:before{transition:none!important;scroll-behavior:auto!important}}