dialog.recipe-editor-modal{width:min(920px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:22px}dialog.recipe-editor-modal #modal-content{position:relative}.recipe-main-fields{display:grid;grid-template-columns:1fr 90px;gap:16px}.recipe-color input{height:42px;padding:3px;width:100%}.recipe-color-preview{padding:12px;margin:15px 0;border-radius:5px;font-size:17px;font-weight:650}.recipe-composition{border:1px solid var(--line);border-radius:5px;overflow:hidden;margin:16px 0}.recipe-composition .food-columns{display:grid;grid-template-columns:minmax(100px,1fr) 110px repeat(4,50px) 55px;column-gap:2px;align-items:center}.recipe-composition .composition-heading{font-size:11px;padding:10px 5px;background:var(--surface-alt)}.recipe-composition .composition-heading>:nth-child(n+3){text-align:right}.recipe-composition .food-row{background:var(--surface);padding:7px 4px;min-height:53px}.recipe-composition .food-row [data-nutrient]{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.recipe-composition .food-picker{display:block;width:100%;min-width:0;background:transparent;border:0;color:var(--ink);padding:8px 2px;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-composition .quantity-field{display:flex;gap:0}.recipe-composition .quantity-field input{width:58px;min-width:0;padding:7px 2px;font-size:12px}.recipe-composition .quantity-step{width:25px;height:36px}.recipe-composition #recipe-add{margin:10px;font-size:11px}.recipe-total{position:sticky;bottom:0;z-index:2;background:var(--surface-alt);display:grid;grid-template-columns:minmax(90px,1fr) repeat(5,minmax(35px,65px));gap:6px;padding:12px 8px;margin:10px 0 18px;border:1px solid var(--line);border-radius:5px;font-variant-numeric:tabular-nums}.recipe-total>span{text-align:right}.recipe-total small{display:block;font-size:9px;color:var(--muted)}.recipe-total b{font-size:12px}.recipe-total strong{align-self:center;font-size:12px}#recipe-form>label{margin:14px 0}.recipe-ai{padding:14px;border:1px solid var(--line);border-radius:6px;margin-top:20px}.recipe-ai summary{font-weight:650;cursor:pointer}.recipe-ai label{margin-top:14px}.recipe-ai p{font-size:12px;line-height:1.6;margin:12px 0}.recipe-ai .btn{margin:12px 0}.recipe-save-row{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}[data-recipe-status]{font-size:12px;line-height:1.6;margin-top:12px}[data-recipe-status].error{color:var(--bad)}.recipe-picker{position:absolute;inset:0;z-index:5;background:var(--surface);padding:10px;min-height:250px}.recipe-picker>.button-row{position:sticky;top:0;background:var(--surface);padding-bottom:12px}.recipe-picker input{flex:1;min-width:0}.recipe-picker [data-recipe-choice]{display:block;width:100%;padding:14px 8px;background:var(--surface);border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink)}.recipe-picker [data-recipe-choice] span{display:block;color:var(--muted);font-size:10px;margin-top:5px}#recipe-options{overflow:auto;max-height:65dvh}.recipe-picker[hidden]{display:none!important}.recipe-row .food-row{user-select:none;-webkit-user-select:none}.recipe-row input{user-select:text;-webkit-user-select:text}
@media(max-width:700px){dialog.recipe-editor-modal{width:calc(100vw - 12px);padding:16px 8px}.recipe-main-fields{grid-template-columns:minmax(0,1fr) 65px;gap:10px}.recipe-main-fields input{min-width:0;font-size:13px}.recipe-composition .food-columns{grid-template-columns:minmax(55px,1fr) 76px repeat(4,26px) 33px;column-gap:0}.recipe-composition .food-row{padding:5px 1px}.recipe-composition .quantity-field input{width:34px;height:34px;font-size:11px}.recipe-composition .quantity-step{width:21px;height:34px}.recipe-composition .food-picker{font-size:11px;padding:9px 2px}.recipe-composition .food-row [data-nutrient]{font-size:10px}.recipe-composition .composition-heading{font-size:9px;padding:8px 1px}.recipe-total{grid-template-columns:minmax(70px,1fr) repeat(5,minmax(31px,1fr));gap:3px;padding:10px 4px}.recipe-total b{font-size:11px}.recipe-total strong{font-size:10px}.recipe-save-row .btn{font-size:12px}.recipe-editor-modal .modal-top{margin:0 6px 15px}.recipe-editor-modal #modal-title{font-size:20px}}

.recipe-diet-row{background:var(--recipe-color)!important;color:var(--recipe-ink)!important}.recipe-diet-row .food-picker,.recipe-diet-row [data-nutrient]{color:inherit!important}.recipe-diet-row input[readonly]{cursor:default;opacity:.85}.recipe-diet-row .quantity-step:disabled{opacity:.3;cursor:default}