/* Website selector: two independent steppers, one optional thumbnail rail. */
html[data-embed="website"] body{min-height:0;padding:6px 10px 14px!important;background:transparent!important}
html[data-embed="website"] body::before,html[data-embed="website"] .topbar{display:none!important}
html[data-embed="website"] .studio{display:flex;flex-direction:column;align-items:center;padding:0;max-width:380px;gap:12px}
html[data-embed="website"] .workspace{position:static;padding:0;width:100%;min-width:0}
html[data-embed="website"] .preview-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-embed="website"] .preview-board{padding:6px;margin:10px 0 12px}
html[data-embed="website"] .canvas-wrap{height:280px;min-height:0;max-height:none;aspect-ratio:auto}
html[data-embed="website"] .canvas-wrap>.expand{display:none}
html[data-embed="website"] .browse-bar,html[data-embed="website"] .chooser-heading,html[data-embed="website"] .choice-tabs,html[data-embed="website"] .selection-line{display:none}
html[data-embed="website"] .cut-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}
html[data-embed="website"] .cut-toolbar .segmented{padding:2px;gap:2px}
html[data-embed="website"] .cut-toolbar .segmented button{min-height:44px;min-width:62px;padding:4px 10px;font-size:12px}
html[data-embed="website"] .cut-utilities{display:flex;gap:8px}
html[data-embed="website"] .cut-icon{width:44px;min-height:44px;padding:0;flex:none}
html[data-embed="website"] #save-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-embed="website"] #save[aria-pressed="true"] svg{fill:var(--brand)}
html[data-embed="website"] .cut-navigation{display:grid;gap:5px}
html[data-embed="website"] .cut-selector{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;border:1px solid var(--border);border-radius:5px;background:var(--cb-face);box-shadow:inset 0 1px 0 rgba(255,240,214,.28),0 1px 0 var(--cb-edge)}
html[data-embed="website"] .cut-step{min-height:50px;display:grid;place-items:center;padding:0;background:transparent;border-radius:4px;color:var(--text)}
html[data-embed="website"] .cut-step svg{width:19px;height:19px}
html[data-embed="website"] .cut-selector-value{min-width:0;min-height:50px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:transparent;padding:5px 24px;border-radius:3px;color:var(--text)}
html[data-embed="website"] .cut-category{font-size:10px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
html[data-embed="website"] .cut-value{font-size:14px;line-height:1.25;font-weight:700;white-space:nowrap}
html[data-embed="website"] .cut-chevron{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:flex}
html[data-embed="website"] .cut-chevron svg{width:14px;height:14px;transition:transform 140ms var(--ease-out-smooth)}
html[data-embed="website"] .cut-selector-value[aria-expanded="true"] .cut-chevron svg{transform:rotate(180deg)}
html[data-embed="website"] .cut-selector-value[aria-expanded="true"]{background:rgba(255,240,214,.16)}
html[data-embed="website"] :is(.cut-step,.cut-selector-value,.cut-catalog-close):focus-visible{outline:2px solid var(--text);outline-offset:2px;z-index:4}
html[data-embed="website"] :is(.cut-step,.cut-selector-value):active{background:rgba(70,45,20,.10)}
html[data-embed="website"] .selection-actions{position:static;width:100%;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
html[data-embed="website"] .action-buttons{display:block;margin:0}
html[data-embed="website"] #choose{width:100%;min-height:46px;font-size:13px;padding:9px 14px}
html[data-embed="website"] .chooser{width:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
html[data-embed="website"] .chooser::before,html[data-embed="website"] .chooser::after{display:none}
html[data-embed="website"]:not([data-customize="true"]) .chooser{display:none}
html[data-embed="website"] .cut-catalog-heading{display:flex;align-items:center;justify-content:space-between;min-height:32px;font-size:11px;font-weight:700;color:var(--text)}
html[data-embed="website"] .cut-catalog-close{min-height:44px;padding:0 10px;font-size:12px;font-weight:600;color:var(--text);background:transparent;text-decoration:underline;text-underline-offset:3px}
html[data-embed="website"] .choices-scroll{height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;flex:none}
html[data-embed="website"] .style-grid,html[data-embed="website"] .fade-grid{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--cb-edge-dark) transparent;padding:4px 4px 10px;scroll-padding:4px}
html[data-embed="website"] .choice-card{flex:0 0 90px;min-width:0;padding:3px 3px 5px;scroll-snap-align:start;box-shadow:0 1px 0 var(--cb-edge)}
html[data-embed="website"] .choice-card::before{display:none}
html[data-embed="website"] .choice-card canvas{aspect-ratio:1.25;object-fit:contain}
html[data-embed="website"] .choice-card .choice-label{font-size:10px;line-height:1.25;min-height:30px;padding:4px 1px 0;color:var(--text)}
html[data-embed="website"] .choice-card .check{width:11px;height:11px;font-size:8px}
html[data-embed="website"] .toast{bottom:18px}
html[data-embed="website"][data-customize="true"] .chooser{animation:arrive 160ms var(--ease-out-smooth)}
@media(hover:hover){html[data-embed="website"] :is(.cut-step,.cut-selector-value):hover{background:rgba(255,240,214,.14)}}
@media(max-width:440px){
 html[data-embed="website"] body{padding:4px 6px 12px!important}
 html[data-embed="website"] .studio{max-width:340px;gap:10px}
 html[data-embed="website"] .canvas-wrap{height:240px}
}
@media(prefers-reduced-motion:reduce){html[data-embed="website"][data-customize="true"] .chooser{animation:none}html[data-embed="website"] .cut-chevron svg{transition:none}}