/* Wizard-only Premium palette controls. Width follows the comparison panel, not the viewport. */
.start-premium-appearance{margin:28px 0;padding:clamp(18px,3vw,30px);border:1px solid color-mix(in srgb,currentColor,transparent 70%);border-top:3px solid #bd9a68;border-radius:18px;background:color-mix(in srgb,currentColor,transparent 96%);min-width:0;width:100%;box-sizing:border-box}
.start-premium-appearance h2{font-family:inherit;font-weight:750;font-size:clamp(20px,2.5vw,26px);line-height:1.25;margin:0 0 14px;letter-spacing:-.02em}
.start-premium-appearance .start-note{max-width:65ch;line-height:1.7}
.start-premium-palettes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:12px;width:100%;border:0;padding:0;margin:20px 0 0;min-width:0;box-sizing:border-box}
.start-premium-palettes legend{font-weight:700;font-size:12px;padding:0;margin-bottom:12px}
.start-premium-palette{display:flex;flex-direction:column;gap:10px;text-align:left;justify-content:flex-start;color:inherit;background:transparent;border:1px solid color-mix(in srgb,currentColor,transparent 42%);border-radius:12px;padding:13px;box-sizing:border-box;min-width:0;max-width:100%;min-height:98px;cursor:pointer;line-height:1.35;white-space:normal;word-break:normal;transition:border-color .16s,background-color .16s,box-shadow .16s}
.start-premium-palette strong{font-size:13px;line-height:1.35;font-weight:700;overflow-wrap:normal;word-break:normal;white-space:normal;hyphens:auto;text-wrap:pretty}
.start-premium-palette:hover{border-color:currentColor;background:color-mix(in srgb,currentColor,transparent 94%)}
.start-premium-palette[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px;background:color-mix(in srgb,currentColor,transparent 91%)}
.start-premium-palette:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.start-premium-swatches{display:flex;width:100%;height:30px;flex:none;border-radius:7px;overflow:hidden;border:1px solid color-mix(in srgb,currentColor,transparent 70%)}
.start-premium-swatches i{flex:1;min-width:0}
/* Step 6 has a featured-preview + gallery split (1fr / 3fr).
   Palette choice must span BOTH columns instead of shrinking into the 1fr preview rail. */
.studio-start .start-quality-card.start-approved-premium>.start-premium-appearance{grid-column:1/-1;min-width:0;max-width:100%;margin:12px 0 20px}
.quality-theme .start-premium-appearance h2{font-size:20px}
@media(max-width:760px){.start-premium-palette{padding:12px}.start-premium-appearance{padding:18px}}
@media(max-width:380px){.start-premium-palettes{gap:10px}.start-premium-appearance{padding:15px}.start-premium-palette{min-height:86px}}
@media(prefers-reduced-motion:reduce){.start-premium-palette{transition:none}}

/* Premium-only first editing session on a phone: keep live preview in sight,
   and scroll form fields inside the lower workspace instead of hiding the preview below a long sidebar. */
@media(max-width:750px){
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"]{
  display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:520px!important;overflow:hidden!important;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"]>.one-app-bar{
  order:0;flex:0 0 auto!important;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"]>.one-editor-panel:not([hidden]){
  order:1;flex:0 0 clamp(240px,38dvh,380px)!important;height:clamp(240px,38dvh,380px)!important;
  min-height:240px!important;max-height:380px!important;width:100%!important;overflow:hidden!important;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"]>#lcw-workbench{
  order:2;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;
  width:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;border-top:1px solid #b5c7ba;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-sidebar{
  flex:1 1 auto!important;display:flex!important;flex-direction:column!important;
  min-height:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-head{
  padding:8px 12px 7px!important;flex:0 0 auto;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-head p{margin:0 0 2px}
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-head small{display:none}
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-roxy{display:none!important}
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-menu{
  flex:0 0 auto;padding:5px!important;gap:3px;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-controls{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;
  overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;
 }
 body.studio-start-active.one-working #one-app.lcw-enabled[data-premium-identity-editor="true"] #lcw-workbench .lcw-status{
  padding:7px 10px!important;flex:0 0 auto!important;
 }
}