/* Compact scene identity, question and real step state. */
.main:has(.scene-workspace)>.compact-scene-heading{display:block;position:relative;padding:0 106px 20px 0;margin:0 0 8px;min-height:108px;border:0}
.compact-scene-heading .scene-back{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0;color:#89778e;font-size:13px;line-height:1.4}
.scene-back .icon{width:15px;height:15px}
.scene-back:hover{color:#634c70}
.scene-back:focus-visible{outline:2px solid #b09cbb;outline-offset:4px;border-radius:5px}
.compact-scene-heading .scene-question{display:flex;align-items:baseline;gap:18px;padding:2px 0 0;min-width:0}
.main:has(.scene-workspace) .compact-scene-heading h1{font-size:30px;line-height:1.4;font-weight:500;white-space:nowrap;letter-spacing:.03em}
.scene-progress{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:12px;color:#b1a3b7;font-variant-numeric:tabular-nums}
.scene-progress strong{font-size:17px;font-weight:500;color:#8a7099}
.main:has(.scene-workspace) .compact-scene-heading .scene-heading-art{top:9px;right:8px;width:82px;height:78px;opacity:1;isolation:isolate}
.compact-scene-heading .scene-heading-art::before{content:"";position:absolute;inset:3px -6px -1px;background:color-mix(in srgb,var(--scene-bg) 72%,#faf8f4);border-radius:54% 46% 43% 57% / 48% 58% 42% 52%;transform:rotate(-9deg);z-index:-1}
.compact-scene-heading .scene-heading-art svg{width:74px;height:70px}
.scene-workspace #recipe-root:empty{display:none}
.scene-workspace .direction-step.mix-layout{gap:18px}
.scene-workspace .compact-recipe{padding:0 0 2px;min-height:0;gap:0 12px}
.compact-recipe .recipe-heading{gap:8px}
.compact-recipe .recipe-heading h3{font-size:12px;font-weight:400;color:#9a88a3}
.compact-recipe .recipe-heading>span{font-size:11px;color:#aa99b1}
.compact-recipe .recipe-toggle{min-height:32px;font-size:12px;padding:0}
.recipe-preview{grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;min-width:0;padding:2px 0 5px;scrollbar-width:thin}
.recipe-preview .recipe-token{flex:0 0 auto;max-width:280px}
.recipe-preview .recipe-edit{font-size:12px;max-width:240px;min-height:34px;padding:7px 11px}
.recipe-preview .recipe-remove{min-height:34px;min-width:28px;width:28px;flex-basis:28px}
.compact-recipe.is-open .recipe-preview{display:none}
.scene-workspace .compact-recipe.is-open{padding-top:0}
.scene-workspace .compact-recipe.is-open .recipe-body{padding-top:6px}
@media(max-width:680px){
  .main:has(.scene-workspace)>.compact-scene-heading{padding:0 72px 15px 0;margin-bottom:4px;min-height:95px}
  .compact-scene-heading .scene-back{min-height:34px;font-size:12px;gap:7px}
  .compact-scene-heading .scene-question{gap:12px;padding-top:3px}
  .main:has(.scene-workspace) .compact-scene-heading h1{font-size:26px;line-height:1.4}
  .scene-progress{font-size:11px;gap:4px}.scene-progress strong{font-size:15px}
  .main:has(.scene-workspace) .compact-scene-heading .scene-heading-art{width:59px;height:61px;top:12px;right:3px}
  .compact-scene-heading .scene-heading-art svg{width:56px;height:58px}
  .scene-workspace .direction-step.mix-layout{gap:14px}
  .recipe-preview .recipe-token{max-width:230px}.recipe-preview .recipe-edit{max-width:190px}
}
@media(max-width:360px){
  .main:has(.scene-workspace)>.compact-scene-heading{padding-right:58px;min-height:88px;padding-bottom:12px}
  .main:has(.scene-workspace) .compact-scene-heading h1{font-size:23px;letter-spacing:0}
  .compact-scene-heading .scene-question{gap:10px}
  .main:has(.scene-workspace) .compact-scene-heading .scene-heading-art{width:48px;height:53px;right:1px;top:14px}
  .compact-scene-heading .scene-heading-art svg{width:48px;height:51px}
}