.studio-eyebrow{text-transform:uppercase;letter-spacing:var(--em-tracking-eyebrow,.08em);font-size:var(--em-text-xs,.75rem);font-weight:700;color:var(--em-ink-2,var(--em-muted))}
@font-face{font-family:Inter;src:url('/vendors/fonts/inter/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/vendors/fonts/inter/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/vendors/fonts/cormorant-garamond/cormorant-garamond-500.woff2') format('woff2');font-weight:500;font-display:swap}
/* Colours come from em-tokens.css (loaded first). */
:root{--app-header-offset:var(--he-height,3.75rem);scroll-padding-top:calc(var(--app-header-offset) + 1rem)}
:root:has(body>.he-context-bar){--app-header-offset:6.25rem}html.page-mode-embedded{--app-header-offset:0rem;scroll-padding-top:0!important}
.em-page{font-family:var(--em-font-ui,Inter,system-ui,sans-serif)}
.import-studio h2,#studio-dialog h2,#studio-bulk-dialog h2{font:500 var(--em-text-3xl,2rem)/var(--em-leading-tight,1.15) var(--em-font-display,'Cormorant Garamond',Georgia,serif)}
.import-studio h1{max-width:20ch;margin-block:.25rem .5rem;font:500 var(--em-title,clamp(1.75rem,4.5vw,2.5rem))/var(--em-leading-tight,1.15) var(--em-font-display,'Cormorant Garamond',Georgia,serif);letter-spacing:-.02em}
.import-studio h3{font-size:var(--em-text-lg,1.125rem);margin:0}
.import-studio .em-card{box-shadow:var(--em-shadow-1);border-color:var(--em-line-soft)}
.import-studio .em-note{border-radius:var(--em-radius-sm,.5rem);color:var(--em-ink)}
.import-studio code{padding:.05rem .3rem;border-radius:.25rem;background:var(--em-wash);font-size:.9em}

/* Progress strip: reflects where the owner is. */
.studio-steps{display:flex;gap:.75rem;padding:0;margin:1.25rem 0;list-style:none;flex-wrap:wrap}
.studio-steps li{display:flex;align-items:center;gap:.75rem;flex:1;min-width:12rem;padding:.75rem 1rem;border-block-end:.1875rem solid var(--em-line-soft);font-weight:600;color:var(--em-ink-2)}
.studio-steps span{color:var(--em-ink-3);font-size:var(--em-text-sm,.875rem);font-variant-numeric:var(--em-num,tabular-nums)}
.studio-steps li[aria-current="step"]{border-block-end-color:var(--em-brand);color:var(--em-ink)}
.studio-steps li[aria-current="step"] span{color:var(--em-brand-ink,var(--em-brand))}
.studio-steps li[data-done]{border-block-end-color:var(--em-leaf-line);color:var(--em-ink)}
.studio-steps li[data-done] span::before{content:"\2713\00a0";color:var(--em-leaf-ink)}

.studio-status{min-height:3rem;margin-block:1rem}
.studio-status[hidden]{display:none}
#studio-alert{border-inline-start-color:var(--em-danger-ink);background:var(--em-danger-wash,var(--em-wash));font-weight:600}
.studio-recovery{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-end:1rem}.studio-recovery:not(:has(:not([hidden]))){display:none}
.studio-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1.25rem}.studio-layout .em-card{align-self:start}
.studio-layout fieldset,.studio-review fieldset,#studio-dialog fieldset,#studio-bulk-dialog fieldset{border:0;padding:0;min-width:0;display:grid;gap:1rem}
.studio-layout textarea{font-family:ui-monospace,Consolas,monospace;font-size:var(--em-text-sm,.875rem)}
.studio-help{color:var(--em-ink-2);font-size:var(--em-text-sm,.875rem);margin-block:.5rem}
.studio-summary-line{font-weight:600;margin-block:1rem .25rem}

/* Preview rows: problems are spelled out where the dish is. */
.studio-preview-list{display:grid;gap:.75rem;padding:0;margin:.75rem 0 0;list-style:none}
.studio-preview-row{padding:.75rem 1rem;border:.0625rem solid var(--em-line-soft);border-radius:var(--em-radius-md,.75rem);background:var(--em-surface)}
.studio-preview-head{display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:center}.studio-preview-head strong{font-size:var(--em-text-base,1rem)}.studio-preview-head span:not(.studio-badge){color:var(--em-ink-2);font-size:var(--em-text-sm,.875rem);font-variant-numeric:var(--em-num,tabular-nums)}
.studio-issues{margin:.5rem 0 0;padding:.5rem .75rem .5rem 1.5rem;list-style:disc;border-inline-start:.25rem solid var(--em-caution-line);background:var(--em-caution-wash);color:var(--em-caution-ink);border-radius:.35rem;font-size:var(--em-text-sm,.875rem)}
.studio-issues li{margin-block:.15rem}
.studio-fix{margin-block-start:.5rem}
.import-studio .studio-fix{min-height:var(--em-target,2.75rem)}

/* Saved shelf and review list. */
.studio-batches,.studio-rows{display:grid;gap:.75rem;margin-block:1rem}.studio-batches button{text-align:start;justify-content:space-between;display:flex;gap:1rem}
.studio-review{margin-block:1.25rem;padding-block-end:0}.studio-review-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.studio-review h2:focus{outline:none}.studio-review h2:focus-visible,.studio-published:focus-visible,#studio-bulk-result:focus-visible{outline:.1875rem solid var(--em-focus);outline-offset:.25rem}
.studio-bulk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-block:1rem;padding:1rem 1.25rem;border:.0625rem solid var(--em-leaf-line);border-radius:var(--em-radius-md,.75rem);background:var(--em-leaf-wash)}
.studio-bulk h3{color:var(--em-leaf-ink)}.studio-bulk p{margin:.25rem 0 0;color:var(--em-ink)}
.studio-bulk-result{margin-block:1rem;padding:.75rem 1rem;border-inline-start:.25rem solid var(--em-brand);background:var(--em-wash);border-radius:.35rem}.studio-bulk-result p{margin:.25rem 0}.studio-bulk-result ul{margin:.25rem 0 0;padding-inline-start:1.25rem}.studio-bulk-headline{font-weight:700}
.studio-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem 0}
.import-studio .studio-chip{min-height:var(--em-target,2.75rem);padding:.4rem 1rem;border:.0625rem solid var(--em-line);border-radius:var(--em-radius-pill,62rem);background:var(--em-surface);color:var(--em-ink);font-weight:600;font-size:var(--em-text-sm,.875rem);font-variant-numeric:var(--em-num,tabular-nums)}
.import-studio .studio-chip[aria-pressed="true"]{background:var(--em-ink);border-color:var(--em-ink);color:var(--em-bg)}
.studio-dish{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border:.0625rem solid var(--em-line-soft);border-radius:var(--em-radius-md,.75rem);background:var(--em-surface)}
.studio-dish-info{flex:1 1 16rem;min-width:0}.studio-dish p{margin:.25rem 0 0;color:var(--em-ink-2);font-size:var(--em-text-sm,.875rem);font-variant-numeric:var(--em-num,tabular-nums)}
.studio-dish-side{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.studio-badge{display:inline-block;padding:.2rem .6rem;background:var(--em-wash);color:var(--em-ink);border-radius:var(--em-radius-pill,62rem);font-size:var(--em-text-xs,.75rem);font-weight:700}
.studio-badge-ok,.studio-badge-approved,.studio-badge-published{background:var(--em-leaf-wash);color:var(--em-leaf-ink);box-shadow:inset 0 0 0 .0625rem var(--em-leaf-line)}
.studio-badge-warn,.studio-badge-needs_review{background:var(--em-caution-wash);color:var(--em-caution-ink);box-shadow:inset 0 0 0 .0625rem var(--em-caution-line)}
.studio-badge-rejected{background:var(--em-danger-wash,var(--em-wash));color:var(--em-danger-ink)}
.studio-check{display:flex;align-items:start;gap:.75rem}.studio-check input{margin-block-start:.25rem;min-width:1.25rem;min-height:1.25rem}
.studio-allergen-line{display:inline-block;margin-block:.15rem;padding:.1rem .5rem;border-radius:.35rem;background:var(--em-caution-wash);color:var(--em-caution-ink);font-size:var(--em-text-sm,.875rem);font-weight:600}

/* Sticky progress + publish bar: the publish button is always where the rows are. */
.studio-bar{position:sticky;inset-block-end:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin:1rem -1.5rem -1.5rem;padding:.75rem 1.5rem;border-block-start:.0625rem solid var(--em-line-soft);border-radius:0 0 var(--em-radius-lg,1rem) var(--em-radius-lg,1rem);background:var(--em-surface);box-shadow:0 -.5rem 1rem -.75rem rgb(35 31 26 / .25)}
.studio-bar-text{display:grid;gap:.1rem;min-width:0}.studio-bar-text strong{font-variant-numeric:var(--em-num,tabular-nums)}.studio-bar-text span{color:var(--em-ink-2);font-size:var(--em-text-sm,.875rem)}
.studio-bar[hidden]{display:none}

/* Published: what to do next. */
.studio-published{margin-block-start:1.25rem;padding:1.25rem;border:.0625rem solid var(--em-leaf-line);border-radius:var(--em-radius-md,.75rem);background:var(--em-leaf-wash)}
.studio-published h3{font:500 var(--em-text-2xl,1.5rem)/var(--em-leading-tight,1.15) var(--em-font-display,'Cormorant Garamond',Georgia,serif);color:var(--em-leaf-ink)}
.studio-published p{margin:.5rem 0}.studio-next-steps{margin:.5rem 0 1rem;padding-inline-start:1.25rem}.studio-next-steps li{margin-block:.35rem}
.studio-next-actions{display:flex;flex-wrap:wrap;gap:.75rem}

/* Recovery and footer links meet the 44px target (DS3 UX-29). */
.import-studio .workflow-footer a,.import-studio .em-note a,.import-studio .studio-help a{display:inline-flex;align-items:center;min-height:var(--em-target,2.75rem)}

@media(max-width:48rem){.studio-layout{grid-template-columns:1fr}.studio-steps li{min-width:100%;padding:.5rem .75rem}.studio-bulk .em-button,.studio-bulk button{width:100%}.studio-dish-side{width:100%;justify-content:space-between}}

/* Dialogs: bottom sheets on phones. */
#studio-dialog,#studio-bulk-dialog{box-sizing:border-box;width:min(95vw,42rem);max-height:85vh;max-height:85dvh;overflow:auto;padding:1.5rem;background:var(--em-surface);color:var(--em-ink);border:.0625rem solid var(--em-line);border-radius:var(--em-radius-lg,1rem);font:inherit;box-shadow:var(--em-shadow-3)}
#studio-dialog::backdrop,#studio-bulk-dialog::backdrop{background:var(--em-overlay,rgb(0 0 0 / .5))}
#studio-dialog textarea{min-height:5rem}
#studio-dialog input:not([type="checkbox"]):not([type="radio"]),#studio-dialog select,#studio-dialog textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--em-target,2.75rem);padding:.65rem .8rem;border:.0625rem solid var(--em-line);border-radius:var(--em-radius-sm,.5rem);background:var(--em-surface);color:var(--em-ink);font:inherit}
#studio-dialog button,#studio-bulk-dialog button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--em-target,2.75rem);min-width:var(--em-target,2.75rem);padding:.65rem 1rem;border:.0625rem solid var(--em-brand);border-radius:var(--em-radius-md,.75rem);background:var(--em-brand);color:var(--em-on-brand,#fff);font:600 var(--em-text-base,1rem)/1.4 var(--em-font-ui,system-ui,sans-serif);cursor:pointer}
#studio-dialog button.secondary,#studio-bulk-dialog button.secondary{background:var(--em-surface);color:var(--em-brand-ink,var(--em-brand))}
#studio-dialog button:disabled,#studio-bulk-dialog button:disabled{opacity:.55;cursor:not-allowed}
#studio-dialog :focus-visible,#studio-bulk-dialog :focus-visible{outline:.1875rem solid var(--em-focus);outline-offset:.125rem}
#studio-dialog label,#studio-bulk-dialog label{font-weight:600}#studio-dialog .studio-check,#studio-bulk-dialog .studio-check{min-height:var(--em-target,2.75rem);align-items:center}
#studio-dialog input[type="checkbox"],#studio-dialog input[type="radio"],#studio-bulk-dialog input[type="checkbox"]{accent-color:var(--em-brand)}
#dish-error,#studio-bulk-error{color:var(--em-danger-ink,var(--em-ink));border-inline-start:.1875rem solid var(--em-danger-ink,var(--em-focus));padding-inline-start:.5rem}#dish-error:empty,#studio-bulk-error:empty{display:none}
.studio-bulk-list{display:grid;gap:.25rem;margin:0;padding:0;list-style:none;max-height:40vh;overflow:auto;border-block:.0625rem solid var(--em-line-soft)}
.studio-bulk-list li{padding-block:.25rem;border-block-end:.0625rem solid var(--em-line-soft)}.studio-bulk-list li:last-child{border-block-end:0}
.studio-bulk-list .studio-check{align-items:flex-start}.studio-bulk-list .studio-check input{margin-block-start:.6rem}
.studio-bulk-attention{padding:.5rem .75rem;border-inline-start:.25rem solid var(--em-caution-line);background:var(--em-caution-wash);color:var(--em-caution-ink);border-radius:.35rem;font-size:var(--em-text-sm,.875rem)}.studio-bulk-attention p{margin:.15rem 0}.studio-bulk-attention ul{margin:.25rem 0 0;padding-inline-start:1.25rem}
@media(max-width:30rem){.studio-bar{margin-inline:-1rem;margin-block-end:-1rem;padding-inline:1rem}#studio-dialog,#studio-bulk-dialog{inset-block:auto 0;margin-block-end:0;width:100vw;max-width:100vw;border-radius:var(--em-radius-lg,1rem) var(--em-radius-lg,1rem) 0 0}}
@media(prefers-reduced-motion:reduce){.import-studio *{scroll-behavior:auto!important}}