:root{color-scheme:dark;--ink:#111512;--panel:#181d18;--gold:#c7ad78;--ivory:#f2eee4;--muted:#a5afa4;--line:#343d32;--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:var(--ivory);font:14px/1.6 var(--font)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}button{color:inherit}button,a,input{transition:border-color .2s,background .2s,color .2s,box-shadow .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}button svg{pointer-events:none}.skip{position:fixed;top:-80px;left:20px;background:var(--gold);color:var(--ink);padding:12px;z-index:20}.skip:focus{top:10px}
.studio-header{height:86px;margin:0 4.5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative}.back-collection{text-decoration:none;color:#d3d8ce;font-size:12px;display:flex;gap:14px;align-items:center}.back-collection>span:first-child{font-size:22px}.brand{position:absolute;left:50%;transform:translateX(-50%);height:48px}.brand img{height:48px;width:auto}.studio-wordmark{font-size:10px;letter-spacing:2px;text-align:right}.studio-wordmark i{display:block;font-style:normal;color:var(--muted);font-size:8px;letter-spacing:1.8px;margin-top:3px}main{max-width:1500px;margin:auto;padding:0 4.5vw}.studio-intro{padding:40px 0 32px;text-align:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--gold)}.studio-intro h1{font-size:clamp(40px,4.4vw,64px);line-height:1.1;margin:8px 0 12px;letter-spacing:-1.8px}.studio-intro h1 em{color:var(--gold);font-weight:400}.studio-intro>p:last-child{font-size:12px;color:var(--muted)}.steps{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:26px}.step-tab{display:flex;gap:8px;align-items:center;padding:7px 2px;background:none;color:var(--muted);font-size:10px;white-space:nowrap}.step-tab .step-number{width:23px;height:23px;border:1px solid #414a3e;border-radius:50%;display:grid;place-items:center;font-size:9px}.step-tab[aria-current=step]{color:var(--ivory)}.step-tab[aria-current=step] .step-number{color:var(--ink);background:var(--gold);border-color:var(--gold)}.step-tab.done .step-number{border-color:var(--gold);color:var(--gold)}
.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border:1px solid var(--line);min-height:640px;background:#141914}.preview-panel{position:sticky;top:15px;align-self:start;min-width:0;background:radial-gradient(ellipse at 50% 44%,#303a2d 0%,#1e281e 34%,#171e17 70%);position:relative;padding:26px 26px 20px;isolation:isolate;overflow:hidden}.preview-panel:before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #c7ad7809;left:50%;top:120px;transform:translateX(-50%);pointer-events:none;z-index:-1}.preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.preview-top .eyebrow{font-size:8px;letter-spacing:1.6px;color:#c0c8b9}.live-label{font-size:8px;letter-spacing:1.1px;color:#b4c2ab;white-space:nowrap}.live-label i{display:inline-block;width:4px;height:4px;border-radius:100%;background:#b1c49e;margin-right:5px;vertical-align:middle}.watch-stage{height:450px;display:grid;place-items:center;margin:4px -18px 0}.watch-stage>div{height:100%;width:100%;display:grid;place-items:center}.watch-stage svg{height:100%;width:100%;max-width:470px;filter:drop-shadow(0 25px 18px #0005)}.watch-stage.flash #watch-art{animation:watch-change .42s ease-out}.view-controls{display:flex;justify-content:center;gap:4px;margin-top:5px}.view-controls button{background:none;border:1px solid transparent;color:var(--muted);padding:6px 16px;border-radius:20px;font-size:10px}.view-controls button[aria-pressed=true]{background:#c7ad7814;color:var(--ivory);border-color:#7a806044}.preview-caption{text-align:center;margin-top:17px}.preview-caption h2{font-size:31px;line-height:1.2}.preview-caption p{font-size:10px;color:var(--muted);margin-top:6px}.preview-note{font-size:9px;line-height:1.6;color:#929e8f;max-width:355px;margin:17px auto 0;text-align:center}.options-panel{padding:36px clamp(22px,3vw,48px) 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.step-kicker{color:var(--gold);font-size:9px;letter-spacing:2px;margin-bottom:11px}.options-panel h2{font-size:37px;line-height:1.1;margin-bottom:12px;outline:none}.step-description{color:var(--muted);font-size:12px;max-width:430px;margin-bottom:25px;min-height:38px}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{position:relative;display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line);background:#1b211b;border-radius:3px;padding:0;overflow:hidden;text-align:left;min-width:0}.option-card:hover{border-color:#8e987e;background:#222a21}.option-card[aria-pressed=true]{border-color:var(--gold);background:#252b22;box-shadow:0 0 0 1px #c7ad7824}.option-image{height:108px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#303a2e,#1a211a 75%);overflow:hidden}.option-image svg{width:100%;height:100%;filter:drop-shadow(0 6px 4px #0004)}.option-label{padding:10px 9px 11px;font-size:10px;line-height:1.3;display:flex;gap:6px;align-items:center}.option-label .swatch{width:8px;height:8px;border-radius:50%;border:1px solid #fff3;flex:none}.selection-check{position:absolute;right:7px;top:7px;width:16px;height:16px;border:1px solid #7778;border-radius:50%;display:grid;place-items:center;font-size:10px;color:transparent;z-index:1}.option-card[aria-pressed=true] .selection-check{color:var(--ink);background:var(--gold);border-color:var(--gold)}.style-card{display:grid;grid-template-columns:46% 54%;min-height:206px;border:1px solid var(--gold);background:#1d251c;border-radius:3px;width:100%;text-align:left;padding:0;position:relative;overflow:hidden}.style-card .option-image{height:220px;grid-row:1;background:radial-gradient(ellipse,#354331,#192218)}.style-copy{align-self:center;padding:16px}.style-copy .eyebrow{font-size:8px}.style-copy h3{font-size:28px;margin:6px 0 10px}.style-copy p{color:var(--muted);font-size:11px;line-height:1.7}.style-copy .tag{display:inline-block;border:1px solid #48533f;padding:3px 8px;margin-top:13px;font-size:8px;letter-spacing:.8px;color:#c1cbb7}.section-note{font-size:10px;color:var(--muted);margin-top:17px;line-height:1.7}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:25px;margin-top:auto}.primary,.secondary{border:1px solid var(--gold);background:var(--gold);color:#151a13;border-radius:2px;padding:13px 18px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:44px}.primary:hover{background:#ded0ac;border-color:#ded0ac}.secondary{background:transparent;color:var(--ivory);border-color:#657058;font-weight:500}.secondary:hover{background:#293126}.text-button{background:none;color:var(--muted);font-size:10px;min-height:44px;display:flex;align-items:center;gap:8px;padding:8px 0}.save-status{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;color:#899585}.save-status button{font-size:9px;background:none;color:#aab29f;padding:0;text-decoration:underline;text-underline-offset:3px}.field{display:block;margin:18px 0}.field>span,.field-label{display:block;font-size:10px;color:#d6dcce;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid #4b5546;background:#111811;color:var(--ivory);border-radius:2px;padding:12px 13px;min-height:44px;font-size:13px}.field input::placeholder{color:#72806e}.field small{display:block;color:#929f8b;font-size:9px;margin-top:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button{background:none;border:1px solid #3e4a37;color:var(--muted);border-radius:2px;padding:8px 10px;min-height:38px;font-size:10px}.segmented button[aria-pressed=true]{border-color:var(--gold);color:var(--ivory);background:#c7ad7812}.font-choices button[data-value=serif]{font-family:Georgia,serif;font-size:15px}.font-choices button[data-value=script]{font-family:cursive;font-size:14px}.small-heading{font-size:10px;color:#d4dcca;margin:18px 0 8px}.color-row{display:flex;gap:9px;flex-wrap:wrap}.color-button{width:30px;height:30px;border:1px solid #66765a;border-radius:50%;padding:4px;background:transparent}.color-button span{display:block;width:100%;height:100%;border-radius:50%}.color-button[aria-pressed=true]{border:2px solid var(--gold)}.design-summary{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0 0 20px}.design-summary>div{padding:11px 0;border-bottom:1px solid var(--line)}.design-summary dt{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.design-summary dd{font-size:11px;margin:3px 0 0;overflow-wrap:anywhere}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.review-actions .primary{grid-column:1/-1}.review-actions button,.review-actions a{font-size:10px;padding-inline:10px;gap:8px}.review-actions .email-note{font-size:9px;color:var(--muted);grid-column:1/-1}.studio-bottom{display:flex;align-items:center;justify-content:space-between;padding:26px 0 35px}.studio-bottom p{font:italic 24px 'Cormorant Garamond',Georgia,serif;color:#c2c9b9}.studio-bottom>span{font-size:8px;letter-spacing:1.5px;color:#818f7c}footer{border-top:1px solid var(--line);padding:25px 4.5vw;font-size:10px;color:#8b9885;display:flex;gap:24px;align-items:center;flex-wrap:wrap}footer>span{margin-right:auto}footer a{text-decoration:none}footer button{background:none;color:inherit;padding:0;font-size:inherit}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:100;color:#f7f3e9;background:#34432e;border:1px solid #84976e;border-radius:3px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:450px;width:90%;padding:32px;border:1px solid var(--line);background:#20271e;color:var(--ivory);border-radius:4px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog h2{font-size:35px}dialog p{color:var(--muted);margin:15px 0 25px}dialog>div{display:flex;gap:10px;justify-content:flex-end}.noscript{padding:30px;border:1px solid var(--gold)}
@keyframes watch-change{0%{opacity:.75;transform:scale(.985)}100%{opacity:1;transform:scale(1)}}@keyframes panel-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.panel-enter{animation:panel-in .32s ease both}
@media(min-width:1400px){.watch-stage{height:510px}.workspace{min-height:700px}.option-image{height:125px}}
@media(max-width:1050px){.step-tab{font-size:9px;gap:4px}.step-tab .step-number{width:20px;height:20px}.options-panel{padding:28px 22px 20px}.preview-panel{padding:24px 18px 20px}.option-label{font-size:9px}.preview-top .eyebrow{font-size:7px}.live-label{font-size:7px}}
@media(max-width:760px), (max-width:950px) and (pointer:coarse) and (orientation:landscape){.studio-header{height:70px;margin:0 20px}.brand,.brand img{height:39px}.back-collection{font-size:10px;gap:8px}.studio-wordmark{font-size:7px;letter-spacing:1px}.studio-wordmark i{font-size:6px;letter-spacing:.6px}main{padding:0 16px}.studio-intro{padding:25px 0 22px}.studio-intro h1{font-size:43px}.studio-intro>p:last-child{font-size:10px}.eyebrow{font-size:8px}.steps{overflow-x:auto;justify-content:flex-start;gap:15px;padding-bottom:12px;margin-bottom:16px;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}.step-tab{font-size:10px;gap:6px;min-height:34px}.workspace{grid-template-columns:1fr}.preview-panel{position:relative;top:auto;padding:15px 18px 13px}.watch-stage{height:320px;margin:0}.preview-top .eyebrow{font-size:7px}.preview-caption{margin-top:8px}.preview-caption h2{font-size:26px}.preview-caption p{font-size:9px}.preview-note{font-size:8px;max-width:300px;margin-top:9px}.view-controls{margin-top:0}.view-controls button{font-size:9px;padding:4px 13px}.options-panel{padding:25px 20px 20px;border-left:0;border-top:1px solid var(--line)}.options-panel h2{font-size:34px}.step-description{font-size:11px;min-height:0;margin-bottom:20px}.option-image{height:108px}.option-label{font-size:10px}.step-actions{padding-top:24px}.studio-bottom{padding:22px 3px;display:block;text-align:center}.studio-bottom p{font-size:23px}.studio-bottom>span{display:block;margin-top:8px;font-size:7px}footer{justify-content:center;font-size:9px;padding:22px 16px;gap:17px}footer>span{width:100%;margin:0;text-align:center}.style-card{min-height:190px}.style-card .option-image{height:195px}.style-copy h3{font-size:27px}.style-copy p{font-size:10px}.style-copy{padding:12px}.save-status{font-size:8px}.primary{font-size:10px}}
@media(max-width:360px){.studio-wordmark{max-width:86px}.studio-intro h1{font-size:38px}.preview-top{gap:5px}.options-panel{padding:22px 14px}.option-grid{gap:7px}.option-label{font-size:9px}.option-image{height:94px}.field-row{grid-template-columns:1fr}.primary{padding:12px;gap:10px}}
[hidden]{display:none!important}.watch-stage{position:relative}.watch-stage>div{position:absolute;inset:0;min-height:0;display:block;text-align:center}.watch-stage svg{display:inline-block;vertical-align:top;height:100%;max-height:100%;width:100%;max-width:100%}.style-card[aria-pressed=true] .selection-check{background:var(--gold);border-color:var(--gold);color:var(--ink)}.preview-panel{position:sticky;top:15px}.zoom-button{background:transparent;color:var(--muted);font-size:10px;border:1px solid #58664b;border-radius:20px;padding:5px 12px;position:absolute;right:10px;bottom:5px;z-index:2}.zoom-button:hover{color:var(--ivory);border-color:var(--gold)}#zoom-dialog{width:min(620px,95vw);max-width:620px;padding:20px}#zoom-dialog>div{display:block;height:70vh;max-height:800px;text-align:center}#zoom-dialog svg{width:100%;height:100%}#zoom-dialog>button{display:block;margin-left:auto}.step-actions:has(#previous[hidden]){justify-content:flex-end}
@media(max-width:760px), (max-width:950px) and (pointer:coarse) and (orientation:landscape){.preview-panel{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);padding:10px 16px}.watch-stage{height:245px}.preview-caption{margin-top:4px}.preview-caption h2{display:none}.preview-caption p{font-size:8px;margin:0}.preview-note{font-size:7px;margin-top:5px;max-width:320px}.preview-top .eyebrow,.live-label{font-size:6px}.view-controls button{padding:2px 12px;min-height:24px}.options-panel{scroll-margin-top:350px}.zoom-button{font-size:8px;right:0;bottom:3px;padding:4px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.bezel-families{margin-bottom:18px}.bezel-families button{flex:1;min-height:42px}.option-label{min-height:45px}.option-label .swatch{width:10px;height:10px}

.style-choices{display:grid;gap:14px}.style-card[aria-pressed=false]{border-color:var(--line)}.style-card[aria-pressed=false]:hover{border-color:var(--gold)}.component-heading{font:500 23px 'Cormorant Garamond',Georgia,serif;margin:28px 0 12px;color:var(--ivory)}.component-heading:first-child{margin-top:0}.component-note{margin:0 0 14px}

/* Keep the live watch and the next action usable on small touch screens. */
@media(max-width:760px), (max-width:950px) and (pointer:coarse) and (orientation:landscape){
  html{-webkit-text-size-adjust:100%}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  main{padding-inline:max(12px,env(safe-area-inset-left),env(safe-area-inset-right))}
  .back-collection,.brand{min-height:44px;display:flex;align-items:center}
  .studio-intro>p:last-child{font-size:12px}
  .step-tab{min-height:44px;font-size:12px;padding:8px 4px}
  .steps{gap:12px;scroll-padding-inline:12px}
  .preview-panel{padding:8px 12px;top:0}
  .preview-top .eyebrow,.live-label{font-size:8px;letter-spacing:.6px}
  .watch-stage{height:clamp(130px,29svh,230px)}
  .view-controls button{min-height:44px;min-width:76px;font-size:12px;padding:6px 14px}
  .zoom-button{min-height:44px;min-width:66px;padding:8px;font-size:11px;bottom:0;right:0;background:#171e17e6}
  .preview-caption p{font-size:10px;line-height:1.4}
  .preview-note{font-size:10px;line-height:1.4;margin-top:5px;max-width:410px}
  .options-panel{padding:24px 16px;scroll-margin-top:0}
  .step-description{font-size:13px;line-height:1.7}
  .option-label{font-size:12px;min-height:48px;padding:10px 8px}
  .option-grid{gap:9px}
  .section-note,.field small,.review-actions .email-note{font-size:12px}
  .small-heading,.field>span,.field-label{font-size:12px}
  .field input,.field select{font-size:16px;min-height:48px;scroll-margin-block:24px}
  .segmented button{min-height:44px;font-size:12px;padding:9px 12px}
  .color-button{width:44px;height:44px;padding:6px}
  .color-row{gap:8px}
  .step-actions{position:fixed;z-index:20;left:0;right:0;bottom:0;background:#171e17f5;border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0;backdrop-filter:blur(12px)}
  .step-actions .primary{min-height:48px;font-size:12px;gap:10px;padding:12px 16px}
  .step-actions .text-button{font-size:12px;padding:10px;min-width:64px;min-height:48px}
  .save-status{align-items:center;font-size:11px}
  .save-status button{font-size:11px;min-height:44px;min-width:60px}
  .design-summary dt{font-size:10px}.design-summary dd{font-size:13px}
  .review-actions button,.review-actions a{font-size:12px;min-height:48px}
  .style-copy p{font-size:12px}.style-copy .tag{font-size:9px}
  .style-copy{padding:12px}.style-card .option-image{height:220px}
  .toast{bottom:calc(90px + env(safe-area-inset-bottom))}
  dialog{max-height:calc(100dvh - 24px);overflow:auto;padding:20px}
  dialog>div{flex-wrap:wrap}
  #zoom-dialog{padding:12px}#zoom-dialog>div{height:calc(100dvh - 110px)}
  body.editing-text .preview-panel{position:relative}
  body.editing-text .step-actions{display:none!important}
  footer a,footer button{min-height:44px;display:inline-flex;align-items:center;font-size:11px}
}
@media(max-width:380px){
  .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .option-image{height:120px}
  .preview-top .eyebrow{font-size:7px}
  .style-copy h3{font-size:25px}
  .review-actions{grid-template-columns:1fr}
}
@media(max-width:950px) and (max-height:500px){
  .preview-panel{position:relative}
  .watch-stage{height:210px}
}
@media(hover:none){.option-card:hover,.style-card[aria-pressed=false]:hover{background:#1b211b;border-color:var(--line)}.option-card[aria-pressed=true]:hover{border-color:var(--gold);background:#252b22}}

.purchase-panel{padding:24px;border:1px solid #85764e;background:linear-gradient(135deg,#252e22,#192118);margin-bottom:10px}
.purchase-panel>.eyebrow{margin-bottom:12px}
.build-price{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.build-price>span{font:28px/1.15 'Cormorant Garamond',Georgia,serif}
.build-price strong{font-size:30px;font-weight:500;white-space:nowrap;color:var(--gold)}
.build-price small{font-size:10px;letter-spacing:1px}
.purchase-movement{font-size:12px;color:var(--muted);margin:12px 0 20px}
.purchase-button{width:100%;min-height:52px;font-size:13px;gap:12px}
.purchase-note{font-size:12px;line-height:1.7;color:#b9c3b4;margin-top:13px}
.purchase-note strong{color:var(--ivory)}
.movement-choice{margin-top:24px}
.movement-choice .segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.movement-choice button{text-align:left;min-height:64px;font-size:12px;line-height:1.5}
.movement-choice strong{display:block;color:var(--ivory);font-size:16px;font-weight:600}
#checkout-status{font-size:12px;line-height:1.7;color:#f1d7a7;margin-top:12px;overflow-wrap:anywhere}
#checkout-status:empty{display:none}
@media(max-width:760px), (max-width:950px) and (pointer:coarse) and (orientation:landscape){
  .purchase-panel{padding:18px 14px}.build-price{gap:6px}.build-price>span{font-size:27px}.build-price strong{font-size:30px}
  .purchase-panel .eyebrow{font-size:10px}.purchase-button{min-height:52px;font-size:13px;padding:12px}
}

/* A bounded design workspace keeps the watch and navigation in view. */
.studio-header{height:64px}.studio-intro{padding:12px 0}.studio-intro h1{font-size:34px;margin:0}.studio-intro>.eyebrow,.studio-intro>p:last-child{display:none}
.steps{height:58px;margin:0;padding:4px 0;align-items:center;overflow-x:auto;justify-content:space-between}.step-tab{min-height:44px;font-size:11px}
.workspace{height:calc(100dvh - 186px);min-height:440px;max-height:950px;overflow:hidden;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.preview-panel{position:relative;top:auto;align-self:stretch;min-height:0;display:flex;flex-direction:column;padding:16px}
.watch-stage{height:auto;flex:1;min-height:0;margin:0}.preview-top{flex:none}.preview-caption{margin-top:6px}.preview-caption h2{font-size:25px}.preview-note{font-size:10px;margin-top:8px}
.options-panel{min-height:0;height:100%;padding:0;overflow:hidden}.options-panel #option-content{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:24px;scrollbar-width:thin;scrollbar-color:#a08c60 #182017}
.step-actions{position:static;margin:0;padding:12px 22px;border-top:1px solid var(--line);background:#171e17;flex:none}.save-status{margin:0;padding:8px 22px;flex:none}.step-actions .text-button{min-width:64px}.step-actions .primary{min-height:44px}
.logo-upload{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.logo-upload a{text-decoration:underline}.logo-upload input[type=file]{max-width:100%;white-space:normal}
@media(max-width:800px){
 body{padding-bottom:0}main{padding-inline:10px}.studio-header{height:56px}.studio-intro{display:none}.steps{height:56px;justify-content:flex-start;gap:14px}.step-tab{font-size:12px;flex:none}
 .workspace{height:calc(100dvh - 124px);min-height:440px;max-height:none;grid-template-columns:1fr;grid-template-rows:minmax(130px,34%) minmax(0,1fr)}
 .preview-panel{position:relative!important;top:auto;padding:5px 10px;display:grid;grid-template-columns:minmax(0,1fr) 90px;grid-template-rows:1fr;border-bottom:1px solid var(--line)}
 .preview-top,.preview-caption,.preview-note{display:none}.watch-stage{height:100%;min-height:0}.view-controls{flex-direction:column;justify-content:center;margin:0;gap:4px}.view-controls button{min-height:44px;font-size:12px;padding:6px}.zoom-button{min-height:40px;bottom:0;font-size:10px}
 .options-panel{padding:0;border:0}.options-panel #option-content{padding:16px}.options-panel h2{font-size:29px}.step-description{margin-bottom:16px}.step-kicker{margin-bottom:6px}.step-actions{position:static!important;padding:8px 12px;display:flex!important}.step-actions .primary{padding:10px 12px;font-size:11px;min-height:44px}.save-status{padding:3px 12px;font-size:10px}.save-status button{min-height:32px}
 body.editing-text .step-actions{display:flex!important}.option-image{height:96px}.option-label{font-size:11px}.field-row{grid-template-columns:1fr}.toast{bottom:18px}
}
@media(max-height:550px) and (min-width:600px){.studio-intro{display:none}.studio-header{height:48px}.steps{height:48px}.workspace{height:calc(100dvh - 108px);min-height:240px;grid-template-columns:42% 58%;grid-template-rows:1fr}.preview-panel{display:flex}.view-controls{flex-direction:row}.preview-note,.preview-caption,.preview-top{display:none}.options-panel #option-content{padding:14px}}
@media(max-width:599px) and (max-height:600px){body.editing-text .studio-header{display:none}body.editing-text .steps{height:44px}body.editing-text .workspace{height:calc(100dvh - 54px);min-height:0;grid-template-rows:minmax(70px,26%) minmax(0,1fr)}body.editing-text .save-status{display:none}}

/* Email-save form: usable without an account or marketing consent. */
.save-design-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-width:520px;max-height:calc(100dvh - 28px);overflow:auto;padding:32px;color:#f1eee3;background:#1b251d;border:1px solid #68705b;border-radius:8px;font:14px/1.55 Manrope,Arial,sans-serif}.save-design-dialog *{box-sizing:border-box}.save-design-dialog h2{font:38px/1.05 Georgia,serif;margin:16px 0}.save-design-dialog .eyebrow{font-size:10px;letter-spacing:1.5px;margin:8px 30px 8px 0;color:#c3b080}.save-design-dialog .save-intro{margin:16px 0;color:#d2d8cb}.save-design-dialog .saved-model{padding:12px 0;border-block:1px solid #475142;color:#ecdfbf;margin:20px 0}.save-design-dialog .field{display:grid;gap:8px;font-size:14px}.save-design-dialog input[type=email]{width:100%;height:48px;border:1px solid #8a947e;background:#111a14;border-radius:3px;color:#fff;font:16px Manrope,Arial,sans-serif;padding:12px}.save-design-dialog .save-optin{display:flex;align-items:flex-start;gap:12px;margin-top:20px;cursor:pointer;font-size:13px;line-height:1.6;color:#e0e3d9}.save-optin input{flex:none;width:19px;height:19px;margin:2px 0 0;accent-color:#c6af79}.save-design-dialog .save-privacy{font-size:12px;margin:16px 0;color:#bac4b5}.save-design-dialog a{color:#ded0ac;text-decoration:underline}.save-design-dialog .primary{display:block;width:100%;min-height:48px;font:600 14px Manrope,Arial,sans-serif;color:#172119;background:#c7b17d;border:0;padding:14px 18px;cursor:pointer}.save-design-dialog button:disabled{opacity:.65;cursor:wait}.save-design-dialog .save-close{float:right;width:40px;height:40px;font-size:28px;border:0;background:transparent;color:#f1eee3;cursor:pointer}.save-design-dialog [role=status]{font-size:14px;line-height:1.65;margin:16px 0 0;color:#ecdfbf}.save-design-dialog .save-done{margin-top:20px;width:100%;min-height:44px}.save-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.save-status{flex-wrap:wrap;gap:8px}.save-status .save-anytime{color:#e4d5ad;font-weight:600;text-decoration:underline;text-underline-offset:4px}.saved-design-error{border-left:3px solid #c7b17d;padding:12px;text-align:left;font-size:14px!important;color:#ede3c8!important}.save-design-dialog :focus-visible{outline:2px solid #f4daa1;outline-offset:3px}@media(max-width:599px){.save-design-dialog{padding:24px}.save-design-dialog h2{font-size:33px}.save-status #save-status{display:none}.save-status{justify-content:space-between}.save-status .save-anytime{min-height:36px;font-size:11px}}