.recipe-scene{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:#fff;color:#273b30;padding:22px 12px;font-family:'Ref_notosansjp',sans-serif}
.recipe-wrap{max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.recipe-line{max-width:100%;font-size:clamp(15px,1.6vw,25px);font-weight:700;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.recipe-unit{display:inline-block;white-space:pre-wrap;transform-origin:center;max-width:100%;vertical-align:baseline}
.recipe-label{font:500 10px/1.6 'Ref_notosansjp',sans-serif;letter-spacing:.05em;color:#526847}
.recipe-affix{white-space:pre-wrap}
.recipe-underlined{border-bottom:2px solid #73945f;padding-bottom:5px}
.layout-stair .recipe-unit{transform:translateY(calc(var(--i)*2px))}
.layout-alternate .recipe-unit:nth-child(odd){transform:translateY(-5px)}
.layout-alternate .recipe-unit:nth-child(even){transform:translateY(5px)}
.layout-fan .recipe-unit{transform:rotate(calc(var(--center)*4deg))}
.layout-weights .recipe-unit:nth-child(odd){font-weight:300}
.layout-initial .recipe-unit:first-child{font-size:1.7em}
.layout-last-color .recipe-unit:last-child{color:#237447;border-bottom:2px solid #b7d49d}
.layout-tiles .recipe-unit{border:1px solid #a1b696;margin:2px;padding:1px 4px}
.layout-circles .recipe-unit{border-radius:50%;background:#e6efdc;width:1.65em;text-align:center;margin:2px}
.layout-invert .recipe-unit{padding:1px 5px;border:1px solid #31422f}
.layout-invert .recipe-unit:nth-child(odd){background:#31422f;color:#fff}
.layout-mono .recipe-unit{width:1.3em;text-align:center}
.layout-annotation .recipe-wrap{flex-direction:column-reverse}
.layout-index .recipe-wrap,.layout-inline-label .recipe-wrap,.layout-large-index .recipe-wrap,.layout-split-label .recipe-wrap{flex-direction:row;gap:10px}
.layout-large-index .recipe-label{font-size:35px;font-weight:700;color:#6f8a5d}
.layout-inline-label .recipe-label,.layout-split-label .recipe-label{background:#3c5333;color:white;padding:6px;border-radius:3px}
.layout-word-cards .recipe-unit{border:1px solid #a6b99a;border-radius:5px;padding:4px;margin:3px}
.layout-lower-left{place-items:end start}.layout-lower-right{place-items:end end}
.layout-bottom{place-items:end center}.layout-top{place-items:start center}
.layout-left{place-items:center start}.layout-right{place-items:center end}
.table-preview .recipe-scene{padding:4px}.table-preview .recipe-line{font-size:9px!important}.table-preview .recipe-label{display:none}
.dialog-preview .recipe-line{font-size:clamp(20px,3vw,34px)}
.runtime-pending{height:100%;display:grid;place-content:center;gap:8px;text-align:center;background:#fff;color:#65735d;padding:20px;font-size:11px}
.runtime-pending b{font-size:14px}
@media(max-width:760px){.recipe-line{font-size:17px}.recipe-scene{padding:18px 10px}.recipe-label{font-size:9px}.layout-large-index .recipe-label{font-size:24px}}
