:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-neutral-0:#fff;--color-neutral-50:#f7f8fa;--color-neutral-100:#eef0f3;--color-neutral-200:#dde1e7;--color-neutral-500:#687386;--color-neutral-700:#303846;--color-neutral-900:#171b23;--color-neutral-1000:#0b0d11;--color-brand-500:#3b5ccc;--color-brand-600:#2f4bb0;--color-brand-700:#253b8e;--color-success-500:#2f9b69;--color-warning-500:#c98624;--color-danger-500:#c94c55;--color-danger-700:#96343b;--surface-default:var(--color-neutral-0);--surface-subtle:var(--color-neutral-50);--surface-muted:var(--color-neutral-100);--surface-elevated:var(--color-neutral-0);--content-primary:var(--color-neutral-900);--content-secondary:var(--color-neutral-500);--content-disabled:var(--color-neutral-200);--border-default:var(--color-neutral-200);--border-strong:var(--color-neutral-500);--focus-ring:var(--color-brand-500);--action-primary:var(--color-brand-600);--action-primary-hover:var(--color-brand-700);--action-primary-content:var(--color-neutral-0);--action-secondary:var(--color-neutral-100);--action-secondary-content:var(--color-neutral-900);--feedback-success:var(--color-success-500);--feedback-warning:var(--color-warning-500);--feedback-danger:var(--color-danger-500);--feedback-info:var(--color-brand-500);--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-subtle:0 1px 2px #171b230f;--shadow-raised:0 8px 24px #171b2317;--duration-fast:.12s;--duration-normal:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--page-inset:16px;--section-gap:20px;--card-padding:16px;--item-gap:8px;--touch-min:44px;--content-max:1200px;--body-size:15px;--body-line:1.45;--font-scale:1}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-default:#171b23;--surface-subtle:#0f131a;--surface-muted:#242a35;--surface-elevated:#202631;--content-primary:#f7f8fa;--content-secondary:#b2bac7;--content-disabled:#687386;--border-default:#394252;--border-strong:#9aa5b5;--action-secondary:#303846;--action-secondary-content:#f7f8fa;--shadow-subtle:0 1px 2px #0003;--shadow-raised:0 12px 32px #00000047}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-default:#171b23;--surface-subtle:#0f131a;--surface-muted:#242a35;--surface-elevated:#202631;--content-primary:#f7f8fa;--content-secondary:#b2bac7;--content-disabled:#687386;--border-default:#394252;--border-strong:#9aa5b5;--action-secondary:#303846;--action-secondary-content:#f7f8fa;--shadow-subtle:0 1px 2px #0003;--shadow-raised:0 12px 32px #00000047}}:root[data-scale=small]{--font-scale:.9}:root[data-scale=large]{--font-scale:1.15}:root[data-scale=extraLarge]{--font-scale:1.3}:root[data-skin=warm]{--action-primary:#b65d3a;--action-primary-hover:#8f452a;--focus-ring:#b65d3a;--feedback-info:#b65d3a}:root[data-skin=warm][data-theme=dark]{--surface-default:#211817;--surface-subtle:#160f0e;--surface-muted:#342421;--surface-elevated:#2b1e1c;--content-primary:#fff5ef;--content-secondary:#d2b7aa;--content-disabled:#8d6c61;--border-default:#55403a;--border-strong:#c99b88;--action-secondary:#3d2924;--action-secondary-content:#fff5ef}:root[data-skin=forest]{--action-primary:#2f785b;--action-primary-hover:#235c45;--focus-ring:#2f785b;--feedback-info:#2f785b}:root[data-skin=forest][data-theme=dark]{--surface-default:#14201b;--surface-subtle:#0d1512;--surface-muted:#203229;--surface-elevated:#1a2a22;--content-primary:#effaf4;--content-secondary:#aec8b9;--content-disabled:#6e8c7c;--border-default:#345142;--border-strong:#8eb6a0;--action-secondary:#263d31;--action-secondary-content:#effaf4}:root[data-skin=ocean]{--action-primary:#147d91;--action-primary-hover:#0c6172;--focus-ring:#147d91;--feedback-info:#147d91}:root[data-skin=ocean][data-theme=dark]{--surface-default:#122027;--surface-subtle:#0b151b;--surface-muted:#1d333d;--surface-elevated:#182b34;--content-primary:#effaff;--content-secondary:#acc9d2;--content-disabled:#6e909a;--border-default:#34515b;--border-strong:#8fb8c3;--action-secondary:#24404a;--action-secondary-content:#effaff}:root[data-skin=violet]{--action-primary:#7655b6;--action-primary-hover:#5d4197;--focus-ring:#7655b6;--feedback-info:#7655b6}:root[data-skin=violet][data-theme=dark]{--surface-default:#1d1828;--surface-subtle:#120f1a;--surface-muted:#2d2540;--surface-elevated:#251e35;--content-primary:#f8f1ff;--content-secondary:#c8b9d9;--content-disabled:#8f7da3;--border-default:#4c3f61;--border-strong:#b9a4d5;--action-secondary:#392d4d;--action-secondary-content:#f8f1ff}:root[data-skin=monochrome]{--color-brand-500:#303846;--color-brand-600:#171b23;--color-brand-700:#0b0d11;--action-primary:#171b23;--action-primary-hover:#0b0d11;--focus-ring:#687386;--feedback-info:#687386}:root[data-skin=monochrome][data-theme=dark]{--action-primary:#f7f8fa;--action-primary-hover:#dde1e7;--action-primary-content:#171b23;--focus-ring:#f7f8fa;--feedback-info:#b2bac7}:root[data-skin=highContrast]{--surface-default:#fff;--surface-subtle:#fff;--surface-muted:#f0f0f0;--content-primary:#000;--content-secondary:#202020;--border-default:#000;--border-strong:#000;--action-primary:#0037b3;--action-primary-hover:#00247a;--action-primary-content:#fff;--focus-ring:#000;--feedback-info:#0037b3}:root[data-skin=highContrast][data-theme=dark]{--surface-default:#000;--surface-subtle:#000;--surface-muted:#202020;--surface-elevated:#101010;--content-primary:#fff;--content-secondary:#f0f0f0;--content-disabled:#bdbdbd;--border-default:#fff;--border-strong:#fff;--action-primary:#ffdc00;--action-primary-hover:#ffe866;--action-primary-content:#000;--focus-ring:#ffdc00;--feedback-info:#ffdc00;--action-secondary:#202020;--action-secondary-content:#fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--surface-subtle);color:var(--content-primary);font-family:var(--font-sans);font-size:calc(var(--body-size) * var(--font-scale));line-height:var(--body-line)}button,input,textarea,select{font:inherit}button,select{color:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--focus-ring), transparent 55%);outline-offset:2px}button:disabled{cursor:not-allowed}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;font-weight:700}.field-label{align-items:center;gap:var(--space-2);color:var(--content-primary);font-size:calc(14px * var(--font-scale));font-weight:700;display:inline-flex}.field-label span{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));font-weight:500}.field-help{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));margin-top:var(--space-1)}.app-loading{align-items:center;gap:var(--space-3);min-height:100vh;color:var(--content-secondary);flex-direction:column;justify-content:center;display:flex}.loading-mark,.empty-editor__mark{background:color-mix(in srgb, var(--action-primary), transparent 86%);color:var(--action-primary);font-size:calc(28px * var(--font-scale));border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.app-shell{grid-template-columns:240px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.app-sidebar{background:var(--surface-default);border-right:1px solid var(--border-default);flex-direction:column;min-height:0;display:flex;overflow:hidden}.app-sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);flex:none;display:flex}.app-sidebar__brand .brand-mark{width:36px;height:36px}.app-sidebar__brand-copy{min-width:0}.app-sidebar__brand-copy strong,.app-sidebar__brand-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.app-sidebar__brand-copy strong{font-size:calc(15px * var(--font-scale));letter-spacing:-.01em}.app-sidebar__brand-copy span{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));margin-top:1px}.app-sidebar__content{flex:1;min-height:0;overflow-y:auto}.app-sidebar__footer{border-top:1px solid var(--border-default);padding:var(--space-3);flex:none}.app-sidebar__settings{border-radius:var(--radius-sm);color:var(--content-primary);cursor:pointer;font-size:calc(14px * var(--font-scale));align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-3);text-align:left;background:0 0;width:100%;font-weight:700;display:flex}.app-sidebar__settings:hover{background:var(--surface-muted)}.app-sidebar__settings.is-active{background:var(--surface-muted);color:var(--action-primary)}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.top-bar{background:var(--surface-default);border-bottom:1px solid var(--border-default);align-items:center;gap:var(--space-8);min-height:72px;padding:var(--space-3) var(--space-6);z-index:10;flex:none;display:flex;position:relative}.brand-block{align-items:center;gap:var(--space-3);min-width:205px;display:flex}.brand-mark{background:var(--action-primary);border-radius:var(--radius-md);color:var(--action-primary-content);justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.brand-block strong{font-size:calc(15px * var(--font-scale));letter-spacing:-.01em;display:block}.brand-block span{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));margin-top:1px;display:block}.pack-title{align-items:baseline;gap:var(--space-3);flex:1;max-width:360px;display:flex}.pack-title label{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));white-space:nowrap}.pack-title input{color:var(--content-primary);font-size:calc(16px * var(--font-scale));min-width:0;padding:var(--space-1) 0;background:0 0;border:0;border-bottom:1px solid #0000;width:100%;font-weight:700}.pack-title input:hover,.pack-title input:focus{border-color:var(--border-strong);outline:none}.top-bar__actions{align-items:center;gap:var(--space-2);min-width:0;margin-left:auto;display:flex}.top-bar__save{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));align-items:center;gap:var(--space-1);white-space:nowrap;display:flex}.top-bar__save button{color:var(--action-primary);cursor:pointer;font-size:inherit;background:0 0;padding:0;font-weight:700;text-decoration:underline}.save-status__dot{background:var(--content-secondary);border-radius:50%;width:7px;height:7px}.save-status--saving .save-status__dot,.save-status--unsaved .save-status__dot{background:var(--feedback-warning)}.save-status--saved .save-status__dot{background:var(--feedback-success)}.save-status--error .save-status__dot{background:var(--feedback-danger)}.ui-button{border-radius:var(--radius-sm);cursor:pointer;font-size:calc(14px * var(--font-scale));align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;font-weight:700;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{opacity:.48}.ui-button--primary{background:var(--action-primary);color:var(--action-primary-content)}.ui-button--primary:hover:not(:disabled){background:var(--action-primary-hover)}.ui-button--secondary{background:var(--action-secondary);border:1px solid var(--border-default);color:var(--action-secondary-content)}.ui-button--secondary:hover:not(:disabled),.ui-button--ghost:hover:not(:disabled){background:var(--surface-muted)}.ui-button--ghost{color:var(--content-secondary);min-height:var(--touch-min);padding:0 var(--space-2);background:0 0}.ui-button--danger{background:color-mix(in srgb, var(--feedback-danger), transparent 88%);color:var(--feedback-danger)}.icon-button{width:36px;min-height:36px;padding:0}.icon-button--danger:hover:not(:disabled){background:color-mix(in srgb, var(--feedback-danger), transparent 88%);color:var(--feedback-danger)}.workspace{flex:1;grid-template-columns:minmax(460px,1fr) 340px;width:100%;min-height:0;display:grid;overflow:hidden}.workspace__center,.workspace__right{min-width:0;min-height:0;overflow-y:auto}.workspace__center{background:var(--surface-subtle)}.workspace__right{background:var(--surface-default);border-left:1px solid var(--border-default);padding:var(--space-6)}.recipe-list{height:100%;padding:var(--space-6) var(--space-3) var(--space-3);flex-direction:column;display:flex}.panel-heading{justify-content:space-between;align-items:flex-start;min-height:48px;display:flex}.panel-heading h2,.editor-panel__heading h2{font-size:calc(18px * var(--font-scale));margin-top:2px;line-height:1.25}.recipe-list .panel-heading{padding:0 var(--space-2) var(--space-4)}.recipe-list__items{gap:var(--space-1);flex-direction:column;display:flex}.recipe-list__item{border-radius:var(--radius-md);align-items:center;gap:var(--space-1);min-height:60px;padding:var(--space-1);display:flex}.recipe-list__item.is-active{background:color-mix(in srgb, var(--action-primary), transparent 91%)}.recipe-list__item:hover:not(.is-active){background:var(--surface-subtle)}.recipe-list__select{color:var(--content-primary);cursor:pointer;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);text-align:left;background:0 0;flex:1;display:flex}.recipe-list__thumb{background:var(--surface-muted);border-radius:var(--radius-sm);color:var(--content-secondary);font-size:calc(11px * var(--font-scale));flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.recipe-list__item.is-active .recipe-list__thumb{background:var(--action-primary);color:var(--action-primary-content)}.recipe-list__copy{flex-direction:column;min-width:0;display:flex}.recipe-list__copy strong{font-size:calc(14px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-list__copy small{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));margin-top:2px}.recipe-list__footer{border-top:1px solid var(--border-default);color:var(--content-secondary);font-size:calc(12px * var(--font-scale));padding:var(--space-3) var(--space-2) 0;justify-content:space-between;margin-top:auto;display:flex}.list-empty{color:var(--content-secondary);align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-3);text-align:center;flex-direction:column;display:flex}.list-empty__icon{background:var(--surface-muted);color:var(--action-primary);font-size:calc(22px * var(--font-scale));border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.list-empty p{color:var(--content-primary);font-size:calc(14px * var(--font-scale));font-weight:700}.list-empty span{font-size:calc(12px * var(--font-scale));margin-bottom:var(--space-3)}.editor-panel{max-width:760px;padding:var(--space-8) clamp(var(--space-6), 5vw, 80px) 100px;margin:0 auto}.editor-panel__heading{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex}.draft-chip,.preview-device{background:var(--surface-muted);border-radius:var(--radius-pill);color:var(--content-secondary);font-size:calc(12px * var(--font-scale));padding:var(--space-1) var(--space-3)}.form-section{border-bottom:1px solid var(--border-default);padding:0 0 var(--section-gap);margin-bottom:var(--section-gap)}.section-label-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.step-count{color:var(--content-secondary);font-family:var(--font-mono);font-size:calc(12px * var(--font-scale))}.text-input,.step-editor textarea,.nutrition-field input{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--content-primary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);outline:0}.text-input{margin-top:var(--space-2);min-height:44px;padding:0 var(--space-3);width:100%;display:block}.text-input--title{font-size:calc(18px * var(--font-scale));font-weight:650}.text-input:hover,.step-editor textarea:hover,.nutrition-field input:hover{border-color:var(--border-strong)}.text-input:focus,.step-editor textarea:focus,.nutrition-field input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring), transparent 84%)}.step-editor-list{gap:var(--space-3);flex-direction:column;display:flex}.step-editor{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.step-editor__top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.step-index{color:var(--content-primary);font-size:calc(14px * var(--font-scale));font-weight:700}.step-editor__actions{gap:var(--space-1);display:flex}.step-editor__body{gap:var(--space-4);grid-template-columns:150px 1fr;display:grid}.step-editor__text{min-width:0}.step-editor textarea{line-height:var(--body-line);margin-top:var(--space-2);min-height:112px;padding:var(--space-3);resize:vertical;width:100%;display:block}.add-step-button{margin-top:var(--space-3);width:100%}.image-upload{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.image-upload__empty{aspect-ratio:1.6;background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--content-secondary);cursor:pointer;align-items:center;gap:var(--space-1);padding:var(--space-3);text-align:center;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);flex-direction:column;justify-content:center;width:100%;display:flex}.image-upload__empty:hover{background:color-mix(in srgb, var(--action-primary), transparent 94%);border-color:var(--action-primary);color:var(--action-primary)}.image-upload__empty strong{color:var(--content-primary);font-size:calc(13px * var(--font-scale))}.image-upload__empty span{font-size:calc(11px * var(--font-scale))}.image-upload__preview{aspect-ratio:1.6;background:var(--surface-muted);border-radius:var(--radius-md);position:relative;overflow:hidden}.image-upload__preview img{object-fit:cover;width:100%;height:100%}.image-upload__remove{background:var(--surface-default);box-shadow:var(--shadow-subtle);min-height:32px;right:var(--space-1);top:var(--space-1);width:32px;position:absolute}.image-upload__replace{color:var(--action-primary);cursor:pointer;font-size:calc(12px * var(--font-scale));text-align:center;background:0 0;border:0;width:100%;padding:0;font-weight:700;display:block}.image-upload__limit{color:var(--content-secondary);font-size:calc(11px * var(--font-scale));text-align:center}.image-upload--compact .image-upload__empty,.image-upload--compact .image-upload__preview{aspect-ratio:1}.nutrition-section{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-4)}.nutrition-section summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:60px;list-style:none;display:flex}.nutrition-section summary::-webkit-details-marker{display:none}.nutrition-section summary span{flex-direction:column;gap:2px;display:flex}.nutrition-section summary strong{font-size:calc(14px * var(--font-scale))}.nutrition-section summary small{color:var(--content-secondary);font-size:calc(12px * var(--font-scale))}.nutrition-grid{border-top:1px solid var(--border-default);gap:var(--space-3);padding:var(--space-4) 0;grid-template-columns:repeat(3,1fr);display:grid}.nutrition-field{color:var(--content-secondary);font-size:calc(12px * var(--font-scale))}.nutrition-field div{margin-top:var(--space-1);align-items:center;display:flex;position:relative}.nutrition-field input{min-height:40px;padding:0 var(--space-2);width:100%}.nutrition-field span{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));pointer-events:none;right:var(--space-2);position:absolute}.nutrition-field input:placeholder-shown+span{display:none}.workspace__right{gap:var(--space-4);flex-direction:column;display:flex}.preview-panel{flex:1}.preview-panel .panel-heading{margin-bottom:var(--space-4)}.phone-preview{box-shadow:var(--shadow-raised);overscroll-behavior:contain;background:#151a22;border:5px solid #303846;border-radius:30px;flex-direction:column;max-width:260px;height:calc(100vh - 184px);min-height:0;margin:0 auto;padding:7px;display:flex;overflow:hidden}.phone-preview__status{color:#f7f8fa;font-size:calc(9px * var(--font-scale));justify-content:space-between;padding:3px 10px 7px;display:flex}.phone-preview__body{background:var(--surface-default);overscroll-behavior:contain;min-height:0;padding-bottom:var(--space-4);scrollbar-gutter:stable;touch-action:pan-y;border-radius:20px;flex:1;overflow:hidden auto}.phone-preview__hero{aspect-ratio:1.5;background:var(--surface-muted);overflow:hidden}.phone-preview__hero img{object-fit:cover;width:100%;height:100%}.phone-preview__placeholder{color:var(--content-secondary);font-size:calc(11px * var(--font-scale));justify-content:center;align-items:center;height:100%;display:flex}.phone-preview__body>.eyebrow,.phone-preview__body>h3,.phone-preview__body>.phone-preview__meta{margin-left:var(--space-4);margin-right:var(--space-4);display:block}.phone-preview__body>.eyebrow{font-size:calc(8px * var(--font-scale));margin-top:var(--space-4)}.phone-preview__body h3{font-size:calc(19px * var(--font-scale));margin-top:3px;line-height:1.25}.phone-preview__meta{color:var(--content-secondary);font-size:calc(10px * var(--font-scale));margin-top:4px}.phone-preview__steps{gap:var(--space-3);margin:var(--space-5) var(--space-4) 0;flex-direction:column;display:flex}.phone-preview__steps article{gap:var(--space-2);grid-template-columns:22px 1fr;display:grid;position:relative}.step-number{color:var(--action-primary);font-family:var(--font-mono);font-size:calc(10px * var(--font-scale));padding-top:2px;font-weight:700}.phone-preview__steps strong{font-size:calc(11px * var(--font-scale))}.phone-preview__steps p{color:var(--content-secondary);font-size:calc(10px * var(--font-scale));margin-top:2px;line-height:1.45}.phone-preview__steps img{border-radius:var(--radius-sm);object-fit:cover;grid-column:2;width:100%;max-height:100px}.preview-empty{border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--content-secondary);align-items:center;gap:var(--space-2);min-height:380px;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.preview-empty__mark{color:var(--action-primary);font-size:calc(28px * var(--font-scale))}.preview-empty strong{color:var(--content-primary);font-size:calc(14px * var(--font-scale))}.preview-empty span:last-child{font-size:calc(12px * var(--font-scale));max-width:190px}.validation-summary{border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-2);padding:var(--space-3);display:flex}.validation-summary--success{background:color-mix(in srgb, var(--feedback-success), transparent 93%);color:var(--feedback-success)}.validation-summary--error{background:color-mix(in srgb, var(--feedback-danger), transparent 94%);color:var(--feedback-danger)}.validation-summary__content{min-width:0}.validation-summary strong{font-size:calc(13px * var(--font-scale));display:block}.validation-summary span{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));margin-top:2px;display:block}.validation-summary ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.validation-summary li{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));margin-top:2px}.validation-summary li button{color:var(--action-primary);cursor:pointer;text-align:left;background:0 0;padding:0;text-decoration:underline}.cloud-placeholder{border-top:1px solid var(--border-default);color:var(--content-secondary);align-items:flex-start;gap:var(--space-2);padding-top:var(--space-4);display:flex}.cloud-placeholder strong,.cloud-placeholder span{display:block}.cloud-placeholder strong{color:var(--content-primary);font-size:calc(13px * var(--font-scale))}.cloud-placeholder span{font-size:calc(12px * var(--font-scale));margin-top:2px}.empty-editor{max-width:520px;min-height:calc(100vh - 160px);padding:var(--space-8);flex-direction:column;justify-content:center;align-items:flex-start;margin:auto;display:flex}.empty-editor h1{font-size:clamp(calc(28px * var(--font-scale)), calc(4vw * var(--font-scale)), calc(42px * var(--font-scale)));letter-spacing:-.03em;margin-top:var(--space-4);max-width:460px;line-height:1.1}.empty-editor>p{color:var(--content-secondary);font-size:calc(16px * var(--font-scale));margin:var(--space-4) 0 var(--space-6);max-width:460px;line-height:1.6}.empty-editor__notes{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.empty-editor__notes span{align-items:center;gap:var(--space-1);display:inline-flex}.empty-editor__notes svg{color:var(--feedback-success)}.inline-alert{border-radius:var(--radius-md);font-size:calc(13px * var(--font-scale));align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-3);display:flex}.inline-alert--error{background:color-mix(in srgb, var(--feedback-danger), transparent 94%);color:var(--feedback-danger)}.settings-page{flex-direction:column;flex:1;align-self:center;width:100%;max-width:1040px;min-height:0;display:flex;overflow:hidden}.settings-page__back{background:var(--surface-subtle);border-bottom:1px solid var(--border-default);min-height:69px;padding:var(--space-3) var(--space-8);flex:none;align-items:center;display:flex}.settings-page__back .ui-button{padding-left:0}.settings-page__content{min-height:0;padding:var(--space-8) var(--space-8) var(--space-10);flex:1;overflow-y:auto}.settings-page__heading{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex}.settings-page__heading h1{font-size:calc(32px * var(--font-scale));letter-spacing:-.03em;margin-top:var(--space-2);line-height:1.15}.settings-page__heading p{color:var(--content-secondary);font-size:calc(15px * var(--font-scale));margin-top:var(--space-2)}.settings-content{max-width:720px;margin:0 auto}.settings-profile{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:var(--space-4);min-height:92px;padding:var(--space-4) var(--space-5);text-align:left;width:100%;display:flex}.settings-profile:hover{background:var(--surface-muted);border-color:var(--border-strong)}.settings-profile__avatar{background:color-mix(in srgb, var(--action-primary), transparent 86%);color:var(--action-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.settings-profile__copy{flex-direction:column;flex:1;min-width:0;display:flex}.settings-profile__copy strong{color:var(--content-primary);font-size:calc(17px * var(--font-scale))}.settings-profile__copy small{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));margin-top:var(--space-1)}.settings-profile__action{color:var(--action-primary);font-size:calc(14px * var(--font-scale));font-weight:700}.settings-group{margin-top:var(--space-8)}.settings-group h2{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));letter-spacing:.04em;margin:0 0 var(--space-2) var(--space-2);text-transform:uppercase}.settings-option-list,.settings-row-list{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.settings-select-row{border-bottom:1px solid var(--border-default);align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);grid-template-columns:minmax(0,1fr) 180px;display:grid}.settings-select-row:last-child,.settings-row:last-child{border-bottom:0}.settings-select-row>span,.settings-row>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.settings-select-row strong,.settings-row strong{color:var(--content-primary);font-size:calc(14px * var(--font-scale))}.settings-select-row small,.settings-row small{color:var(--content-secondary);font-size:calc(12px * var(--font-scale));margin-top:2px;line-height:1.4}.settings-select-row select{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--content-primary);cursor:pointer;min-height:var(--touch-min);padding:0 var(--space-3);width:100%}.settings-row{border:0;border-bottom:1px solid var(--border-default);cursor:pointer;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-5);text-align:left;background:0 0;grid-template-columns:36px minmax(0,1fr) auto;width:100%;display:grid}.settings-row:hover{background:var(--surface-muted)}.settings-row__icon{background:color-mix(in srgb, var(--action-primary), transparent 88%);border-radius:var(--radius-sm);color:var(--action-primary);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.settings-row__arrow{color:var(--content-secondary);font-size:24px;line-height:1}.settings-row__status{color:var(--content-secondary);font-size:calc(12px * var(--font-scale))}.settings-membership{background:color-mix(in srgb, var(--action-primary), transparent 93%);border:1px solid color-mix(in srgb, var(--action-primary), transparent 72%);border-radius:var(--radius-lg);align-items:center;gap:var(--space-5);margin-top:var(--space-8);padding:var(--space-5);justify-content:space-between;display:flex}.settings-membership h2{color:var(--content-primary);font-size:calc(18px * var(--font-scale));margin-top:var(--space-1)}.settings-membership p{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));margin-top:var(--space-1);line-height:1.45}.settings-membership .ui-button{flex:none}.settings-logout{border-top:1px solid var(--border-default);margin-top:var(--space-10);padding:var(--space-6) var(--space-2) var(--space-2);justify-content:center;align-items:center;display:flex}.settings-logout .ui-button{min-width:140px}.payment-page{flex-direction:column;flex:1;align-self:center;width:100%;max-width:1040px;min-height:0;display:flex;overflow-y:auto}.payment-page__back{background:var(--surface-subtle);border-bottom:1px solid var(--border-default);min-height:69px;padding:var(--space-3) var(--space-8);flex:none;align-items:center}.payment-page__back .ui-button{padding-left:0}.payment-page__content{max-width:640px;padding:var(--space-10) var(--space-8) var(--space-12);width:100%;margin:0 auto}.payment-page__content h1{font-size:calc(32px * var(--font-scale));letter-spacing:-.03em;margin-top:var(--space-2)}.payment-page__intro{color:var(--content-secondary);font-size:calc(15px * var(--font-scale));margin-top:var(--space-2)}.payment-plan{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-top:var(--space-8);padding:var(--space-6)}.payment-plan__badge{color:var(--action-primary);font-size:calc(12px * var(--font-scale));font-weight:700}.payment-plan h2{font-size:calc(22px * var(--font-scale));margin-top:var(--space-2)}.payment-plan p{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));margin-top:var(--space-1);line-height:1.5}.payment-plan ul{border-bottom:1px solid var(--border-default);border-top:1px solid var(--border-default);gap:var(--space-3);margin:var(--space-6) 0;padding:var(--space-5) 0;list-style:none;display:grid}.payment-plan li{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));align-items:center;gap:var(--space-2);display:flex}.payment-plan li svg{color:var(--feedback-success)}.payment-plan .ui-button{width:100%}.modal-layer{padding:var(--space-5);z-index:100;background:#0d1420a8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog,.login-dialog{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);width:min(440px,100%);max-height:min(720px,100vh - 40px);overflow-y:auto}.confirm-dialog{padding:var(--space-6)}.confirm-dialog__header,.login-dialog__header{justify-content:space-between;align-items:flex-start;display:flex}.confirm-dialog__icon{background:color-mix(in srgb, var(--feedback-danger), transparent 88%);color:var(--feedback-danger);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.confirm-dialog__close,.login-dialog__close{color:var(--content-secondary)}.confirm-dialog h2,.login-dialog h2{font-size:calc(20px * var(--font-scale));margin-top:var(--space-5);line-height:1.25}.confirm-dialog p,.login-dialog__intro{color:var(--content-secondary);font-size:calc(14px * var(--font-scale));margin-top:var(--space-2);line-height:1.55}.confirm-dialog__actions{gap:var(--space-2);margin-top:var(--space-6);justify-content:flex-end;display:flex}.login-dialog{padding:var(--space-6)}.login-dialog__header h2{margin-top:var(--space-1)}.login-methods{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.login-methods button{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--content-secondary);cursor:pointer;align-items:center;gap:var(--space-2);justify-content:center;min-height:48px;display:flex}.login-methods button.is-active{background:color-mix(in srgb, var(--action-primary), transparent 91%);border-color:var(--action-primary);color:var(--action-primary);font-weight:700}.login-qr-panel{margin-top:var(--space-4)}.login-qr-placeholder{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--action-primary);align-items:center;gap:var(--space-2);min-height:210px;padding:var(--space-5);text-align:center;flex-direction:column;justify-content:center;display:flex}.login-qr-placeholder strong{color:var(--content-primary);font-size:calc(14px * var(--font-scale))}.login-qr-placeholder span{color:var(--content-secondary);font-size:calc(12px * var(--font-scale))}.login-dialog__status{background:color-mix(in srgb, var(--feedback-info), transparent 93%);color:var(--feedback-info);font-size:calc(12px * var(--font-scale));align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);line-height:1.45;display:flex}.login-dialog__status span{color:var(--content-secondary)}.login-dialog__email-links{gap:var(--space-2);margin-top:var(--space-5);justify-content:center;display:flex}.login-dialog__email-link,.login-dialog__back-link{color:var(--content-secondary);cursor:pointer;font-size:calc(12px * var(--font-scale));margin:var(--space-5) auto 0;padding:var(--space-1);background:0 0;border:0;text-decoration:underline;display:block}.login-dialog__email-link:hover,.login-dialog__back-link:hover{color:var(--action-primary)}.login-email-form{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.login-field{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));gap:var(--space-1);flex-direction:column;display:flex}.login-field input{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--content-primary);min-height:44px;padding:0 var(--space-3);outline:0}.login-field input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring), transparent 84%)}.toast{bottom:var(--space-6);box-shadow:var(--shadow-raised);align-items:center;gap:var(--space-3);max-width:min(520px,100vw - 32px);padding:var(--space-3) var(--space-4);right:var(--space-6);z-index:40;display:flex;position:fixed}.toast--error{background:var(--surface-default);border:1px solid color-mix(in srgb, var(--feedback-danger), transparent 45%);border-radius:var(--radius-md);color:var(--feedback-danger)}.toast--info{background:var(--surface-default);border:1px solid color-mix(in srgb, var(--feedback-info), transparent 45%);border-radius:var(--radius-md);color:var(--feedback-info);bottom:96px}.toast span{color:var(--content-primary);font-size:calc(13px * var(--font-scale))}.mobile-tabs{display:none}@media (max-width:1199px){.top-bar{gap:var(--space-4);padding:var(--space-3) var(--space-4)}.workspace{grid-template-columns:minmax(400px,1fr) 300px}.workspace__right{padding:var(--space-4)}.editor-panel{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (max-width:900px){.top-bar{flex-wrap:wrap}.pack-title{order:3;width:100%;max-width:none}.top-bar__actions{margin-left:auto}.workspace{grid-template-columns:minmax(360px,1fr);overflow-y:auto}.workspace__center{overflow-y:visible}.workspace__right{border-left:0;border-top:1px solid var(--border-default);grid-column:1}.workspace__right .preview-panel{max-width:520px}.phone-preview{max-width:300px;height:calc(100vh - 168px)}.workspace__right{grid-template-columns:minmax(200px,1fr) 1fr;display:grid}.cloud-placeholder{grid-column:1/-1}}@media (max-width:767px){.app-shell{grid-template-rows:270px minmax(0,1fr);grid-template-columns:1fr;height:100vh;min-height:0;display:grid;overflow:hidden}.app-sidebar{border-bottom:1px solid var(--border-default);border-right:0;max-height:none}.app-sidebar__brand{padding:var(--space-3) var(--space-4)}.app-sidebar__content{max-height:none}.app-sidebar__footer{display:block}.app-main{min-height:0;overflow:hidden}.top-bar{min-height:64px;padding:var(--space-3)}.top-bar__actions{gap:var(--space-1)}.top-bar__actions .ui-button{min-height:40px;padding:0 var(--space-2)}.top-bar__actions .ui-button>span{display:none}.mobile-tabs{background:var(--surface-default);border-bottom:1px solid var(--border-default);padding:var(--space-1);z-index:9;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;top:64px}.mobile-tabs button{color:var(--content-secondary);cursor:pointer;background:0 0;border-bottom:2px solid #0000;min-height:40px}.mobile-tabs button.is-active{border-color:var(--action-primary);color:var(--action-primary);font-weight:700}.workspace{min-height:0;display:block;overflow:hidden}.workspace__center,.workspace__right{display:none}.workspace--editor .workspace__center,.workspace--list .workspace__center,.workspace--preview .workspace__right{display:block}.editor-panel{min-height:calc(100vh - 120px);padding:var(--space-5) var(--space-4) 80px}.editor-panel__heading{margin-bottom:var(--space-5)}.step-editor__body{grid-template-columns:112px 1fr}.workspace__right{min-height:calc(100vh - 120px);padding:var(--space-5) var(--space-4) 80px;border-left:0;display:block}.workspace--preview .workspace__right .preview-panel{max-width:none}.phone-preview{max-width:300px;height:calc(100vh - 430px);min-height:240px}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.settings-page{align-self:auto}.settings-page__back{min-height:64px;padding-left:var(--space-4);padding-right:var(--space-4)}.settings-page__content{padding:var(--space-6) var(--space-4) var(--space-8)}.settings-page__heading{gap:var(--space-4)}.settings-page__heading h1{font-size:calc(28px * var(--font-scale))}.settings-select-row{gap:var(--space-2);padding:var(--space-4);grid-template-columns:1fr}.settings-row{padding-left:var(--space-4);padding-right:var(--space-4)}.settings-membership{flex-direction:column;align-items:stretch}.settings-membership .ui-button{width:100%}.settings-logout{align-items:center}.settings-logout .ui-button{width:100%}.settings-profile{padding-left:var(--space-4);padding-right:var(--space-4)}.confirm-dialog,.login-dialog{max-height:calc(100vh - 24px);padding:var(--space-5)}.payment-page__back{min-height:64px;padding-left:var(--space-4);padding-right:var(--space-4)}.payment-page__content{padding:var(--space-6) var(--space-4) var(--space-8)}.toast{bottom:var(--space-3);right:var(--space-3)}.toast--info{bottom:var(--space-3)}}.download-page{background:var(--surface-subtle);min-height:100vh;padding:var(--space-8) var(--space-4);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;overflow-y:auto}.download-page__hero{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);text-align:center;flex-direction:column;display:flex}.download-page__icon{background:color-mix(in srgb, var(--action-primary), transparent 88%);border-radius:var(--radius-xl);color:var(--action-primary);justify-content:center;align-items:center;width:88px;height:88px;display:flex}.download-page__hero h1{font-size:calc(30px * var(--font-scale));letter-spacing:-.03em;margin-top:var(--space-2);line-height:1.15}.download-page__tagline{color:var(--content-secondary);font-size:calc(15px * var(--font-scale))}.download-page__content{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);gap:var(--space-6);max-width:420px;padding:var(--space-8);flex-direction:column;width:100%;display:flex}.download-page__features{gap:var(--space-3);flex-direction:column;display:flex}.download-page__feature{color:var(--content-primary);font-size:calc(14px * var(--font-scale));align-items:center;gap:var(--space-3);display:flex}.download-page__feature svg{color:var(--feedback-success);flex:none}.download-page__resume{background:color-mix(in srgb, var(--feedback-info), transparent 90%);border:1px solid color-mix(in srgb, var(--feedback-info), transparent 70%);border-radius:var(--radius-md);color:var(--content-primary);font-size:calc(14px * var(--font-scale));padding:var(--space-4)}.download-page__session{color:var(--feedback-info);margin-top:var(--space-1);font-weight:700}.download-page__hint{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));margin-top:var(--space-2)}.download-page__actions{gap:var(--space-3);flex-direction:column;display:flex}.download-page__actions .ui-button{font-size:calc(16px * var(--font-scale));width:100%;min-height:52px}.download-page__fallback{color:var(--content-secondary);font-size:calc(13px * var(--font-scale));text-align:center}.download-page__fallback a{color:var(--action-primary);font-weight:700}.download-page__web-entry{border-top:1px solid var(--border-default);padding-top:var(--space-5);text-align:center}.download-page__web-entry a{color:var(--action-primary);font-size:calc(14px * var(--font-scale));font-weight:700}@media (max-width:480px){.download-page{padding:var(--space-6) var(--space-4)}.download-page__content{padding:var(--space-6)}.download-page__hero{margin-bottom:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}