/* X630.2 visual-first selector | no external image assets required. */
#x6302-start-preview{min-width:0}
.x6302-start-showcase{border:1px solid #c1c6bc38;border-radius:20px;background:#16201a;color:#f2ede5;overflow:hidden;padding:clamp(15px,2vw,24px);margin-bottom:28px;box-shadow:0 25px 70px #0003}
.x6302-eyebrow{display:block;font:700 10px/1.4 "DM Sans",sans-serif;letter-spacing:.17em;color:#c5bd9c;margin:0 0 16px}
.x6302-demo{--x6302-bg:#e7e2d8;--x6302-ink:#212924;--x6302-figure:#9ca99e;background:var(--x6302-bg);color:var(--x6302-ink);border-radius:9px;overflow:hidden;min-height:310px}
.x6302-demo-nav{padding:17px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #7775;font-size:11px;letter-spacing:.05em}
.x6302-demo-nav strong{font-weight:750;overflow-wrap:anywhere;max-width:170px}
.x6302-demo-nav span{font-size:9px;opacity:.58;white-space:nowrap}
.x6302-demo-media{padding:clamp(20px,3vw,38px);min-height:165px;position:relative;display:flex;align-items:center;overflow:hidden}
.x6302-demo-symbol{position:absolute;font:300 clamp(110px,18vw,230px)/1 Georgia,serif;letter-spacing:-.13em;right:1%;top:-26%;color:var(--x6302-figure);opacity:.25;pointer-events:none}
.x6302-demo-frame{max-width:67%;position:relative;z-index:1}
.x6302-demo-kicker{font-size:9px;letter-spacing:.16em;opacity:.65}
.x6302-demo h3{font:500 clamp(23px,4vw,47px)/1.06 Georgia,serif;letter-spacing:-.06em;margin:8px 0 11px}
.x6302-demo p{font:500 10px/1.5 "DM Sans",sans-serif;opacity:.68}
.x6302-demo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 17px 16px}
.x6302-demo-card{min-width:0;min-height:88px;display:flex;flex-direction:column;gap:5px;background:#fff5;border:1px solid #7773;border-radius:6px;padding:11px}
.x6302-demo-index{font-size:9px;opacity:.6}
.x6302-demo-card strong{font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.x6302-demo-line{font-size:9px;opacity:.55}
.x6302-demo-foot{font:400 9px/1.4 "DM Sans",sans-serif!important;padding:0 21px 15px;opacity:.65;max-width:none!important}
.x6302-start-showcase[data-style=luxury] .x6302-demo{--x6302-bg:#292925;--x6302-ink:#e8dece;--x6302-figure:#c8b68f}
.x6302-start-showcase[data-style=luxury] .x6302-demo-cards{grid-template-columns:1.5fr 1fr 1fr}
.x6302-start-showcase[data-style=portfolio] .x6302-demo{--x6302-bg:#d0d3d4;--x6302-ink:#222930;--x6302-figure:#546b77}
.x6302-start-showcase[data-style=portfolio] .x6302-demo-card:first-child{min-height:118px;background:#acb9b9}
.x6302-start-showcase[data-style=industrial] .x6302-demo{--x6302-bg:#e3e7e4;--x6302-ink:#243733;--x6302-figure:#375c55}
.x6302-start-showcase[data-style=industrial] .x6302-demo h3{font-family:"DM Sans",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.06em}
.x6302-start-showcase[data-style=hospitality] .x6302-demo{--x6302-bg:#412e26;--x6302-ink:#f6ebda;--x6302-figure:#b9895d}
.x6302-start-showcase[data-style=hospitality] .x6302-demo h3{font-style:italic}
.x6302-start-showcase[data-style=software] .x6302-demo{--x6302-bg:#17263a;--x6302-ink:#f3f7fa;--x6302-figure:#7398be}
.x6302-start-showcase[data-style=software] .x6302-demo-card{border-radius:12px}
.x6302-start-showcase[data-style=commercial] .x6302-demo{--x6302-bg:#ecf0eb;--x6302-ink:#273e39;--x6302-figure:#a2bbad}
.x6302-start-showcase[data-style=commerce] .x6302-demo{--x6302-bg:#e9ded0;--x6302-ink:#33362c;--x6302-figure:#a2ab8c}
@media(max-width:700px){.x6302-demo-media{padding:20px}.x6302-demo h3{font-size:31px}.x6302-demo-frame{max-width:84%}.x6302-demo-nav{padding:14px}.x6302-demo-cards{padding:0 10px 10px}.x6302-demo-card{padding:9px}.x6302-demo-nav span{font-size:8px}}
@media(max-width:350px){.x6302-demo-nav span{display:none}.x6302-demo-cards{grid-template-columns:1fr}.x6302-demo-card{min-height:48px}}
@media(prefers-reduced-motion:reduce){.x6302-start-showcase *{animation:none!important;transition:none!important}}
/* Persistent starter-card controls within the canonical Studio inspector. */
.x6302-card-editor{margin:18px 0;border:1px solid #adbea64c;border-radius:12px;padding:13px;background:rgba(45,61,50,.05)}
.x6302-card-editor summary{font-size:12px;font-weight:750;cursor:pointer;line-height:1.4;margin-bottom:8px}
.x6302-card-editor>p{font-size:11px;line-height:1.5;margin-bottom:16px}
.x6302-card-fields{padding:11px 9px;margin:9px 0;border:1px solid #8393894b;border-radius:9px;min-width:0}
.x6302-card-fields legend{font-size:11px;font-weight:750;letter-spacing:.03em;padding:0 6px}
.x6302-card-fields label{display:block;font-size:11px;margin-bottom:9px}
.x6302-card-fields input,.x6302-card-fields textarea,.x6302-card-editor>label input{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #889b9166;border-radius:7px;font:inherit}
.x6302-card-fields textarea{min-height:78px;resize:vertical}
.x6302-card-fields small{font-size:10px;opacity:.65}
.x6302-card-editor :is(input,textarea):focus-visible{outline:3px solid #bfad86;outline-offset:2px}
/* Build → Sell convergence without a duplicate product wizard. */
.x6302-binding{margin:20px 0;border:1px solid #acb8a148;border-radius:13px;padding:16px;background:linear-gradient(140deg,#222e26,#18231d);color:#e7ece5}
.x6302-binding summary{cursor:pointer;font-weight:720;font-size:14px;line-height:1.5}
.x6302-binding-note{max-width:790px;color:#b9c9b9;line-height:1.55;font-size:12px;margin:14px 0}
.x6302-binding-status{color:#e3cfac;font-size:12px;line-height:1.55}
.x6302-binding-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:13px}
.x6302-binding-form label{display:grid;flex:1 1 230px;gap:7px;font-size:12px}
.x6302-binding select{width:100%;min-height:45px;max-width:100%;padding:10px;background:#26352b;color:#f3f3eb;border:1px solid #a7b5a668;border-radius:9px}
.x6302-binding-action{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 16px!important;border-radius:9px!important;background:#dfc89f!important;border:1px solid #e5ceaa!important;color:#17221b!important;font-weight:700!important;font-size:12px;text-decoration:none;cursor:pointer}
.x6302-binding-action:disabled{opacity:.5;cursor:not-allowed}
.x6302-binding :is(summary,select,button,a):focus-visible{outline:3px solid #e9d5b0;outline-offset:3px}
@media(max-width:650px){.x6302-binding{padding:13px}.x6302-binding-form{flex-direction:column;align-items:stretch}.x6302-binding-form label,.x6302-binding-action{width:100%}}