.recipe-editor{border:1px solid rgba(200,255,0,.12);border-radius:12px;background:#c8ff0005;margin-bottom:4px}.recipe-editor__header{padding:12px 14px 8px;border-bottom:1px solid rgba(200,255,0,.08)}.recipe-source-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.15);background:#ffffff05}.recipe-source-card__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px;background:#c8ff0014;color:#c8ff00;flex-shrink:0}.recipe-source-card__info{min-width:0}.recipe-badge-row{display:flex;flex-wrap:wrap;gap:4px}.recipe-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.recipe-badge--engine{background:#c8ff001a;color:#c8ff00;border:1px solid rgba(200,255,0,.2)}.recipe-badge--secondary{background:#a78bfa1a;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.recipe-badge--gpu{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.recipe-badge--signal{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.recipe-badge--initial{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2)}.recipe-badge--fallback{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.recipe-badge--archetype{background:#c8ff0014;color:#c8ff00;border:1px solid rgba(200,255,0,.18);display:inline-flex}.recipe-subsection{padding:10px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.12);background:#ffffff04}.recipe-list-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0}.recipe-list-item+.recipe-list-item{border-top:1px solid rgba(148,163,184,.08)}.recipe-list-item__index{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:10px;font-weight:700;background:#94a3b81a;color:#94a3b899;flex-shrink:0}.recipe-list-item__content{min-width:0}.recipe-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:500px){.recipe-input-grid{grid-template-columns:1fr}}.recipe-input-card{padding:10px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.12);background:#ffffff04;transition:border-color .16s ease,background .16s ease}.recipe-input-card--active{border-color:#38bdf840;background:#38bdf808}.recipe-input-card__header{display:flex;align-items:center;gap:6px}.recipe-input-card__icon{font-size:14px;line-height:1;opacity:.6}.recipe-input-card--active .recipe-input-card__icon{opacity:1}.recipe-input-card__active-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;margin-left:auto}.recipe-input-card__signals{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.recipe-state-card{padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.12);background:#ffffff04}.recipe-state-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.recipe-trigger-card{padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.12);background:#ffffff04}.recipe-trigger-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;cursor:pointer}.recipe-binding-card{padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.12);background:#ffffff04}.recipe-binding-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.recipe-binding-card__summary{display:flex;align-items:center;gap:6px;min-width:0}.recipe-binding-card__arrow{color:#94a3b880;font-size:12px}.recipe-evolution-card{padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.12);background:#ffffff04}.recipe-evolution-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;cursor:pointer}.recipe-keyframe-track{position:relative;height:20px;border-radius:4px;background:#94a3b814;border:1px solid rgba(148,163,184,.12);margin-bottom:6px}.recipe-keyframe-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#c8ff00;border:1px solid rgba(200,255,0,.5)}
