@font-face{font-family:HarmonyOS Sans;src:url(/fonts/HarmonyOS_Sans_Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:HarmonyOS Sans;src:url(/fonts/HarmonyOS_Sans_Medium.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:HarmonyOS Sans;src:url(/fonts/HarmonyOS_Sans_Bold.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:HarmonyOS Sans;src:url(/fonts/HarmonyOS_Sans_Black.woff)format("woff");font-weight:900;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--app-bg:#f0ece4;--panel-bg:#fff;--border:#e0d8cc;--accent:#c0673a;--accent-dark:#9e4f28;--text:#2c2419;--text-muted:#6b5848;--radius:12px;--shadow:0 4px 24px #0000001a;--shadow-card:0 8px 40px #00000026;--fs-title:2rem;--fs-desc:.92rem;--fs-ingredient:.9rem;--fs-step:.9rem;--fs-meta-val:1rem;--fs-notes:.8rem;--fs-tag:.85rem;--lh-step:1.55;--steps-per-row:3;--fw-ingredient:400;--fw-step:400}html,body{height:100%}body{background:var(--app-bg);color:var(--text);font-family:HarmonyOS Sans,sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}header{background:var(--panel-bg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex}.logo{color:var(--accent);white-space:nowrap;letter-spacing:-.3px;font-family:HarmonyOS Sans,sans-serif;font-size:1.4rem;font-weight:900}.logo span{color:var(--text)}.logo-small{opacity:.6;vertical-align:middle;margin-right:1px;font-size:.75rem;font-weight:500}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.main-area{flex:1;display:flex;overflow:hidden}#input-panel{background:var(--panel-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:400px;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px 12px}.panel-header h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:700}.panel-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}#preview-panel{flex-direction:column;flex:1;align-items:stretch;gap:20px;min-width:0;padding:28px 32px;display:flex;overflow-y:auto}label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:5px;font-size:.78rem;font-weight:700;display:block}input[type=text],input[type=number],textarea,select{border:1.5px solid var(--border);width:100%;color:var(--text);background:#faf8f5;border-radius:8px;outline:none;padding:9px 12px;font-family:HarmonyOS Sans,sans-serif;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c0673a1f}textarea{resize:vertical;min-height:70px;line-height:1.5}.step-row-top textarea{min-height:unset}#f-description,#f-notes{height:150px}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.field{flex-direction:column;display:flex}.photo-upload-area{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#faf8f5;border-radius:8px;padding:14px;transition:border-color .15s,background .15s;position:relative}.photo-upload-area:hover{border-color:var(--accent);background:#fef9f6}.photo-upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-upload-area.has-photo input[type=file]{pointer-events:none}.photo-upload-icon{color:var(--text-muted);justify-content:center;margin-bottom:6px;display:flex}.photo-upload-text{color:var(--text-muted);font-size:.8rem}#photo-preview-thumb{object-fit:cover;border-radius:6px;width:100%;height:90px;margin-top:6px;display:none}.remove-photo{color:var(--accent);cursor:pointer;z-index:2;margin-top:6px;font-size:.78rem;text-decoration:underline;display:none;position:relative}.section-divider{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;margin:4px 0 2px;font-size:.72rem;font-weight:700;display:flex}.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.section-divider-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-divider-row .section-divider{flex:1}.section-divider-row .section-divider:after{display:none}#ingredient-list{flex-direction:column;gap:6px;display:flex}.ingredient-row{grid-template-columns:72px 90px 1fr 28px;align-items:center;gap:5px;display:grid}.ingredient-row input[type=number]{text-align:center;padding:8px}.ingredient-row select{padding:8px 6px;font-size:.85rem}.ingredient-row input[type=text]{padding:8px 10px;font-size:.88rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#step-list{flex-direction:column;gap:8px;display:flex}.step-row{border:1.5px solid var(--border);background:#faf8f5;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.step-row-top{align-items:stretch;gap:8px;display:flex}.step-row-left{flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;padding-top:6px;display:flex}.step-row-top .drag-handle{cursor:grab;justify-content:center;align-items:center;width:20px;display:flex}.step-row-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.step-row-top textarea{resize:none;flex:1;align-self:stretch;font-size:.88rem}.step-row-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.step-photo-area{display:none;position:relative}.step-photo-area.has-photo{display:block}.step-photo-thumb{object-fit:cover;border-radius:6px;width:100%;max-height:100px;display:block}.step-photo-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:4px;padding:2px 6px;font-size:.72rem;position:absolute;top:4px;right:4px}.step-photo-upload-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 9px;font-size:.75rem;transition:border-color .15s,color .15s;display:inline-flex;position:relative;overflow:hidden}.step-photo-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.step-photo-upload-btn input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.insert-step-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:3px 7px;font-size:.72rem;transition:border-color .15s,color .15s;display:inline-flex}.insert-step-btn:hover{border-color:var(--accent);color:var(--accent)}.insert-ingredient-btn{color:#aac9a0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;font-weight:700;transition:color .15s,background .15s;display:flex}.insert-ingredient-btn:hover{color:#3a8a4a;background:#f0faf0}.list-section-row{grid-template-columns:18px minmax(0,280px) auto;align-items:end;gap:8px;display:grid}.list-section-row input[type=text]{color:var(--text);padding-left:10px;font-size:.88rem;font-weight:700;border-color:var(--accent)!important;background:#f0ece4!important}.list-section-row input[type=text]::placeholder{color:#b0a090;font-weight:400}.list-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:3px;font-size:.68rem;font-weight:700}.add-row-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.add-row-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;padding:7px 10px;font-size:.8rem;transition:border-color .15s,color .15s;display:flex}.add-row-btn:hover{border-color:var(--accent);color:var(--accent)}.add-section-btn{border-style:solid}.row-delete-btn{color:#e05252;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;font-weight:700;transition:color .15s,background .15s;display:flex}.row-delete-btn:hover{color:#c03030;background:#fef2f2}.difficulty-selector{gap:8px;display:flex}.difficulty-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:7px 0;font-family:HarmonyOS Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s}.difficulty-btn:hover{border-color:var(--text-muted);color:var(--text)}.difficulty-btn[data-level=easy].active{color:#4a8c4a;background:#edf7ed;border-color:#4a8c4a}.difficulty-btn[data-level=medium].active{color:#2e7daa;background:#eaf4fb;border-color:#2e7daa}.difficulty-btn[data-level=hard].active{color:#c04040;background:#fdeeed;border-color:#c04040}.tags-editor{flex-direction:column;gap:6px;display:flex}.tag-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.68rem;font-weight:700}.preset-tags{flex-wrap:wrap;gap:6px;display:flex}.preset-tag-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:4px 10px;font-family:HarmonyOS Sans,sans-serif;font-size:.78rem;transition:all .15s}.preset-tag-btn:hover{border-color:var(--accent);color:var(--accent)}.preset-tag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.custom-tag-row{gap:6px;margin-top:4px;display:flex}.custom-tag-row input{height:34px;min-height:unset;flex:1}.custom-tag-add-btn{border:1.5px solid var(--border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.custom-tag-add-btn:hover{border-color:var(--accent);color:var(--accent)}#custom-tag-chips{flex-wrap:wrap;gap:6px;display:flex}.custom-tag-chip{background:var(--app-bg);border:1.5px solid var(--border);color:var(--text);border-radius:20px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:.78rem;display:inline-flex}.custom-tag-chip button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:.9rem;line-height:1;transition:color .15s}.custom-tag-chip button:hover{color:#e05252}.card-tags{flex-wrap:wrap;gap:5px;margin-top:6px;margin-bottom:6px;display:flex}.card-tag{font-size:var(--fs-tag);color:var(--accent);letter-spacing:.02em;background:#f5ede4;border:1px solid #e8d8c8;border-radius:20px;padding:2px 9px;font-weight:600}.card-tag--easy{color:#4a8c4a;background:#edf7ed;border-color:#b8ddb8}.card-tag--medium{color:#2e7daa;background:#eaf4fb;border-color:#a8d4ec}.card-tag--hard{color:#c04040;background:#fdeeed;border-color:#e8b8b8}.drag-handle{color:#a09080;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;width:18px;transition:color .15s;display:flex}.list-section-row .drag-handle{margin-bottom:12px}.drag-handle:hover{color:var(--text)}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--text);border-radius:3px}#step-list .drag-handle{padding-top:10px}.row-dragging{opacity:.4}.drag-over-above{box-shadow:0 -2px 0 0 var(--accent)}.drag-over-below{box-shadow:0 2px 0 0 var(--accent)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:HarmonyOS Sans,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 3px 10px #c0673a4d}.btn-ghost{color:var(--text-muted);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{color:#000;background:#f5f0ea}.btn-sm{padding:6px 12px;font-size:.8rem}.theme-switcher{align-items:center;gap:6px;display:flex}.theme-btn{border:1.5px solid var(--border);cursor:pointer;color:var(--text-muted);background:#fff;border-radius:20px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.view-toggle{background:#f0ece4;border-radius:8px;gap:4px;padding:3px;display:flex}.view-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:.8rem;font-weight:700;transition:all .15s}.view-btn.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #0000001a}.panel-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:14px 20px;display:flex}.shortcuts-wrap{flex-shrink:0;position:relative}#shortcuts-btn{font-size:.85rem;font-weight:700}.shortcuts-popover{background:var(--panel-bg);border:1.5px solid var(--border);box-shadow:var(--shadow);z-index:100;border-radius:10px;min-width:220px;padding:12px 14px;display:none;position:absolute;bottom:calc(100% + 10px);left:0}.shortcuts-popover.open{flex-direction:column;gap:8px;display:flex}.shortcuts-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px;font-size:.68rem;font-weight:700}.shortcut-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.shortcut-label{color:var(--text);font-size:.82rem}.shortcut-keys{align-items:center;gap:4px;display:flex}.shortcut-sep{color:var(--text-muted);font-size:.75rem}kbd{background:var(--app-bg);border:1.5px solid var(--border);color:var(--text);border-radius:5px;padding:2px 6px;font-family:HarmonyOS Sans,sans-serif;font-size:.72rem;font-weight:600}body.dark kbd{border-color:var(--border);background:#2a2418}body.dark .shortcuts-popover{background:var(--panel-bg)}#editing-indicator{color:var(--accent);white-space:nowrap;background:#fef3ee;border:1.5px solid #f0d0bc;border-radius:8px;align-items:center;gap:6px;padding:11px 12px;font-size:.78rem;font-weight:600;display:flex;overflow:hidden}#editing-indicator:before{content:"Editing:";color:var(--text-muted);flex-shrink:0;font-weight:400}#editing-indicator-text{text-overflow:ellipsis;overflow:hidden}body.dark #editing-indicator{background:#2a1e16;border-color:#4a3020}.btn-icon{border:1.5px solid var(--border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex}.btn-icon:hover:not(:disabled){color:var(--text);border-color:var(--text-muted);background:var(--app-bg)}.btn-icon:disabled{opacity:.35;cursor:default}.serving-scaler{background:var(--panel-bg);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:10px;width:100%;max-width:1400px;margin:0 auto;padding:8px 14px;display:flex}.scaler-reset{color:var(--accent);cursor:pointer;white-space:nowrap;flex-shrink:0;font-size:.75rem;text-decoration:underline}.scaler-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.78rem;font-weight:700}.scaler-badge{color:var(--text-muted);background:#f0ece4;border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:700}.scaler-badge.scaled{background:var(--accent);color:#fff}.scaler-spacer{flex:1}.scaler-controls{align-items:center;gap:6px;display:flex}.scaler-btn{border:1.5px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:border-color .15s;display:flex}.scaler-btn:hover{border-color:var(--accent);color:var(--accent)}.scaler-val{text-align:center;min-width:72px;color:var(--text);font-size:.95rem;font-weight:700}.card-wrapper{width:100%}.download-btn-text{transition:opacity .15s}.download-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.btn.loading .download-btn-text{opacity:0}.btn.loading .download-spinner{display:block}#gallery-view{flex-direction:column;flex:1;padding:28px;display:none;overflow-y:auto}.gallery-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.gallery-header h2{font-family:HarmonyOS Sans,sans-serif;font-size:1.6rem;font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.gallery-card{box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:12px;transition:box-shadow .2s;position:relative;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-card)}.gallery-card-thumb{background:linear-gradient(135deg,#f5ede3 0%,#e8d5c4 100%);justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.gallery-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;transform:scale(1.07)}.gallery-card:hover .gallery-card-thumb img{transform:scale(1)}.gallery-card-thumb .no-photo{opacity:.3;font-size:2.5rem}.gallery-card-info{padding:12px 14px}.gallery-card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.95rem;font-weight:700;overflow:hidden}.gallery-card-meta{color:var(--text-muted);font-size:.78rem}.gallery-card-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.gallery-card:hover .gallery-card-actions{opacity:1}.gallery-action-btn{cursor:pointer;background:#ffffffe6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:background .15s;display:flex}.gallery-action-btn:hover{color:var(--accent);background:#fff}.gallery-action-delete:hover{color:#e05252!important}.gallery-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 20px}.gallery-empty .empty-icon{opacity:.4;margin-bottom:12px;font-size:3rem}#toast{color:#fff;opacity:0;pointer-events:none;z-index:9999;white-space:nowrap;background:#2c2419;border-radius:100px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:#fff;border-radius:16px;width:90%;max-width:500px;padding:28px;box-shadow:0 20px 60px #00000040}.modal h3{margin-bottom:8px;font-family:HarmonyOS Sans,sans-serif;font-size:1.3rem}.modal p{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.collapse-section{border-bottom:1px solid var(--border)}.collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 0;font-size:.78rem;font-weight:700;display:flex}.collapse-header:hover{color:var(--text)}.collapse-chevron{font-size:.65rem;transition:transform .2s}.collapse-section.open .collapse-chevron{transform:rotate(90deg)}.style-reset-btn{cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:.7rem;font-weight:600;line-height:1.6;transition:color .15s,border-color .15s}.style-reset-btn:hover{color:var(--text);border-color:var(--text-muted)}.collapse-body{flex-direction:column;gap:14px;height:0;transition:height .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.collapse-section.open .collapse-body{padding-bottom:14px}.fs-control{align-items:center;gap:10px;display:flex}.fs-label{color:var(--text-muted);flex:1;min-width:90px;font-size:.78rem}.fs-slider{accent-color:var(--accent);cursor:pointer;flex:1}.fs-val{color:var(--text);text-align:right;min-width:36px;font-size:.75rem;font-weight:700}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.field-label-row label{margin-bottom:0}.bold-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:#faf8f5;border-radius:5px;flex-shrink:0;padding:2px 8px;font-family:HarmonyOS Sans,sans-serif;font-size:.78rem;font-weight:700;line-height:1.4;transition:border-color .15s,color .15s,background .15s}.bold-btn:hover{border-color:var(--accent);color:var(--accent);background:#fef9f6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d5c9bb;border-radius:3px}.recipe-card{box-sizing:border-box;width:100%;min-width:0;max-width:1400px;box-shadow:var(--shadow-card);background:#fff;border-radius:16px;margin:0 auto;font-family:HarmonyOS Sans,sans-serif;overflow:hidden}.card-top{flex-direction:row;align-items:stretch;display:flex}.card-top-left{flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:28px 32px 0;display:flex}.card-top-right{flex-shrink:0;width:38%;min-height:260px;position:relative;overflow:hidden}.card-hero{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-top.no-hero .card-top-left{padding-bottom:0}.card-body{padding:28px 32px}.card-title{font-family:HarmonyOS Sans,sans-serif;font-size:var(--fs-title);color:#1a1208;margin-bottom:6px;font-weight:900;line-height:1.2}.card-description{font-size:var(--fs-desc);color:#6b5b4b;flex:1;margin-bottom:0;font-family:HarmonyOS Sans,sans-serif;line-height:1.6}.card-meta{border-top:1px solid #f0e8de;border-bottom:1px solid #f0e8de;gap:0;margin-top:40px;padding:14px 0;display:flex}.meta-item{border-right:1px solid #f0e8de;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:12px;padding:0 16px;display:flex}.meta-item:last-child{border-right:none}.meta-text{text-align:center;flex-direction:column;gap:2px;display:flex}.meta-icon{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.meta-icon svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.65rem;font-weight:700}.meta-value{font-size:var(--fs-meta-val);color:#1a1208;font-weight:700}.card-columns{grid-template-columns:minmax(160px,22%) 1fr;align-items:start;gap:28px;margin-bottom:0;display:grid}.col-title{color:#1a1208;border-bottom:2px solid var(--accent);margin-bottom:14px;padding-bottom:8px;font-family:HarmonyOS Sans,sans-serif;font-size:1.05rem;font-weight:700}.ingredient-item{font-size:var(--fs-ingredient);color:#3a2e22;line-height:1.4;font-weight:var(--fw-ingredient);overflow-wrap:break-word;word-break:break-word;border-bottom:1px solid #f5efea;align-items:flex-start;gap:10px;padding:7px 0;display:flex}.ingredient-item:last-child{border-bottom:none}.ingredient-check{border:2px solid #d4c4b4;border-radius:3px;flex-shrink:0;width:15px;height:15px;margin-top:2px}.ingredient-qty{color:var(--accent);flex-shrink:0;font-weight:700}.steps-grid{grid-template-columns:repeat(var(--steps-per-row), 1fr);gap:10px;display:grid}.card-subsection.step-subsection{grid-column:1/-1}.step-item{font-size:var(--fs-step);color:#3a2e22;line-height:var(--lh-step);overflow-wrap:break-word;word-break:break-word;background:#faf8f5;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.step-header{align-items:flex-start;gap:8px;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.7rem;font-weight:700;display:flex}.step-content{font-weight:var(--fw-step);flex:1}.step-photo{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%;margin-top:auto}.drag-focusable{cursor:grab}.drag-focusable:active{cursor:grabbing}.card-subsection{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;border-left:3px solid var(--accent);background:#fdf0e8;border-radius:0 5px 5px 0;margin:20px 0 8px;padding:6px 10px;font-family:HarmonyOS Sans,sans-serif;font-size:.78rem;font-weight:700}.card-subsection:first-child{margin-top:0}.card-footer{font-size:var(--fs-notes);color:#494643;letter-spacing:.05em;border-top:1px solid #f0e8de;margin-top:24px;padding-top:16px;font-family:HarmonyOS Sans,sans-serif}.card-watermark{text-align:right;color:#c8b8a8;letter-spacing:.04em;padding:6px 32px 10px;font-family:HarmonyOS Sans,sans-serif;font-size:.7rem}body.dark .card-watermark{color:#4a3a2a}body.dark{--app-bg:#141210;--panel-bg:#1c1916;--border:#4d4336;--text:#f0ece4;--text-muted:#9a8a78;--shadow:0 4px 24px #0006;--shadow-card:0 8px 40px #00000080}body.dark input[type=text],body.dark input[type=number],body.dark textarea,body.dark select{color:var(--text);border-color:var(--border);background:#211e19}body.dark .step-row,body.dark .photo-upload-area,body.dark .bold-btn{background:#211e19}body.dark .serving-scaler{background:var(--panel-bg)}body.dark .scaler-badge{color:var(--text-muted);background:#2e2820}body.dark .gallery-card{background:#1c1916}body.dark .gallery-card-thumb{background:linear-gradient(135deg,#2a2418 0%,#1e1a14 100%)}body.dark .modal{background:#1c1916}body.dark .modal h3{color:var(--text)}body.dark .list-section-row input[type=text]{color:var(--text)!important;background:#2a2418!important}body.dark .view-btn{color:#8a7a6a}body.dark .view-btn.active,body.dark .scaler-btn{color:#2c2419}body.dark .recipe-card{background:#1a1612}body.dark .card-title{color:#f0ece4}body.dark .card-description{color:#a08870}body.dark .card-meta{border-top-color:#2e2820;border-bottom-color:#2e2820}body.dark .meta-item{border-right-color:#2e2820}body.dark .meta-value,body.dark .col-title{color:#f0ece4}body.dark .ingredient-item{color:#d4c4b0;border-bottom-color:#2e2820}body.dark .ingredient-check{border-color:#4a3a28}body.dark .step-item{color:#d4c4b0;background:#211e19}body.dark .card-subsection{border-left-color:var(--accent);background:#2a1e14}body.dark .card-footer{color:#5a4a38;border-top-color:#2e2820}body.dark .card-tag{color:#c8955a;background:#453a24;border-color:#3e3428}body.dark .card-tag--easy{color:#6ab86a;background:#1a2e1a;border-color:#2e4e2e}body.dark .card-tag--medium{color:#5aaae0;background:#162233;border-color:#1e3a52}body.dark .card-tag--hard{color:#e07070;background:#2e1616;border-color:#4e2020}.dark-toggle{border:1.5px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background .15s,color .15s;display:flex}.dark-toggle svg{display:block}body.dark .dark-toggle{color:#c8b89a;border-color:#3a3028}.dark-toggle:hover{border-color:var(--accent);background:#f5f0ea}body.dark .dark-toggle:hover{background:#2e2820}@media (width<=900px){body{overflow:auto}#app{height:auto}.main-area{flex-direction:column;overflow:visible}#input-panel{border-right:none;border-bottom:1px solid var(--border);width:100%;overflow:visible}.panel-body{max-height:none;overflow:visible}#preview-panel{padding:16px}.card-wrapper,.serving-scaler{width:100%}#gallery-view{padding:20px 16px}}