/* Customer-facing preview polish. Loaded after demo.css so this file owns the
   responsive canvas, piece selection, and final-preview presentation. */
.demo-main,.demo-header{max-width:1480px}
.product-layout{grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr);gap:clamp(1.5rem,3vw,3.5rem)}
.product-stage{min-height:0;aspect-ratio:1/1;background:#0d1114;border:1px solid #343c42;overflow:hidden}
.product-stage img{width:100%;height:100%;object-fit:contain}
.product-scale{left:.75rem;bottom:.75rem;border:1px solid rgba(255,255,255,.25);background:rgba(10,13,15,.82);color:#eef0ef;backdrop-filter:blur(7px)}
.preview-zoom{display:none!important}
/* Customer proof inspection: each side is a full card, never a nested thumbnail. */
#batch-proof-grid.studio-proof-grid{height:auto!important;min-height:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding:12px;background:#101719;overflow:auto}
#batch-proof-grid .studio-proof-card{display:flex;flex-direction:column;gap:8px;border:1px solid #5d604f;border-radius:10px;padding:10px;text-align:center;background:#182125}
#batch-proof-grid .studio-proof-card>strong{font-size:14px;line-height:1.4;color:#f0cf83}
#batch-proof-grid .studio-proof-card img{width:100%;height:auto;min-height:0;aspect-ratio:1;object-fit:contain;border-radius:6px}
#batch-proof-grid .studio-proof-card span{display:block;padding:0;border:0;font-size:12px;line-height:1.4}
#batch-proof-grid .studio-proof-card>b{padding:8px;color:#f0cf83;font-size:13px}
#ai-exact-stage{align-content:start;overflow:auto;min-height:360px}
/* A tall sticky proof plus a nested grid could put every tap target outside the
   mobile viewport. Keep one bounded scroll area, with its first card at the top. */
@media(max-width:760px){
  body .ai-preview .ai-live-proof{position:relative!important;top:auto!important}
  body .ai-preview #ai-exact-stage{display:block;height:60vh;min-height:280px;overflow:auto;overscroll-behavior:auto}
  body .ai-preview #batch-proof-grid.studio-proof-grid{height:auto;min-height:0;max-height:none;overflow:visible;align-content:start}
}
#ai-concept-stage{min-height:420px}
#ai-concept-image{cursor:zoom-in}
#studio-retry{position:absolute;z-index:8;top:20px;right:20px;background:#d2af68;color:#111;padding:12px 20px;border:0;border-radius:5px;font-weight:bold;cursor:pointer}
#studio-artwork-missing{position:absolute;z-index:7;top:25%;left:6%;right:6%;padding:24px;background:#11191d;border:1px solid #d2af68;border-radius:8px;color:#fff;text-align:left}
#studio-artwork-missing[hidden]{display:none}
#studio-artwork-missing strong{font-size:20px;color:#efd28c}
#studio-artwork-missing p{line-height:1.6;margin:14px 0}
#studio-upload-replacement{background:#d2af68;color:#111;padding:12px 18px;border:0;border-radius:5px;font-weight:bold;cursor:pointer}
#studio-proof-viewer{box-sizing:border-box;width:min(1400px,96vw);max-width:96vw;height:94vh;max-height:94vh;padding:0;border:1px solid #d2af68;border-radius:12px;background:#101719;color:#fff;overflow:hidden}
#studio-proof-viewer::backdrop{background:rgba(0,0,0,.85)}
#studio-proof-viewer header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #485056}
#studio-proof-viewer header strong{display:block;font-size:20px}#studio-proof-viewer header small{display:block;margin-top:5px;color:#d2af68}
#studio-proof-viewer nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #485056}
#studio-proof-viewer button{padding:10px 14px;background:#253139;color:#fff;border:1px solid #637078;border-radius:5px;cursor:pointer;font-size:14px}
#studio-proof-viewer button[aria-pressed=true]{background:#d2af68;color:#111}#studio-proof-viewer button:disabled{opacity:.4;cursor:default}
#studio-proof-viewport{height:calc(100% - 150px);overflow:auto;overscroll-behavior:contain;background:#182024}
#studio-proof-large{display:block;width:100%;max-width:none;height:100%;min-height:0;object-fit:contain}
@media(max-width:650px){#batch-proof-grid.studio-proof-grid{grid-template-columns:1fr}#studio-proof-viewer nav{padding:8px;gap:5px}#studio-proof-viewer button{padding:8px;font-size:12px}#studio-proof-viewport{height:calc(100% - 185px)}}

.piece-view-switcher{display:flex;align-items:center;gap:.45rem;overflow-x:auto;padding:.7rem;border:1px solid #343c42;border-top:0;background:#11171a;scroll-snap-type:x proximity;scrollbar-width:thin}
.piece-view-switcher[hidden]{display:none!important}
.piece-view-switcher>span{flex:0 0 auto;margin-right:.2rem;color:#8f999e;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.piece-view-switcher button{flex:0 0 auto;min-height:38px;padding:.55rem .75rem;border:1px solid #49545b;border-radius:999px;background:#171d21;color:#eef1f0;font:700 .62rem 'Space Mono',monospace;cursor:pointer;scroll-snap-align:start}
.piece-view-switcher button:hover,.piece-view-switcher button:focus-visible,.piece-view-switcher button.is-active{border-color:var(--demo-gold);background:rgba(210,175,104,.14);color:#f4d99c;outline:0}
.piece-view-switcher small{flex:0 0 auto;margin-left:auto;color:#8f999e;font-size:.64rem}

.surface-hotspot{padding:0;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:transparent;backdrop-filter:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.surface-hotspot:after{content:attr(data-piece-label);position:absolute;left:50%;top:0;transform:translate(-50%,-115%);opacity:0;pointer-events:none;border-radius:999px;background:#11171a;color:#f4d99c;padding:.32rem .5rem;white-space:nowrap;font:700 .5rem 'Space Mono',monospace;text-transform:uppercase;transition:opacity .15s ease}
.surface-hotspot:hover,.surface-hotspot:focus-visible{border-color:var(--demo-gold);background:rgba(210,175,104,.08);box-shadow:0 0 0 2px rgba(210,175,104,.18);outline:0}
.surface-hotspot:hover:after,.surface-hotspot:focus-visible:after{opacity:1}
.surface-hotspot.is-active{border-color:rgba(210,175,104,.44);background:rgba(210,175,104,.035)}

.piece-proof{margin-top:.85rem}
.piece-proof-stage{height:clamp(420px,46vw,620px);background:#171716}
.piece-proof>header strong{font-size:1rem}.piece-proof>footer{font-size:.72rem;line-height:1.45}
.piece-proof>header{flex-wrap:wrap}.piece-proof>header>.piece-proof-tools{display:flex!important;flex:0 0 auto;align-items:center;gap:.35rem}.piece-proof-tools button{min-width:38px;min-height:38px;padding:.45rem .6rem;border:1px solid #4b565c;border-radius:5px;background:#171d21;color:#edf0ef;font:700 .62rem 'Space Mono',monospace;cursor:pointer}.piece-proof-tools button:hover,.piece-proof-tools button:focus-visible{border-color:var(--demo-gold);color:#f4d99c;outline:0}.piece-proof-tools output{display:block;min-width:46px;color:#f4d99c;text-align:center;font:700 .6rem 'Space Mono',monospace}.piece-proof-tools #piece-proof-fullscreen{min-width:92px;border-color:#806c40;color:#f4d99c}
body.proof-fullscreen-open{overflow:hidden}.piece-proof.is-fullscreen{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100vw!important;height:100dvh;margin:0!important;border:0;background:#0d1114}.piece-proof.is-fullscreen .piece-proof-stage{height:auto;min-height:0}.piece-proof.is-fullscreen>header,.piece-proof.is-fullscreen>footer{background:#11171a}.piece-proof.is-fullscreen>header{padding:max(.75rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) .75rem max(.8rem,env(safe-area-inset-left))}.piece-proof.is-fullscreen>footer{padding:.75rem max(.8rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left))}
.product-copy{padding-top:1.5rem}
.product-copy form{margin-top:1.15rem;padding:1rem;border:1px solid #303a40;background:#11171a}
.product-copy form>label,.product-copy .demo-fields label{color:#d8dddf;font-size:.68rem;line-height:1.35}
.product-copy input,.product-copy select,.product-copy textarea{min-height:48px;border-color:#526069;background:#f5f2ec;color:#121619;font-size:1rem}
.product-copy input[type=range]{min-height:28px;background:transparent}.product-copy input[type=file]{padding:.58rem}
.batch-personalization>legend{font-size:.72rem}.batch-mode{min-height:94px}.batch-mode strong,.surface-mode-row strong{font-size:.86rem}.batch-mode small,.surface-mode-row small{color:#bfc6c9;font-size:.72rem}.batch-mode.is-disabled{opacity:.68}.batch-mode.is-disabled strong{color:#c2c8ca}
.surface-personalization{background:#12181c}.surface-mode-row label{min-height:92px}.surface-tab{min-height:58px}
.product-gallery{gap:.5rem;padding:.65rem 0;scroll-snap-type:x proximity;scrollbar-width:thin}.gallery-thumb{scroll-snap-align:start;min-width:165px;min-height:68px}
.inspiration-gallery{margin:1.35rem 0 2rem;padding:1.2rem;border:1px solid #3a444a;border-radius:14px;background:radial-gradient(circle at 8% 0,rgba(210,175,104,.16),transparent 34%),linear-gradient(145deg,#171d20,#0f1417);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.inspiration-gallery__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:1.5rem;align-items:end;margin-bottom:1rem}.inspiration-gallery__head h3{margin:.25rem 0 0;color:#fff;font:600 clamp(1.4rem,2vw,2rem) 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em}.inspiration-gallery__head>p{margin:0;color:#bfc7ca;font-size:.82rem;line-height:1.55}
.inspiration-gallery__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:.8rem;overflow-x:auto;padding:.1rem .1rem .65rem;scroll-snap-type:x mandatory;scrollbar-color:#b38f4d #171d20}
.inspiration-card{position:relative;display:grid;grid-template-rows:180px auto;overflow:hidden;min-width:0;border:1px solid #3d484e;border-radius:10px;background:#11171a;color:#fff;text-align:left;scroll-snap-align:start;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.inspiration-card:hover,.inspiration-card:focus-visible{transform:translateY(-4px);border-color:#e0ba68;box-shadow:0 16px 32px rgba(0,0,0,.28);outline:0}.inspiration-card img{width:100%;height:100%;object-fit:cover}.inspiration-card__copy{display:grid;gap:.35rem;padding:.8rem}.inspiration-card__copy>span{color:#d9b766;font:700 .53rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.inspiration-card__copy strong{font:600 1.2rem 'Cormorant Garamond',Georgia,serif;line-height:1.05}.inspiration-card__copy q{min-height:2.5em;color:#eef0ef;font-size:.78rem;line-height:1.4}.inspiration-card__copy small{color:#9fa9ad;font-size:.65rem}.inspiration-card__copy b{margin-top:.25rem;color:#f0cd7d;font:700 .56rem 'Space Mono',monospace;text-transform:uppercase}
.inspiration-card.is-selected{border-color:#f0c96f;box-shadow:0 0 0 2px rgba(240,201,111,.22),0 16px 36px rgba(0,0,0,.3)}.inspiration-card.is-selected:after{content:'Feeling selected';position:absolute;top:.65rem;right:.65rem;padding:.35rem .5rem;border-radius:999px;background:#e0ba68;color:#15191b;font:700 .5rem 'Space Mono',monospace;text-transform:uppercase}
.inspiration-selection{display:flex;align-items:center;gap:.8rem;margin-top:.75rem;padding:.75rem .9rem;border:1px solid #88713f;border-radius:7px;background:#1a1c19;color:#d6dddf}.inspiration-selection[hidden]{display:none}.inspiration-selection strong{flex:0 0 auto;color:#f0cd7d;font-size:.78rem}.inspiration-selection span{font-size:.75rem;line-height:1.4}
.ai-feature-cta{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;margin:1rem 0 1.2rem;padding:1rem 1.1rem;border:1px solid #d2af68;border-radius:10px;background:linear-gradient(135deg,rgba(210,175,104,.24),rgba(210,175,104,.06) 55%,#151b1f);color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.2);transition:transform .15s ease,border-color .15s ease,background .15s ease}.ai-feature-cta[hidden]{display:none!important}.ai-feature-cta:hover,.ai-feature-cta:focus-visible{transform:translateY(-2px);border-color:#f1ce7c;background:linear-gradient(135deg,rgba(210,175,104,.32),rgba(210,175,104,.09) 55%,#182024);outline:2px solid rgba(241,206,124,.2);outline-offset:2px}.ai-feature-cta>span{grid-column:1/-1;color:#f1ce7c;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.ai-feature-cta>strong{font:600 1.2rem Archivo,Arial,sans-serif}.ai-feature-cta>small{grid-column:1;color:#d1d7da;font-size:.76rem;line-height:1.45}.ai-feature-cta>b{grid-column:2;grid-row:2/4;align-self:center;color:#f5d99a;font:700 .65rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.05em}.ai-feature-cta i{font-style:normal;font-size:1rem}
.ai-feature-cta.is-redundant{display:none!important}

.ai-preview{margin-top:1rem!important;border-color:#806a3b!important;border-radius:12px;overflow:hidden;box-shadow:0 22px 52px rgba(0,0,0,.27)}
.ai-studio-workspace{display:grid;grid-template-columns:minmax(285px,.92fr) minmax(360px,1.08fr);align-items:start;background:#0c1114}.ai-live-proof{position:sticky;top:.75rem;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;border-right:1px solid #4a4438;background:#0d1215}.ai-live-proof__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem;border-bottom:1px solid #343d42}.ai-live-proof__head>div{display:grid;gap:.2rem}.ai-live-proof__head span{color:#e6c270;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.ai-live-proof__head strong{color:#fff;font-size:.9rem}.ai-live-proof__head>b{color:#94d6a8;font:700 .52rem 'Space Mono',monospace;text-transform:uppercase}.ai-live-proof__stage{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden;background:#171816}.ai-live-proof__stage img{display:block;width:100%;height:100%;object-fit:contain}.ai-live-proof__meta{display:grid;grid-template-columns:1fr auto;gap:.25rem .7rem;padding:.8rem .9rem;border-top:1px solid #343d42}.ai-live-proof__meta strong{color:#f0cd7d;font-size:.78rem}.ai-live-proof__meta span{color:#eef0ef;font:700 .57rem 'Space Mono',monospace}.ai-live-proof__meta small{grid-column:1/-1;color:#9da7ab;font-size:.64rem}.ai-studio-workspace>.ai-design-assistant{min-width:0;border-bottom:0!important}
.ai-preview.is-fullscreen{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden!important}.ai-preview.is-fullscreen .ai-studio-workspace{min-height:0;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);overflow:hidden}.ai-preview.is-fullscreen .ai-live-proof{position:relative;top:0;height:100%;overflow:hidden}.ai-preview.is-fullscreen .ai-live-proof__stage{min-height:0;height:100%;aspect-ratio:auto}.ai-preview.is-fullscreen .ai-design-assistant{height:100%;overflow:auto}.ai-preview.is-fullscreen .ai-preview__comparison{display:none!important}
.ai-preview>header{padding:1.15rem 1.25rem!important;border-bottom-color:#806a3b!important;background:linear-gradient(110deg,#2a2419,#171d20 68%)}.ai-preview>header span{color:#f3d58f!important;font-size:.65rem!important;letter-spacing:.11em!important}.ai-preview>header strong{color:#fff;font-size:1.4rem!important;line-height:1.2}.ai-preview__head-actions b{color:#cad1d3!important}.ai-preview__head-actions button{min-height:42px;border-radius:5px}
.ai-feature-intro{display:grid;gap:.9rem;padding:1.05rem 1.1rem;border-bottom:1px solid #3a4348;background:#11171a}.ai-feature-intro>p{max-width:65ch;margin:0;color:#d5dbdd;font-size:.82rem;line-height:1.55}.ai-feature-intro ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none}.ai-feature-intro li{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.65rem;border:1px solid #3c464c;border-radius:7px;background:#171e22}.ai-feature-intro li>b{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid #9d8249;border-radius:50%;color:#f2cf80;font:700 .62rem 'Space Mono',monospace}.ai-feature-intro li>span{display:grid;min-width:0}.ai-feature-intro li strong{color:#fff;font-size:.72rem}.ai-feature-intro li small{overflow:hidden;color:#9fa9ad;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis}
.ai-feature-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ai-feature-intro>div{display:grid;gap:.25rem}.ai-feature-intro>div strong{color:#fff;font-size:1rem}.ai-feature-intro>div p{max-width:68ch;margin:0;color:#c5cdd0;font-size:.78rem;line-height:1.5}.ai-feature-intro>span{color:#e7c676;font:700 .58rem 'Space Mono',monospace;white-space:nowrap}
.ai-design-assistant{gap:1rem!important;padding:1.1rem!important;background:linear-gradient(145deg,rgba(210,175,104,.11),#101518 45%)!important}.ai-design-assistant label>span{color:#f3d58f!important;font-size:.65rem!important}.ai-design-assistant textarea{min-height:112px!important;border:1px solid #66737a!important;border-radius:7px!important;background:#f4f1ea!important;color:#171a1c!important;padding:1rem!important;font-size:1rem!important;line-height:1.5!important}.ai-design-assistant textarea::placeholder{color:#687176}
.ai-concierge{display:grid;gap:1rem;padding:1.15rem;border:1px solid #8a713d;border-radius:10px;background:linear-gradient(145deg,#1d1b16,#11181b 60%);box-shadow:inset 0 1px rgba(255,255,255,.03)}.ai-concierge__heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid #3b454b}.ai-concierge__heading>div{display:grid;gap:.25rem}.ai-concierge__heading span,.ai-concierge__plan span{color:#f1cf83;font:700 .62rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.ai-concierge__heading strong{color:#fff;font-size:1.2rem}.ai-concierge__heading>button{border:0;background:transparent;color:#bdc5c8;font:700 .6rem 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}.ai-concierge__heading>button:hover,.ai-concierge__heading>button:focus-visible{color:#f3d58f;outline:0}.ai-concierge__messages{display:grid;gap:.7rem;max-height:390px;overflow:auto;padding:.1rem .15rem;scrollbar-width:thin}.ai-concierge__message{display:grid;gap:.24rem;max-width:90%;padding:.85rem .95rem;border-radius:9px}.ai-concierge__message b{font:700 .56rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.ai-concierge__message p{margin:0;font-size:.9rem;line-height:1.58}.ai-concierge__message.is-assistant{justify-self:start;border:1px solid #3c474d;background:#182024;color:#edf0ef}.ai-concierge__message.is-assistant b{color:#f0cb77}.ai-concierge__message.is-user{justify-self:end;background:#d2af68;color:#171a1c}.ai-concierge__message.is-user b{color:#4c3a17}.ai-concierge__replies{display:flex;flex-wrap:wrap;gap:.5rem}.ai-concierge__replies:empty{display:none}.ai-concierge__replies button{min-height:44px;padding:.6rem .8rem;border:1px solid #8a713d;border-radius:999px;background:rgba(210,175,104,.08);color:#f0d698;font:700 .63rem 'Space Mono',monospace;cursor:pointer}.ai-concierge__replies button:hover,.ai-concierge__replies button:focus-visible{background:#d2af68;color:#171a1c;outline:0}.ai-concierge__composer{display:grid!important;grid-template-columns:1fr auto!important;gap:.6rem!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.ai-concierge__composer[hidden]{display:none!important}.ai-concierge__composer input{min-width:0;min-height:52px!important;margin:0!important;border-radius:7px!important;background:#f4f1ea!important;color:#171a1c!important;font-size:1rem!important}.ai-concierge__composer button{min-width:86px;border:1px solid #d2af68;border-radius:7px;background:#d2af68;color:#171a1c;font:700 .68rem 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}.ai-concierge__plan{display:grid;gap:.85rem;padding:1.1rem;border:1px solid #d2af68;border-radius:8px;background:#11171a}.ai-concierge__plan[hidden]{display:none}.ai-concierge__plan>div:first-child{display:grid;gap:.25rem}.ai-concierge__plan strong{color:#fff;font-size:1.1rem}.ai-concierge__plan dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}.ai-concierge__plan dl>div{padding:.75rem;border:1px solid #354047;border-radius:6px;background:#171e22}.ai-concierge__plan dt{color:#aab3b7;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase}.ai-concierge__plan dd{margin:.3rem 0 0;color:#f0f2f1;font-size:.82rem;line-height:1.5}.ai-concierge__plan .demo-button{width:100%;margin:0}.ai-brief-details{border:1px solid #3b454b;border-radius:8px;background:#101619}.ai-brief-details summary{padding:.8rem .9rem;color:#d6dde0;font:700 .65rem 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}.ai-brief-details[open] summary{border-bottom:1px solid #3b454b}.ai-brief-details label{padding:.85rem}
.font-recommendation{display:grid;grid-template-columns:auto 1fr;gap:.18rem .75rem;margin:.75rem 0 0;padding:.85rem 1rem;border-left:3px solid #d2af68;border-radius:0 7px 7px 0;background:rgba(210,175,104,.09)}.font-recommendation b{grid-row:1/3;align-self:center;color:#f2cf80;font:600 1.55rem 'Cormorant Garamond',Georgia,serif}.font-recommendation strong{color:#fff;font-size:.82rem}.font-recommendation span{color:#bdc5c8;font-size:.72rem;line-height:1.45}
.font-recommendation{grid-template-columns:1fr}.font-recommendation>span{color:#d8b86d;font:700 .56rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.font-recommendation strong{font:600 1.05rem 'Cormorant Garamond',Georgia,serif}.font-recommendation p{margin:0;color:#bdc5c8;font-size:.72rem;line-height:1.45}
.font-recommendation{grid-template-columns:auto 1fr;align-items:center;padding:.55rem .7rem;border-left-width:2px;background:rgba(210,175,104,.055)}.font-recommendation>span{grid-column:1/-1}.font-recommendation strong{font-size:.92rem}.font-recommendation p{font-size:.68rem}
.ai-concierge__plan dl>div.is-wide{grid-column:1/-1}.ai-plan-suggestions{display:flex;flex-wrap:wrap;gap:.45rem}.ai-plan-suggestions button{min-height:38px;padding:.5rem .65rem;border:1px solid #8a713d;border-radius:999px;background:rgba(210,175,104,.08);color:#f2d492;font-size:.75rem;cursor:pointer}.ai-plan-suggestions button:hover,.ai-plan-suggestions button:focus-visible{background:#d2af68;color:#161a1c;outline:0}
.ai-reference-upload{padding:1rem!important;border-radius:8px!important;background:#151c20!important}.ai-reference-upload strong{color:#fff;font-size:.88rem!important}.ai-reference-upload small{color:#b9c2c6!important;font-size:.7rem!important;line-height:1.55!important}.ai-reference-upload__button{min-height:44px;display:grid!important;place-items:center;border-radius:5px}.ai-movement-panel{display:grid;gap:.65rem;padding:.85rem;border:1px solid #3b454b;border-radius:8px;background:#0e1417}.ai-movement-panel>div:first-child{display:grid;gap:.18rem}.ai-movement-panel strong{color:#fff;font-size:.82rem}.ai-movement-panel small{color:#aeb8bc;font-size:.68rem}.ai-command-chips{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem!important}.ai-command-chips button{min-height:42px;border-radius:5px!important;background:#182024!important;color:#edf0ef!important;font-size:.58rem!important}.ai-command-chips button:hover,.ai-command-chips button:focus-visible{border-color:#e3bd69!important;background:rgba(210,175,104,.13)!important;color:#f4d99c!important;outline:0}.ai-design-assistant__actions{display:grid!important;grid-template-columns:.9fr 1fr 1.2fr!important}.ai-design-assistant__actions .demo-button{min-height:48px!important;border-radius:5px!important}.ai-design-assistant__actions #generate-ai-design{box-shadow:0 8px 20px rgba(210,175,104,.13)}.ai-design-assistant>p{color:#bcc5c8!important;font-size:.72rem!important}.ai-preview__comparison,.ai-preview figure,.ai-preview figure img{background:#0d1114}.ai-preview figure img{height:auto;aspect-ratio:1/1;object-fit:contain}.ai-preview figcaption{font-size:.6rem}

/* Stronger hierarchy and contrast for the personalization controls. */
#customize-form{padding:1.15rem;border-color:#3b454b;border-radius:12px;background:linear-gradient(180deg,#171e22,#11171a);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.customize-form__intro{display:grid;gap:.3rem;margin:-.15rem 0 .4rem;padding-bottom:1rem;border-bottom:1px solid #343d42}
.customize-form__intro strong{color:#fff;font:600 1.15rem Archivo,Arial,sans-serif}.customize-form__intro span{color:#c5cdd0;font-size:.82rem;line-height:1.5}
#customize-form>label,#customize-form .demo-fields label{margin:1.15rem 0 .4rem;color:#f0e8d6;font:700 .7rem 'Space Mono',monospace;letter-spacing:.07em}
#customize-form input:not([type=radio]):not([type=range]),#customize-form select,#customize-form textarea{min-height:50px;border-color:#5d686f;border-radius:7px;background:#f4f1ea;color:#171a1c;font-size:1rem}
#customize-form textarea{min-height:92px;padding:1rem}.field-help{display:block;margin:.18rem 0 .15rem;color:#aeb8bc;font:400 .72rem Archivo,Arial,sans-serif;text-transform:none;letter-spacing:0}
.batch-personalization,.surface-personalization{margin:1.2rem 0!important;padding:1rem!important;border:1px solid #465158!important;border-radius:9px;background:#0e1417!important}
.batch-personalization>legend,.surface-personalization>legend{padding:0 .55rem;color:#f0d18b!important;font-size:.7rem!important;letter-spacing:.08em!important}
.batch-modes,.surface-mode-row{gap:.75rem}.batch-mode,.surface-mode-row label{min-height:108px!important;padding:1rem!important;border-radius:7px;border-color:#465158!important;background:#161d21!important}
.batch-mode:hover,.surface-mode-row label:hover{border-color:#917b4b!important;background:#1b2225!important}.batch-mode.is-selected,.surface-mode-row label:has(input:checked){border-color:#e1bc6c!important;background:linear-gradient(145deg,rgba(210,175,104,.19),#171d20)!important;box-shadow:inset 0 0 0 1px rgba(225,188,108,.18)}
.batch-mode strong,.surface-mode-row strong{color:#fff!important;font-size:.9rem!important;line-height:1.25}.batch-mode small,.surface-mode-row small{color:#c9d0d3!important;font-size:.75rem!important;line-height:1.45!important}.surface-mode-row input{width:18px!important;height:18px;accent-color:#d2af68}
.surface-editor{margin-top:1rem;padding-top:1rem}.surface-editor__head span{font-size:.58rem}.surface-editor__head strong{font-size:1rem}.surface-editor__head .unit-copy{min-height:42px;padding:.6rem .75rem;border-radius:5px}
.surface-tabs{gap:.6rem}.surface-tab{min-height:68px!important;padding:.75rem;border-radius:6px;background:#151c20}.surface-tab span{font-size:.8rem}.surface-tab small{color:#adb6ba;font-size:.58rem}.surface-editor>p{font-size:.75rem;line-height:1.55;color:#bdc5c8}

@media(min-width:901px){
  .ai-preview:not(.is-fullscreen) .ai-studio-workspace{height:auto;overflow:visible}
  .ai-preview:not(.is-fullscreen) .ai-live-proof{position:sticky;top:.75rem;height:min(820px,calc(100vh - 1.5rem));grid-template-rows:auto auto minmax(0,1fr) auto}
  .ai-preview:not(.is-fullscreen) .ai-live-proof__stage{height:auto;min-height:0;aspect-ratio:auto}
  .ai-preview:not(.is-fullscreen) .ai-design-assistant{height:auto;overflow:visible;overscroll-behavior:auto}
}

.ai-visual-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:.55rem;background:#252d31;border-bottom:1px solid #343d42}.ai-visual-tabs button{min-height:42px;border:1px solid #4a555b;background:#11171a;color:#b7c0c3;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}.ai-visual-tabs button[aria-selected="true"]{border-color:#d2af68;background:#d2af68;color:#171a1c}.ai-visual-tabs button:disabled{cursor:default;opacity:.58}.ai-visual-tabs button[data-busy="true"]{cursor:pointer;border-color:#9b8149;color:#f2d794}.ai-concept-stage{position:relative;display:grid;min-height:0;height:100%;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#332919,#090b0c 72%)}.ai-concept-stage[hidden]{display:none}.ai-concept-stage img{display:block;width:100%;height:100%;object-fit:contain}.ai-concept-status{position:absolute;inset:auto .75rem .75rem;padding:.55rem .7rem;border:1px solid rgba(226,190,111,.65);background:rgba(8,10,11,.86);color:#f2d794;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.ai-concept-status.is-ready{color:#a9e2b9}.ai-concept-status.is-error{color:#ffafa7}.ai-live-proof.is-concept .ai-live-proof__meta small:before{content:'Creative direction only · ';color:#e6c270}

.ai-concept-progress{position:absolute;z-index:3;left:50%;top:50%;display:grid;width:min(84%,440px);gap:.65rem;transform:translate(-50%,-50%);padding:1.1rem;border:1px solid #d2af68;border-radius:10px;background:rgba(12,16,18,.94);box-shadow:0 18px 55px rgba(0,0,0,.52);text-align:left}.ai-concept-progress[hidden]{display:none}.ai-concept-progress__mark{width:34px;height:34px;border:3px solid rgba(210,175,104,.25);border-top-color:#efca76;border-radius:50%;animation:ai-concept-spin .9s linear infinite}.ai-concept-progress strong{color:#fff;font-size:.92rem;line-height:1.35}.ai-concept-progress>span:not(.ai-concept-progress__mark){color:#e7c676;font:700 .6rem 'Space Mono',monospace}.ai-concept-progress small{color:#bcc5c8;font-size:.68rem;line-height:1.45}.ai-concept-progress__track{height:8px;overflow:hidden;border:1px solid #5d5138;border-radius:999px;background:#25271f}.ai-concept-progress__track i{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9c7d3f,#f2cd77);box-shadow:0 0 14px rgba(242,205,119,.45);transition:width 1s linear}.ai-concept-stage.is-generating:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(226,190,111,.08) 45%,transparent 62%);animation:ai-concept-sweep 2.2s ease-in-out infinite;pointer-events:none}.ai-concept-stage.is-generating img{opacity:.18}.ai-concept-stage.is-generating .ai-concept-status{z-index:4}.ai-concept-status{z-index:4}
@keyframes ai-concept-spin{to{transform:rotate(360deg)}}@keyframes ai-concept-sweep{from{transform:translateX(-75%)}to{transform:translateX(75%)}}

.ai-concept-full{display:grid;margin-top:1rem;overflow:hidden;border:1px solid #8a713d;border-radius:10px;background:#0b0f11}.ai-concept-full[hidden]{display:none}.ai-concept-full>header,.ai-concept-full>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:#11171a}.ai-concept-full>header{border-bottom:1px solid #354047}.ai-concept-full>header div{display:grid;gap:.2rem}.ai-concept-full>header span,.ai-concept-full>footer strong{color:#e2be6f;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.ai-concept-full>header strong{color:#fff;font-size:1rem}.ai-concept-full>header a{color:#f2d794;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase}.ai-concept-full>img{display:block;width:100%;max-height:860px;object-fit:contain;background:radial-gradient(circle at 50% 35%,#332919,#090b0c 72%)}.ai-concept-full>footer{justify-content:flex-start;border-top:1px solid #354047;color:#c5cccf;font-size:.75rem;line-height:1.45}

.batch-proof-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:auto;background:#4a4438}.batch-proof-grid[hidden]{display:none}.batch-proof-grid button{display:grid;min-width:0;padding:0;border:0;background:#111719;color:#fff;cursor:pointer;text-align:left}.batch-proof-grid button:hover,.batch-proof-grid button:focus-visible{position:relative;z-index:1;outline:2px solid #e1bd6c;outline-offset:-2px}.batch-proof-grid img{display:block;width:100%;min-height:150px;aspect-ratio:1/1;object-fit:contain;background:#171b1c}.batch-proof-grid span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.5rem;align-items:center;padding:.48rem .6rem;border-top:1px solid #323c41}.batch-proof-grid span b{display:grid;width:26px;height:26px;place-items:center;border:1px solid #806a3b;border-radius:50%;color:#e4c170;font:700 .5rem 'Space Mono',monospace}.batch-proof-grid span strong{overflow:hidden;color:#f1f3f2;font-size:.7rem;white-space:nowrap;text-overflow:ellipsis}
.batch-proof-surfaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#4a4438}.batch-proof-surfaces figure{position:relative;margin:0;min-width:0}.batch-proof-surfaces figure img{min-height:112px}.batch-proof-surfaces figcaption{position:absolute;inset:auto .3rem .3rem .3rem;padding:.28rem .34rem;background:rgba(6,9,10,.88);color:#f0c96f;font:700 .46rem 'Space Mono',monospace;letter-spacing:.05em}.batch-proof-surfaces figcaption small{display:block;overflow:hidden;margin-top:.12rem;color:#fff;font:500 .45rem/1.25 'Space Mono',monospace;white-space:nowrap;text-overflow:ellipsis}

.ai-plan-item-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem!important}.ai-plan-item-list span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.5rem;align-items:center;padding:.55rem;border:1px solid #3b454b;border-radius:5px;background:#12191c;color:#f1f3f2}.ai-plan-item-list b{color:#e3bf6e;font:700 .52rem 'Space Mono',monospace}

@media(max-width:900px){
  .product-layout{grid-template-columns:1fr;gap:1.25rem}.product-copy{padding-top:0}.product-copy form{padding:.9rem}
  .product-stage{width:min(100%,760px);margin-inline:auto}.piece-view-switcher,.piece-proof,.ai-preview,.ai-concept-full,.product-gallery,.preview-position{width:min(100%,760px);margin-inline:auto}.ai-command-chips{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .inspiration-gallery__head{grid-template-columns:1fr}.inspiration-gallery__rail{grid-auto-columns:minmax(245px,42vw)}
  .ai-studio-workspace{grid-template-columns:minmax(260px,.8fr) minmax(340px,1.2fr)}
}
@media(max-width:600px){
  .demo-ribbon{position:relative;padding:.55rem 4.4rem .55rem .7rem;font-size:.58rem;line-height:1.35}.demo-ribbon span{display:none}
  .demo-header{padding:.75rem}.demo-mark{font-size:.82rem}.demo-main{padding:0 .7rem 3rem}.demo-progress{margin:.8rem 0 1rem}
  .catalog-heading{margin-bottom:.65rem}.catalog-heading>p{display:none}.demo-panel h2{font-size:1.55rem;margin-bottom:.8rem}
  .demo-catalog-grid{display:flex;overflow-x:auto;gap:.5rem;margin:0 -.7rem 1.25rem;padding:0 .7rem .4rem;scroll-snap-type:x mandatory}.catalog-card{flex:0 0 72vw;max-width:270px;scroll-snap-align:center}
  .inspiration-gallery{margin:1rem -.7rem 1.5rem;padding:1rem .7rem;border-left:0;border-right:0;border-radius:0}.inspiration-gallery__head{gap:.5rem}.inspiration-gallery__head>p{font-size:.76rem}.inspiration-gallery__rail{grid-auto-columns:78vw}.inspiration-card{grid-template-rows:170px auto}
  .inspiration-selection{align-items:flex-start;flex-direction:column;gap:.2rem}.ai-feature-intro{grid-template-columns:1fr}.ai-feature-intro>span{white-space:normal}
  .ai-studio-workspace,.ai-preview.is-fullscreen .ai-studio-workspace{display:block;overflow:auto}.ai-live-proof,.ai-preview.is-fullscreen .ai-live-proof{position:sticky;top:0;z-index:4;height:auto;border-right:0;border-bottom:1px solid #806a3b;box-shadow:0 10px 25px rgba(0,0,0,.35)}.ai-live-proof__head{padding:.65rem .75rem}.ai-live-proof__stage,.ai-preview.is-fullscreen .ai-live-proof__stage{height:42vh;min-height:250px;aspect-ratio:auto}.ai-live-proof__meta{padding:.6rem .75rem}.ai-preview.is-fullscreen{overflow:auto!important}
  .product-stage{width:calc(100% + 1.4rem);margin-left:-.7rem;border-left:0;border-right:0}.product-scale{left:.5rem;bottom:.5rem;max-width:calc(100% - 1rem);font-size:.5rem}
  .piece-view-switcher{width:calc(100% + 1.4rem);margin-left:-.7rem;padding:.6rem .7rem;border-left:0;border-right:0}.piece-view-switcher>span,.piece-view-switcher small{display:none}.piece-view-switcher button{min-height:44px}
  .piece-proof{width:calc(100% + 1.4rem);margin-left:-.7rem;border-left:0;border-right:0}.piece-proof-stage{height:min(112vw,500px)}.piece-proof>header,.piece-proof>footer{padding:.7rem}.piece-proof-window span{font-size:.42rem}
  .piece-proof>header{align-items:flex-start;flex-direction:column}.piece-proof>header>.piece-proof-tools{width:100%;display:grid!important;grid-template-columns:42px 48px 42px 54px 1fr}.piece-proof-tools button{min-height:44px}.piece-proof-tools #piece-proof-fullscreen{min-width:0}.piece-proof.is-fullscreen>header{flex-direction:row;align-items:center}.piece-proof.is-fullscreen>header>div:first-child{display:none}.piece-proof.is-fullscreen .piece-proof-tools{width:100%}
  .surface-hotspot:after{display:none}.surface-hotspot.is-active{border-width:2px}
  .product-copy h1{font-size:2rem}.product-copy form{margin-left:-.1rem;margin-right:-.1rem;padding:.75rem}.demo-fields.two,.demo-fields.three{grid-template-columns:1fr}
  #customize-form{border-radius:8px;padding:.9rem}.customize-form__intro strong{font-size:1.05rem}.customize-form__intro span{font-size:.78rem}
  .batch-mode{grid-template-columns:40px 1fr;min-height:82px}.batch-mode>b{grid-column:2;justify-self:start}.surface-mode-row label{min-height:78px}
  .ai-feature-cta{grid-template-columns:1fr;margin:1rem 0;padding:.9rem}.ai-feature-cta>b{grid-column:1;grid-row:auto;margin-top:.25rem}.ai-preview{width:calc(100% + 1.4rem);margin-left:-.7rem;border-left:0;border-right:0;border-radius:0}.ai-preview>header{align-items:flex-start!important}.ai-feature-intro{padding:.9rem .75rem}.ai-feature-intro ol{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-feature-intro li{padding:.55rem}.ai-design-assistant{padding:.75rem!important}.ai-concierge{padding:.75rem}.ai-concierge__heading{align-items:center}.ai-concierge__message{max-width:94%}.ai-concierge__plan dl{grid-template-columns:1fr}.ai-command-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ai-design-assistant__actions{grid-template-columns:1fr!important}.ai-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}.ai-variant-card{min-width:210px}
  .preview-position{width:calc(100% + 1.4rem);margin-left:-.7rem;border-left:0;border-right:0}.preview-nudge button{min-height:44px}
}

/* Focused AI journey: once a customer chooses a feeling, stop presenting the
   discovery gallery, manual editor, close-up tools, and AI chat concurrently.
   The AI studio becomes the page; production controls return only on demand. */
.journey-summary{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(520px,1.7fr) auto;gap:1.25rem;align-items:center;margin:1.25rem 0;padding:1.05rem 1.2rem;border:1px solid #806a3b;border-radius:12px;background:linear-gradient(115deg,#262116,#161d20 54%,#11171a);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.journey-summary[hidden]{display:none}
.journey-summary__heading{display:grid;gap:.25rem}.journey-summary__heading>span{color:#f0cc7d;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.journey-summary__heading>strong{color:#fff;font-size:1rem;line-height:1.35}
.journey-summary ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.journey-summary li{position:relative;display:grid;grid-template-columns:32px 1fr;gap:.55rem;align-items:center;min-width:0;padding:.3rem .6rem}.journey-summary li:not(:last-child):after{content:'';position:absolute;z-index:0;top:19px;right:-10px;width:20px;border-top:1px solid #596168}.journey-summary li>b{position:relative;z-index:1;display:grid;width:32px;height:32px;place-items:center;border:1px solid #596168;border-radius:50%;background:#151b1e;color:#9ca5a9;font:700 .58rem 'Space Mono',monospace}.journey-summary li>span{display:grid;gap:.12rem;min-width:0;color:#9fa9ad;font-size:.62rem}.journey-summary li strong{overflow:hidden;color:#e9edec;font-size:.7rem;white-space:nowrap;text-overflow:ellipsis}.journey-summary li.is-done>b{border-color:#7bb98f;background:#173020;color:#b9e4c7}.journey-summary li.is-active>b{border-color:#e2bd6b;background:#d2af68;color:#171a1c;box-shadow:0 0 0 4px rgba(210,175,104,.12)}.journey-summary li.is-active strong{color:#f2d58f}
.journey-summary__actions{display:grid;gap:.4rem}.journey-summary__actions button{border:0;background:transparent;color:#cbd2d4;padding:.25rem;text-align:right;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}.journey-summary__actions button:hover,.journey-summary__actions button:focus-visible{color:#f3d58f;outline:0;text-decoration:underline}
.manual-editor-shell{margin:0;padding:0;border:0;scroll-margin-top:76px}.manual-editor-shell>summary{display:none;list-style:none}.manual-editor-shell>summary::-webkit-details-marker{display:none}
.journey-next{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-top:1px solid #806a3b;background:linear-gradient(100deg,#171d20,#282218)}.journey-next>div{display:grid;gap:.2rem}.journey-next span{color:#e3bf6e;font:700 .56rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.journey-next strong{color:#fff;font-size:.9rem}.journey-next small{color:#aeb7ba;font-size:.68rem}.journey-next .demo-button{flex:none;min-height:46px;margin:0;border-radius:5px}
.ai-tools{border:1px solid #3b454b;border-radius:9px;background:#0f1518;overflow:hidden}.ai-tools>summary{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;padding:.85rem .95rem;list-style:none;cursor:pointer}.ai-tools>summary::-webkit-details-marker{display:none}.ai-tools>summary span{color:#e2be6f;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.ai-tools>summary strong{grid-column:1;color:#c8d0d2;font-size:.75rem;font-weight:400}.ai-tools>summary b{grid-column:2;grid-row:1/3;padding:.5rem .65rem;border:1px solid #665837;border-radius:5px;color:#ebce88;font:700 .52rem 'Space Mono',monospace;text-transform:uppercase}.ai-tools[open]>summary{border-bottom:1px solid #3b454b;background:#161d20}.ai-tools[open]>summary b{background:#d2af68;color:#15191b}.ai-tools__body{display:grid;gap:1rem;padding:1rem}

body.ai-journey-active .catalog-heading,body.ai-journey-active #product-catalog,body.ai-journey-active .inspiration-gallery{display:none!important}
body.ai-journey-active #ai-preview{width:100%;margin:0 0 1.25rem!important}
body.ai-journey-active #ai-preview .ai-studio-workspace{grid-template-columns:minmax(430px,.96fr) minmax(480px,1.04fr)}
body.ai-journey-active #ai-preview .ai-live-proof__head strong{font-size:1.05rem}
body.ai-journey-active #ai-preview .ai-concierge__heading strong{font-size:1.35rem}
body.ai-journey-active #ai-preview .ai-concierge__message p{font-size:.96rem}
body.ai-journey-active #ai-concept-full{display:none!important}
body.ai-journey-active .manual-editor-shell{margin:0 0 1.5rem;border:1px solid #3b454b;border-radius:11px;background:#101619;overflow:hidden}
body.ai-journey-active .manual-editor-shell>summary{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;padding:1rem 1.2rem;cursor:pointer;background:linear-gradient(105deg,#171e22,#121719)}
body.ai-journey-active .manual-editor-shell>summary span{color:#f0cb78;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
body.ai-journey-active .manual-editor-shell>summary strong{grid-column:1;color:#d1d7d9;font-size:.76rem;font-weight:400}
body.ai-journey-active .manual-editor-shell>summary b{grid-column:2;grid-row:1/3;align-self:center;padding:.6rem .75rem;border:1px solid #806a3b;border-radius:5px;color:#efd087;font:700 .56rem 'Space Mono',monospace;text-transform:uppercase}
body.ai-journey-active .manual-editor-shell[open]>summary{border-bottom:1px solid #3b454b}body.ai-journey-active .manual-editor-shell[open]>summary b{background:#d2af68;color:#15191b}
body.ai-journey-active .manual-editor-shell .product-layout{grid-template-columns:minmax(0,820px);justify-content:center;padding:1.25rem}body.ai-journey-active .manual-editor-shell .product-visual{display:none}body.ai-journey-active .manual-editor-shell .product-copy{padding-top:0}
body.ai-journey-active:not(.ai-journey-reviewing) .manual-editor-shell:not([open]){box-shadow:0 12px 30px rgba(0,0,0,.14)}

/* Checkout-style final review. The AI route shows the decisions that matter;
   production controls stay available without dominating the approval step. */
.final-review-overview{display:none}.final-review-edit>summary{display:none}
.journey-review-nav{display:none}
body.ai-journey-active.ai-journey-reviewing #journey-summary,body.ai-journey-active.ai-journey-reviewing #ai-preview,body.ai-journey-active.ai-journey-reviewing #ai-concept-full{display:none!important}
body.ai-journey-active.ai-journey-reviewing .journey-review-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #3b454b}
.journey-review-nav>div{display:grid;gap:.15rem;text-align:right}.journey-review-nav span{color:#e6bf6d;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.journey-review-nav strong{color:#e9edec;font-size:.78rem}
body.ai-journey-active.ai-journey-reviewing .manual-editor-shell .product-layout{grid-template-columns:minmax(0,980px);padding:1.5rem}
body.ai-journey-active.ai-journey-reviewing .manual-editor-shell>summary{display:none}
body.ai-journey-active.ai-journey-reviewing .product-copy{display:grid;gap:.8rem}
body.ai-journey-active.ai-journey-reviewing .product-copy>h1{max-width:760px;margin:.05rem 0;font-size:clamp(2rem,4vw,3.25rem);line-height:.94}
body.ai-journey-active.ai-journey-reviewing .product-copy>.demo-price,body.ai-journey-active.ai-journey-reviewing .product-copy>#product-description{margin:0}
body.ai-journey-active.ai-journey-reviewing .product-copy>#product-description,body.ai-journey-active.ai-journey-reviewing .product-copy>.demo-callout{display:none}
body.ai-journey-active.ai-journey-reviewing #customize-form{display:grid;gap:1rem;margin-top:.45rem;padding:0;border:0;background:transparent;box-shadow:none}
body.ai-journey-active.ai-journey-reviewing .final-review-overview{display:grid;overflow:hidden;border:1px solid #79663b;border-radius:12px;background:linear-gradient(145deg,#1e1c17,#11181b 58%);box-shadow:0 20px 46px rgba(0,0,0,.25)}
.final-review-overview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid #4a4438}.final-review-overview>header>div{display:grid;gap:.25rem}.final-review-overview>header span,.final-review-grid article>span{color:#e7c373;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.final-review-overview h2{margin:0!important;color:#fff;font:700 1.45rem Archivo,Arial,sans-serif!important}.final-review-overview header p{max-width:62ch;margin:0;color:#aeb7ba;font-size:.78rem;line-height:1.5}.final-review-overview header>b{flex:none;padding:.55rem .7rem;border:1px solid #4f8f66;border-radius:999px;background:#183021;color:#b9e7c7;font:700 .55rem 'Space Mono',monospace;text-transform:uppercase}.final-review-overview header>b.is-pending{border-color:#9c743b;background:#332716;color:#f0ca78}
.final-review-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(360px,1.25fr);gap:1px;background:#3b454b}.final-review-grid article{display:grid;align-content:start;gap:.75rem;padding:1.2rem;background:#12191c}.final-review-order>strong{color:#fff;font-size:1.05rem;line-height:1.35}.final-review-order>label{display:grid;gap:.35rem;color:#c4cccf;font:700 .57rem 'Space Mono',monospace;text-transform:uppercase}.final-review-order input{min-height:48px!important;margin:0!important;background:#f4f1ea!important;color:#171a1c!important;font-size:1rem!important}.final-review-order>div{display:grid;gap:.18rem;padding-top:.6rem;border-top:1px solid #343e43}.final-review-order small{color:#8f999e;font:700 .52rem 'Space Mono',monospace;text-transform:uppercase}.final-review-order>div b{color:#e9edec;font-size:.78rem;font-weight:600}
.final-review-pieces{display:grid;gap:.55rem}.final-review-piece{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid #374147;border-radius:7px;background:#171e22}.final-review-piece>i{display:grid;width:34px;height:34px;place-items:center;border:1px solid #806a3b;border-radius:50%;color:#e6c270;font:normal 700 .55rem 'Space Mono',monospace}.final-review-piece>div{display:grid;gap:.18rem;min-width:0}.final-review-piece strong{color:#fff;font-size:.78rem}.final-review-piece small{overflow:hidden;color:#aeb7ba;font-size:.68rem;line-height:1.4;text-overflow:ellipsis}.final-review-piece>b{color:#9fd8b0;font:700 .52rem 'Space Mono',monospace;text-transform:uppercase}
body.ai-journey-active.ai-journey-reviewing .final-review-edit{overflow:hidden;border:1px solid #394349;border-radius:9px;background:#101619}body.ai-journey-active.ai-journey-reviewing .final-review-edit>summary{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;padding:.9rem 1rem;list-style:none;cursor:pointer}body.ai-journey-active.ai-journey-reviewing .final-review-edit>summary::-webkit-details-marker{display:none}body.ai-journey-active.ai-journey-reviewing .final-review-edit>summary span{color:#aeb7ba;font-size:.7rem}body.ai-journey-active.ai-journey-reviewing .final-review-edit>summary strong{grid-column:1;color:#eef1f0;font-size:.9rem}body.ai-journey-active.ai-journey-reviewing .final-review-edit>summary b{grid-column:2;grid-row:1/3;padding:.5rem .65rem;border:1px solid #655837;border-radius:5px;color:#e7c87e;font:700 .52rem 'Space Mono',monospace;text-transform:uppercase}body.ai-journey-active.ai-journey-reviewing .final-review-edit[open]>summary{border-bottom:1px solid #394349}body.ai-journey-active.ai-journey-reviewing .final-review-edit[open]>summary b{background:#d2af68;color:#15191b}.final-review-edit__body{display:grid;gap:1rem;padding:1rem}
body.ai-journey-active.ai-journey-reviewing #add-personalized-items{min-height:58px;margin:0;border-radius:8px;font-size:.75rem;letter-spacing:.06em}

@media(max-width:1050px){.journey-summary{grid-template-columns:1fr}.journey-summary__actions{display:flex}.journey-summary__actions button{text-align:left}body.ai-journey-active #ai-preview .ai-studio-workspace{grid-template-columns:minmax(340px,.9fr) minmax(400px,1.1fr)}}
@media(max-width:760px){.journey-summary{margin:1rem -.1rem;padding:.9rem}.journey-summary ol{grid-template-columns:1fr 1fr;gap:.55rem}.journey-summary li:not(:last-child):after{display:none}.journey-summary__actions{justify-content:space-between}.journey-next{align-items:flex-start;flex-direction:column}.journey-next .demo-button{width:100%}.ai-tools>summary{grid-template-columns:1fr}.ai-tools>summary b{grid-column:1;grid-row:auto;justify-self:start}body.ai-journey-active #ai-preview .ai-studio-workspace{display:block}body.ai-journey-active .manual-editor-shell .product-layout{padding:.7rem}body.ai-journey-active .manual-editor-shell>summary{padding:.85rem}body.ai-journey-active .manual-editor-shell>summary b{padding:.5rem;font-size:.5rem}.final-review-overview>header{flex-direction:column}.final-review-grid{grid-template-columns:1fr}.final-review-piece{grid-template-columns:32px minmax(0,1fr)}.final-review-piece>b{grid-column:2}body.ai-journey-active.ai-journey-reviewing .product-copy>h1{font-size:2rem}body.ai-journey-active.ai-journey-reviewing .journey-review-nav{align-items:flex-start;flex-direction:column}.journey-review-nav>div{text-align:left}}

@media(min-width:761px){
  .ai-preview:not(.is-fullscreen) .ai-live-proof{align-self:stretch;height:auto;min-height:0;max-height:100%;overflow:hidden}
  .ai-preview:not(.is-fullscreen) .ai-live-proof__stage{display:block;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#d2af68 #111719}
  .ai-preview:not(.is-fullscreen) .batch-proof-grid{height:auto;min-height:100%;overflow:visible}
  .ai-preview:not(.is-fullscreen) .ai-live-proof__stage::-webkit-scrollbar{width:12px}
  .ai-preview:not(.is-fullscreen) .ai-live-proof__stage::-webkit-scrollbar-track{background:#111719}
  .ai-preview:not(.is-fullscreen) .ai-live-proof__stage::-webkit-scrollbar-thumb{border:3px solid #111719;border-radius:999px;background:#d2af68}
}

/* 2026 guided-studio reset: one decision per screen. The previous cascade let
   discovery, design, production editing, and checkout compete on one page. */
body[data-studio-step="product"] .inspiration-gallery,
body[data-studio-step="product"] .journey-summary,
body[data-studio-step="product"] .manual-editor-shell,
body[data-studio-step="feeling"] .catalog-heading,
body[data-studio-step="feeling"] #product-catalog,
body[data-studio-step="feeling"] .manual-editor-shell,
body[data-studio-step="design"] .catalog-heading,
body[data-studio-step="design"] #product-catalog,
body[data-studio-step="design"] .inspiration-gallery,
body[data-studio-step="design"] .manual-editor-shell,
body[data-studio-step="review"] .catalog-heading,
body[data-studio-step="review"] #product-catalog,
body[data-studio-step="review"] .inspiration-gallery{display:none!important}

body[data-studio-step="product"] .catalog-heading,
body[data-studio-step="product"] #product-catalog,
body[data-studio-step="feeling"] .inspiration-gallery{display:grid}
body[data-studio-step="review"] .manual-editor-shell{display:block}
body[data-studio-step="feeling"] .journey-summary{display:grid}
body[data-studio-step="feeling"] .journey-summary__actions #journey-change-feeling{display:none}
.journey-next .demo-button:disabled{border-color:#4a4438;background:#2a2924;color:#817a69;cursor:not-allowed;box-shadow:none}
.studio-next-step{margin:18px 0 0;padding:24px;border:1px solid #706345;border-radius:12px;background:#17231e;color:#fff6e3;display:grid;gap:10px}
.studio-next-step__eyebrow{font:700 .65rem 'Space Mono',monospace;letter-spacing:.14em;color:#d9bb7a}
.studio-next-step>strong{font:500 1.6rem 'Cormorant Garamond',Georgia,serif;color:#fff6e3}
.studio-next-step>p{margin:0;color:#d6ddd5;font-size:.9rem;line-height:1.5}
#studio-continue-inline{width:100%;min-height:54px;margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#dfbd75;color:#19281f;border:1px solid #efd497;font-size:.95rem}
#studio-continue-inline:disabled{background:#38443c;color:#c7cec7;border-color:#59645b;cursor:not-allowed;box-shadow:none}
.studio-next-step.is-ready{border-color:#d2b16d;box-shadow:0 8px 25px #0002}
.studio-next-step .demo-button:focus-visible{outline:3px solid #fff4d9;outline-offset:4px}
/* Leave room for the fixed preview ribbon and bottom review bar when focusing controls. */
html{scroll-padding-top:90px;scroll-padding-bottom:130px}
#ai-preview button{scroll-margin-top:90px;scroll-margin-bottom:130px}

.inspiration-gallery__rail{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}
.inspiration-skip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;align-items:center;width:100%;margin-top:1rem;padding:1rem 1.1rem;border:1px dashed #806a3b;border-radius:9px;background:#12191c;color:#fff;text-align:left;cursor:pointer}
.inspiration-skip span{color:#e4bf6e;font:700 .56rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.inspiration-skip strong{grid-column:1;font-size:1rem}.inspiration-skip small{grid-column:1;color:#aeb7ba;line-height:1.45}.inspiration-skip:after{content:'Start →';grid-column:2;grid-row:1/4;padding:.65rem .8rem;border:1px solid #806a3b;border-radius:5px;color:#f0cf85;font:700 .56rem 'Space Mono',monospace;text-transform:uppercase}.inspiration-skip:hover,.inspiration-skip:focus-visible{border-style:solid;border-color:#e1bd6c;outline:0;background:#191f21}

.ai-concierge__composer textarea{width:100%;min-height:62px;max-height:150px;resize:vertical;padding:.85rem 1rem;border:1px solid #536067;border-radius:7px;background:#f4f1ea;color:#171a1c;font:500 .93rem Archivo,Arial,sans-serif;line-height:1.45}.ai-concierge__composer textarea:focus{outline:2px solid #d2af68;outline-offset:1px}
.ai-concierge__plan{gap:.8rem!important}.ai-concierge__plan-head{display:flex!important;align-items:center;justify-content:space-between;gap:1rem}.ai-concierge__plan-head>div{display:grid;gap:.2rem}.ai-concierge__plan-head>b{padding:.4rem .55rem;border:1px solid #4f8f66;border-radius:999px;color:#b9e7c7;font:700 .5rem 'Space Mono',monospace;text-transform:uppercase}.ai-concierge__plan>p{margin:0;padding:.8rem;border:1px solid #3b454b;border-radius:7px;background:#12191c;color:#f0f2f1;font-size:.86rem;line-height:1.5}.ai-concierge__plan>details{border:1px solid #364147;border-radius:7px;background:#101619}.ai-concierge__plan>details>summary{padding:.75rem .85rem;color:#d9dfe0;font:700 .58rem 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}.ai-concierge__plan>details[open]>summary{border-bottom:1px solid #364147}.ai-concierge__plan>details dl{margin:0;padding:.75rem}

@media(max-width:600px){.inspiration-gallery__rail{display:grid;grid-template-columns:1fr;overflow:visible}.inspiration-card{width:100%}.inspiration-skip{grid-template-columns:1fr}.inspiration-skip:after{grid-column:1;grid-row:auto;justify-self:start}.ai-concierge__composer{align-items:stretch}.ai-concierge__composer textarea{min-height:76px}}
