.builder{flex-direction:column;gap:1.1rem;display:flex}.builder input{background:#fff;border:1px solid oklch(87% .02 150);border-radius:8px;padding:.5rem .7rem;font-size:.95rem;transition:border-color .14s,box-shadow .14s}.builder input:focus-visible{border-color:var(--green);outline:none;box-shadow:0 0 0 3px oklch(52% .14 150/.18)}.builder-title{cursor:text;font-size:1.6rem;font-weight:700;transition:border-color .14s;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:2px dashed oklch(85% .03 150)!important;padding:.25rem 0!important}.builder-title:hover{border-bottom-color:oklch(70% .08 150)!important}.builder-title:focus-visible{outline:none;border-bottom:2px solid var(--green)!important}.builder-title::placeholder{color:oklch(75% .02 150)}.builder-headers{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.builder-header-row{gap:.4rem;width:100%;max-width:46rem;display:flex}.builder-header-row input{flex:1}.builder-add{gap:.5rem;max-width:46rem;display:flex}.builder-add input{flex:1}.builder-empty{text-align:center;color:oklch(45% .02 150);border:1.5px dashed oklch(80% .04 150);border-radius:12px;flex-direction:column;align-items:center;gap:.9rem;max-width:46rem;padding:2.2rem 1.5rem;display:flex}.builder-toolbar{z-index:10;opacity:1;max-width:46rem;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);background:#fff;border:1px solid oklch(87% .02 150);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;display:flex;position:sticky;bottom:.75rem;transform:translateY(0);box-shadow:0 8px 24px oklch(30% .02 150/.12)}@starting-style{.builder-toolbar{opacity:0;transform:translateY(6px)}}.builder-toolbar input{flex:1;min-width:10rem}.builder-group{flex:1;align-items:center;gap:.5rem;display:flex}.builder-group input{flex:1}.builder-hint{color:oklch(50% .1 60);font-size:.85rem}@media (prefers-reduced-motion:reduce){.builder-toolbar{transition:opacity .16s}@starting-style{.builder-toolbar{transform:none}}}.builder-actions{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:46rem;display:flex}.publish-control,.publish-done{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.publish-link{color:var(--green);text-underline-offset:3px;word-break:break-all;font-weight:600;text-decoration:underline}.convert-panel{background:#fff;border:1px solid oklch(87% .02 150);border-radius:12px;flex-direction:column;gap:.6rem;max-width:46rem;padding:.8rem;display:flex}.convert-panel textarea{resize:vertical;border:1px solid oklch(87% .02 150);border-radius:8px;padding:.6rem .7rem;font-size:.95rem;transition:border-color .14s,box-shadow .14s}.convert-panel textarea:focus-visible{border-color:var(--green);outline:none;box-shadow:0 0 0 3px oklch(52% .14 150/.18)}.recipe-grid[data-interactive] tbody tr{opacity:1;transition:opacity .12s}@starting-style{.recipe-grid[data-interactive] tbody tr{opacity:0}}.publish-done{opacity:1;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);transform:scale(1)}@starting-style{.publish-done{opacity:0;transform:scale(.97)}}.convert-panel{opacity:1;transition:opacity .17s var(--ease-out), transform .17s var(--ease-out);transform:translateY(0)}@starting-style{.convert-panel{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.recipe-grid[data-interactive] tbody tr,.publish-done,.convert-panel{transition:opacity .12s}@starting-style{.recipe-grid[data-interactive] tbody tr,.publish-done,.convert-panel{transform:none}}}.convert-photo{align-items:center;gap:.4rem;display:inline-flex}.convert-photo img{object-fit:cover;border:1px solid oklch(87% .02 150);border-radius:8px;width:44px;height:44px}.convert-lang{background:#fff;border:1px solid oklch(87% .02 150);border-radius:8px;padding:.45rem .6rem;font-size:.9rem}.builder-help{color:oklch(45% .02 150);max-width:46rem;margin-top:-.4rem;font-size:.85rem}.builder-help kbd{background:#fff;border:1px solid oklch(85% .02 150);border-bottom-width:2px;border-radius:5px;padding:0 .3rem;font-family:inherit;font-size:.78rem}@media (hover:none) and (pointer:coarse){.builder-help-kbd{display:none}}