body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f0f2f5}.container.svelte-1uha8ag{max-width:1400px;margin:0 auto;padding:16px 20px 40px}header.svelte-1uha8ag{text-align:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px 10px 0 0;margin-bottom:0}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0 0 6px;font-size:2em}header.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;opacity:.9;font-size:.95em}.intro-banner.svelte-1uha8ag{background:#fff;border-bottom:1px solid #e9ecef;padding:14px 20px 10px;font-size:.88em;color:#495057}.intro-steps.svelte-1uha8ag{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;margin-bottom:8px}.intro-step.svelte-1uha8ag{display:flex;align-items:flex-start;gap:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:8px 10px;flex:1;min-width:160px}.intro-step.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-size:.92em;color:#343a40}.intro-step.svelte-1uha8ag small:where(.svelte-1uha8ag){display:block;color:#6c757d;font-size:.82em;line-height:1.35;margin-top:2px}.intro-icon.svelte-1uha8ag{font-size:1.4em;flex-shrink:0;line-height:1;margin-top:1px}.intro-arrow.svelte-1uha8ag{color:#ced4da;font-size:1.2em;align-self:center;flex-shrink:0}.intro-note.svelte-1uha8ag{margin:0;font-size:.83em;color:#6c757d}.opt.svelte-1uha8ag{font-style:italic;color:#aaa;font-size:.9em}.section-desc.svelte-1uha8ag{margin:0 0 10px;font-size:.82em;color:#6c757d;line-height:1.45}.empty-tips.svelte-1uha8ag{list-style:none;padding:0;margin:0 0 20px;text-align:left;display:inline-block;color:#6c757d;font-size:.88em}.empty-tips.svelte-1uha8ag li:where(.svelte-1uha8ag){margin-bottom:6px}.tab-bar.svelte-1uha8ag{display:flex;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.tab.svelte-1uha8ag{flex:1;padding:14px 20px;border:none;background:#fff;cursor:pointer;font-size:1em;font-weight:500;color:#6c757d;transition:all .15s;border-bottom:3px solid transparent}.tab.svelte-1uha8ag:hover{background:#f8f9fa;color:#495057}.tab.active.svelte-1uha8ag{color:#667eea;border-bottom-color:#667eea;background:#f8f0ff}.badge.svelte-1uha8ag{display:inline-block;background:#667eea;color:#fff;border-radius:10px;padding:1px 7px;font-size:.75em;margin-left:5px;vertical-align:middle}.tab.active.svelte-1uha8ag .badge:where(.svelte-1uha8ag){background:#764ba2}.main-content.svelte-1uha8ag{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:600px}.sidebar.svelte-1uha8ag{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;max-height:calc(100vh - 180px);position:sticky;top:16px}.sidebar-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidebar-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1.2em}.recipe-list.svelte-1uha8ag{flex:1;overflow-y:auto;margin-bottom:12px}.recipe-item.svelte-1uha8ag{display:flex;align-items:center;gap:4px;margin-bottom:5px;border-radius:6px;border:1px solid #e9ecef;overflow:hidden;transition:border-color .15s}.recipe-item.svelte-1uha8ag:hover{border-color:#667eea44}.recipe-item.active.svelte-1uha8ag{border-color:#667eea;background:#f0f0ff}.recipe-btn.svelte-1uha8ag{flex:1;text-align:left;padding:8px 10px;background:transparent;border:none;cursor:pointer;font-size:.9em;min-width:0;overflow:hidden}.recipe-btn.svelte-1uha8ag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-item.active.svelte-1uha8ag .recipe-btn:where(.svelte-1uha8ag){color:#5058cc;font-weight:600}.recipe-btn.svelte-1uha8ag small:where(.svelte-1uha8ag){display:block;font-size:.78em;color:#999;margin-top:1px}.item-actions.svelte-1uha8ag{display:flex;gap:2px;padding-right:4px;flex-shrink:0}.btn-icon.svelte-1uha8ag{width:26px;height:26px;padding:0;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.85em;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon.svelte-1uha8ag:hover{background:#e9ecef}.btn-icon-danger.svelte-1uha8ag:hover{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.empty-state.svelte-1uha8ag{color:#aaa;font-style:italic;text-align:center;padding:20px 8px;font-size:.87em}.sidebar-actions.svelte-1uha8ag{display:flex;flex-direction:column;gap:6px}.editor.svelte-1uha8ag{background:#fff;border-radius:10px;padding:24px 28px;box-shadow:0 2px 8px #00000014;overflow-y:auto;max-height:calc(100vh - 180px)}.editor-title-row.svelte-1uha8ag{display:flex;align-items:baseline;gap:16px;margin-bottom:20px;border-bottom:2px solid #667eea;padding-bottom:10px;flex-wrap:wrap}.editor-title-row.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;color:#333;font-size:1.4em}.shortcut-hint.svelte-1uha8ag{font-size:.72em;color:#aaa}.empty-editor.svelte-1uha8ag{text-align:center;padding:80px 20px}.empty-icon.svelte-1uha8ag{font-size:3em;margin-bottom:10px}.empty-editor.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:#495057;margin-bottom:10px}.empty-editor.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#6c757d;margin-bottom:24px}.form-section.svelte-1uha8ag{margin-bottom:14px;padding:14px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.form-section.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 12px;color:#495057;font-size:.95em;font-weight:600}.section-toggle.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label.svelte-1uha8ag{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95em;color:#495057;cursor:pointer}.toggle-hint.svelte-1uha8ag{font-size:.78em;color:#aaa}.toggle-h3.svelte-1uha8ag{margin:0;font-size:.95em;font-weight:600;color:#495057;display:flex;align-items:center;gap:6px}.chevron.svelte-1uha8ag{color:#aaa;font-size:.8em}.form-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.form-row.svelte-1uha8ag:last-child{margin-bottom:0}.form-group.svelte-1uha8ag{margin-bottom:10px}.form-group.svelte-1uha8ag:last-child{margin-bottom:0}.form-group.svelte-1uha8ag label:where(.svelte-1uha8ag){display:block;margin-bottom:4px;font-weight:500;font-size:.87em;color:#495057}.form-group.svelte-1uha8ag input[type=text]:where(.svelte-1uha8ag),.form-group.svelte-1uha8ag input[type=number]:where(.svelte-1uha8ag),.form-group.svelte-1uha8ag select:where(.svelte-1uha8ag),.form-group.svelte-1uha8ag textarea:where(.svelte-1uha8ag){width:100%;padding:7px 10px;border:1px solid #ced4da;border-radius:5px;font-size:.9em;box-sizing:border-box;background:#fff;transition:border-color .15s,box-shadow .15s}.form-group.svelte-1uha8ag input:where(.svelte-1uha8ag):focus,.form-group.svelte-1uha8ag select:where(.svelte-1uha8ag):focus,.form-group.svelte-1uha8ag textarea:where(.svelte-1uha8ag):focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.form-group.svelte-1uha8ag small:where(.svelte-1uha8ag){display:block;margin-top:3px;color:#888;font-size:.78em;line-height:1.4}.form-group.svelte-1uha8ag small:where(.svelte-1uha8ag) code:where(.svelte-1uha8ag){background:#e9ecef;padding:1px 4px;border-radius:3px;font-size:.93em}.hint.svelte-1uha8ag{font-size:.78em;color:#888;font-weight:400}.hint-block.svelte-1uha8ag{display:block;margin-top:6px;color:#888;font-size:.78em;line-height:1.4}.hint-block.svelte-1uha8ag code:where(.svelte-1uha8ag){background:#e9ecef;padding:1px 4px;border-radius:3px;font-size:.93em}.color-row.svelte-1uha8ag{display:grid;grid-template-columns:38px 1fr;gap:7px;align-items:center}.color-row.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){width:100%;height:34px;border:1px solid #ced4da;border-radius:5px;cursor:pointer;padding:2px}.ingredient-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 72px 32px;gap:6px;margin-bottom:6px;align-items:center}.ingredient-row.svelte-1uha8ag input:where(.svelte-1uha8ag){padding:7px 9px;border:1px solid #ced4da;border-radius:5px;font-size:.88em;width:100%;box-sizing:border-box}.ingredient-row.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{outline:none;border-color:#667eea}.lore-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 32px;gap:6px;margin-bottom:5px;align-items:center}.lore-row.svelte-1uha8ag input:where(.svelte-1uha8ag){padding:7px 9px;border:1px solid #ced4da;border-radius:5px;font-size:.88em;width:100%;box-sizing:border-box}.lore-row.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{outline:none;border-color:#667eea}.effects-header.svelte-1uha8ag{display:grid;grid-template-columns:2fr 1fr 1fr 32px;gap:6px;margin-bottom:4px;font-size:.76em;color:#888;padding:0 2px}.effect-row.svelte-1uha8ag{display:grid;grid-template-columns:2fr 1fr 1fr 32px;gap:6px;margin-bottom:5px;align-items:center}.effect-row.svelte-1uha8ag select:where(.svelte-1uha8ag),.effect-row.svelte-1uha8ag input:where(.svelte-1uha8ag){padding:7px 8px;border:1px solid #ced4da;border-radius:5px;font-size:.87em;width:100%;box-sizing:border-box}.effect-row.svelte-1uha8ag select:where(.svelte-1uha8ag):focus,.effect-row.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{outline:none;border-color:#667eea}.instant-label.svelte-1uha8ag{text-align:center;font-size:.76em;color:#888;font-style:italic}.particles-header.svelte-1uha8ag{display:grid;grid-template-columns:1fr 72px 32px;gap:6px;margin-bottom:4px;font-size:.76em;color:#888;padding:0 2px}.particle-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 72px 32px;gap:6px;margin-bottom:5px;align-items:center}.particle-color-input.svelte-1uha8ag{display:grid;grid-template-columns:34px 1fr;gap:5px;align-items:center}.particle-color-input.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){width:100%;height:32px;border:1px solid #ced4da;border-radius:5px;padding:2px;cursor:pointer}.particle-row.svelte-1uha8ag input[type=number]:where(.svelte-1uha8ag),.particle-color-input.svelte-1uha8ag input[type=text]:where(.svelte-1uha8ag){padding:7px 8px;border:1px solid #ced4da;border-radius:5px;font-size:.87em;width:100%;box-sizing:border-box}.particle-row.svelte-1uha8ag input:where(.svelte-1uha8ag):focus,.particle-color-input.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{outline:none;border-color:#667eea}.commands-group.svelte-1uha8ag{margin-bottom:12px}.commands-group.svelte-1uha8ag strong:where(.svelte-1uha8ag){display:block;font-size:.83em;color:#555;margin-bottom:5px}.checkboxes.svelte-1uha8ag{display:flex;gap:20px;align-items:center;margin-top:4px}.checkboxes.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9em}.btn.svelte-1uha8ag{padding:9px 18px;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .15s;white-space:nowrap}.btn-primary.svelte-1uha8ag{background:#667eea;color:#fff}.btn-primary.svelte-1uha8ag:hover:not(:disabled){background:#5568d3}.btn-success.svelte-1uha8ag{background:#28a745;color:#fff}.btn-success.svelte-1uha8ag:hover:not(:disabled){background:#218838}.btn-secondary.svelte-1uha8ag{background:#6c757d;color:#fff}.btn-secondary.svelte-1uha8ag:hover:not(:disabled){background:#5a6268}.btn-ghost.svelte-1uha8ag{background:transparent;color:#667eea;border:1px dashed #667eea55;padding:6px 12px;font-size:.83em}.btn-ghost.svelte-1uha8ag:hover{background:#f0f0ff;border-color:#667eea}.btn-large.svelte-1uha8ag{padding:13px 28px;font-size:1em}.btn.svelte-1uha8ag:disabled{opacity:.45;cursor:not-allowed}.btn-remove.svelte-1uha8ag{width:32px;height:32px;padding:0;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px;cursor:pointer;font-size:1.1em;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-remove.svelte-1uha8ag:hover{background:#f1b0b7}.editor-actions.svelte-1uha8ag{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:2px solid #dee2e6;flex-wrap:wrap}.modal.svelte-1uha8ag{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-1uha8ag{background:#fff;padding:28px 32px;border-radius:10px;max-width:700px;width:92%;max-height:92vh;overflow-y:auto}.modal-content.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-top:0;color:#333}.modal-content.svelte-1uha8ag textarea:where(.svelte-1uha8ag){width:100%;padding:10px;border:1px solid #ced4da;border-radius:5px;font-family:monospace;font-size:.85em;box-sizing:border-box;resize:vertical}.modal-actions.svelte-1uha8ag{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.error-message.svelte-1uha8ag{background:#f8d7da;color:#721c24;padding:10px 14px;border-radius:6px;margin-bottom:14px;border:1px solid #f5c6cb;font-size:.88em}@media(max-width:800px){.main-content.svelte-1uha8ag{grid-template-columns:1fr}.sidebar.svelte-1uha8ag{max-height:280px;position:static}.editor.svelte-1uha8ag{max-height:none}.form-row.svelte-1uha8ag{grid-template-columns:1fr}.editor-title-row.svelte-1uha8ag{flex-direction:column}}@media(max-width:480px){.ingredient-row.svelte-1uha8ag{grid-template-columns:1fr 60px 32px}.effects-header.svelte-1uha8ag{display:none}.effect-row.svelte-1uha8ag{grid-template-columns:1fr;gap:4px}.tab.svelte-1uha8ag{padding:12px 8px;font-size:.85em}}