*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 8%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h4{font-size:1.2rem}h3,h4{color:#383838;line-height:2.5rem}h3{font-size:1.5rem}.image-container{font-size:0;position:relative}.image-text{background-color:#0009;bottom:8px;box-sizing:border-box;color:#fff;font-size:1rem;left:50%;padding:0;position:absolute;text-align:center;transform:translateX(-50%);width:95%}.image-overlay{background-color:#0006;border-radius:16px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.detail-wrapper{display:flex;gap:.05rem;margin-bottom:2rem;margin-top:2rem}.detail-wrapper img{border-radius:8px;height:auto;max-width:550px;width:100%}.recipe-info-panel{flex:1 1;margin-left:3rem}@media (max-width:1200px){.detail-wrapper{flex-direction:column;gap:1rem}.detail-wrapper img{max-width:100%}.recipe-info-panel{margin-left:0}}@media (max-width:900px){.recipe-info-panel{margin-left:0}}.tab-row{display:flex;gap:0;margin-bottom:1rem}.tab-btn{background:#fff;border:2px solid #000;color:#313131;cursor:pointer;font-weight:600;margin-right:2rem;padding:1rem 2rem;transition:background .2s,color .2s}.tab-btn.active{background:linear-gradient(35deg,#494949,#313131);color:#fff}.detail-wrapper h2{margin-bottom:2rem}.detail-wrapper li{font-size:1.2rem;line-height:2.5rem}.detail-wrapper ul{margin-top:2rem}.print-btn-row{display:flex;gap:1rem;margin-bottom:2rem}.print-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s}.print-btn:hover{background:#45a049}.section-heading{border-bottom:2px solid #494949;color:#313131;font-size:1.2rem;margin-bottom:.5rem;margin-top:1.5rem;padding-bottom:.25rem}.scaled-note{color:#888;font-size:.85rem;font-style:italic;font-weight:400;margin-left:.5rem}.step-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.step-images img{border-radius:4px;margin-top:10px;max-width:20%}.scaler-wrapper{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;margin-top:1.5rem;padding:.75rem 1.25rem}.scaler-label{color:#313131;font-size:1rem;font-weight:700;min-width:70px}.scaler-controls{border:2px solid #313131;border-radius:6px;overflow:hidden}.scaler-btn,.scaler-controls{align-items:center;display:flex}.scaler-btn{background:#313131;border:none;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;height:2.2rem;justify-content:center;transition:background .2s;width:2.2rem}.scaler-btn:hover:not(:disabled){background:#494949}.scaler-btn:disabled{background:#aaa;cursor:not-allowed}.scaler-input{-moz-appearance:textfield;background:#fff;border:2px solid #313131;border-bottom:none;border-top:none;color:#313131;font-size:1.1rem;font-weight:700;height:2.2rem;text-align:center;width:3.5rem}.scaler-input::-webkit-inner-spin-button,.scaler-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scaler-input:focus{background:#fffef0;outline:none}.scale-badge{align-items:center;background:#313131;border-radius:20px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.3rem .8rem}.scale-reset-btn{background:#0000;border:1px solid #ffffff80;border-radius:20px;color:#fff;cursor:pointer;font-size:.75rem;padding:.1rem .5rem;transition:background .2s}.scale-reset-btn:hover{background:#fff3}.scale-hint-text{color:#888;font-size:.8rem;font-style:italic;margin:.25rem 0 0}.ingredient-item.scaled{color:#313131;font-weight:600}.original-hint{color:#e07b00;cursor:help;font-size:.75rem;margin-left:2px;vertical-align:super}.original-hint-wrapper{display:inline-block;position:relative}.original-hint-tooltip{background:#313131;border-radius:4px;bottom:125%;color:#fff;display:none;font-size:.78rem;font-weight:400;padding:4px 8px;pointer-events:none;white-space:nowrap;z-index:100}.original-hint-tooltip,.original-hint-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.original-hint-tooltip:after{border:4px solid #0000;border-top-color:#313131;content:"";top:100%}.original-hint-wrapper:hover .original-hint-tooltip{display:block}.add-recipe-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:900px;padding:2rem}.add-recipe-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.add-recipe-header h1{margin:0}.action-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:opacity .3s}.action-button:hover{opacity:.9}.load-button{background:#2196f3}.load-button:hover{background:#1976d2}.new-button{background:#ff9800}.new-button:hover{background:#e9961a}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{color:#313131;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;line-height:1}.close-button:hover{color:#000}.recipe-list{display:flex;flex-direction:column;gap:.5rem}.recipe-list-item{align-items:center;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:background .2s}.recipe-list-item:hover{background:#f5f5f5}.recipe-id{color:#2196f3;font-weight:700;min-width:50px}.recipe-title{color:#313131;flex:1 1}.section{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem}.section h3{color:#313131}.form-group,.section h3{margin-bottom:1rem}.form-group label{color:#494949;display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text],.form-group textarea{border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#494949;outline:none}.form-group textarea{min-height:60px;resize:vertical}.checkbox-label{align-items:center;display:flex!important;gap:.5rem}.checkbox-label input[type=checkbox]{width:auto}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.add-item-group{display:flex;gap:1rem;margin-bottom:1rem}.add-item-group input,.add-item-group textarea{border:2px solid #e0e0e0;border-radius:4px;flex:1 1;font-family:inherit;font-size:1rem;padding:.75rem}.add-item-group input:focus,.add-item-group textarea:focus{border-color:#494949;outline:none}.add-button{background:linear-gradient(35deg,#494949,#313131);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;white-space:nowrap}.add-button:hover{background:linear-gradient(35deg,#313131,#494949)}.item-list{list-style:none;padding:0}.item{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.item-buttons{display:flex;gap:.5rem}.step-item{background:#f5f5f5;border-radius:4px;margin-bottom:1rem;padding:.75rem}.step-content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.step-text{flex:1 1}.equipment-item{background:#f5f5f5;border-radius:4px;margin-bottom:1rem;padding:.75rem}.equipment-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.image-subsection{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-top:.5rem;padding:.75rem}.image-subsection h5{color:#666;font-size:.9rem;margin:0 0 .5rem}.image-list{margin-bottom:.5rem}.image-item{align-items:center;background:#f9f9f9;border-radius:3px;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.25rem;padding:.5rem}.image-item span{flex:1 1;word-break:break-all}.image-input-group{align-items:center;display:flex;gap:.5rem}.image-input-group input{border:1px solid #e0e0e0;border-radius:3px;flex:1 1;font-size:.9rem;padding:.5rem}.image-input-group input:focus{border-color:#494949;outline:none}.small-button{background:#2196f3;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.small-button:hover{background:#1976d2}.small-remove-button{background:#f44;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.85rem;padding:.25rem .5rem}.small-remove-button:hover{background:#c00}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{align-items:center;background:#e0e0e0;border-radius:20px;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.tag-remove{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .75rem}.tag-remove:hover{background:#c00}.remove-button{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .75rem}.remove-button:hover{background:#c00}.edit-button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .75rem}.edit-button:hover{background:#085eb4}.button-group{display:flex;gap:1rem;margin-top:1rem}.generate-button{background:linear-gradient(90deg,#f27121,#e94057);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem}.generate-button:hover{opacity:.9}.json-section{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.json-section h3{color:#313131}.json-section p{color:#666;margin-bottom:1rem}.json-section code{background:#f5f5f5;border-radius:3px;font-family:monospace;padding:.2rem .5rem}.json-box{background:#1e1e1e;border-radius:4px;color:#d4d4d4;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;max-height:500px;overflow-x:auto;overflow-y:auto;padding:1.5rem}.copy-button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.copy-button:hover{background:#1976d2}.download-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.download-button:hover{background:#45a049}.warning-content{padding:1rem 0}.warning-content p{color:#313131;margin:.5rem 0}.warning-content p:first-child{font-size:1.1rem;font-weight:600}.user-guide-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;line-height:1.6;margin:2rem auto;max-width:900px;padding:2rem}.user-guide-container h1{border-bottom:3px solid #4caf50;color:#313131;font-size:2.5rem;margin-bottom:1rem;padding-bottom:1rem;text-align:center}.intro{color:#666;font-size:1.2rem;margin-bottom:3rem;text-align:center}.guide-section{border-bottom:1px solid #e0e0e0;margin-bottom:3rem;padding-bottom:2rem}.guide-section:last-child{border-bottom:none}.guide-section h2{color:#313131;font-size:1.8rem;margin-bottom:1rem}.guide-section h3{color:#494949;font-size:1.3rem;margin-bottom:.75rem;margin-top:1.5rem}.guide-section p{color:#555;margin-bottom:1rem}.guide-section ol,.guide-section ul{margin-bottom:1rem;margin-left:2rem}.guide-section li{color:#555;margin-bottom:.5rem}.guide-section strong{color:#313131}.guide-section code{background:#f5f5f5;border-radius:3px;color:#e94057;font-family:monospace;padding:.2rem .5rem}.highlight-box{background:#fff9e6;border-left:4px solid #ffb84d;border-radius:4px;margin:1rem 0;padding:1rem}.highlight-box strong{color:#ff9800}.warning-box{background:#fff3f3;border-left:4px solid #ff6b6b;border-radius:4px;margin:1rem 0;padding:1rem}.warning-box p{color:#d63031;margin:0}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin:1rem 0;padding:1rem}.info-box p{color:#1976d2;margin:0}.get-cooking{padding-top:2rem;text-align:center}.get-cooking h2{margin-bottom:1.5rem}.home-button{background:linear-gradient(90deg,#f27121,#e94057);border-radius:25px;box-shadow:0 4px 15px #f271214d;color:#fff;display:inline-block;font-size:1.2rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:opacity .3s}.home-button:hover{box-shadow:0 6px 20px #f2712166;opacity:.9;transform:translateY(-2px)}@media (max-width:768px){.user-guide-container{margin:1rem;padding:1rem}.user-guide-container h1{font-size:2rem}.guide-section h2{font-size:1.5rem}.guide-section h3{font-size:1.2rem}}.guide-toc{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:10px;margin:1.5rem 0 2.5rem;padding:1.5rem 2rem}.toc-heading{color:#494949;font-size:1rem;font-weight:700;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.toc-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;margin:0;padding:0}.toc-link{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#313131;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem .85rem;text-align:left;transition:background .2s,border-color .2s,transform .1s;width:100%}.toc-link:hover{background:#313131;border-color:#313131;color:#fff;transform:translateY(-1px)}.toc-emoji{flex-shrink:0;font-size:1rem}.back-to-top{background:#313131;border:none;border-radius:25px;bottom:2rem;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.2rem;position:fixed;right:2rem;transition:background .2s,transform .2s,box-shadow .2s;z-index:999}.back-to-top:hover{background:#494949;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.category-list{margin:1rem 0}.category-link,.category-list{display:flex;justify-content:center}.category-link{align-items:center;background:linear-gradient(35deg,#494949,#313131);border-radius:20%;cursor:pointer;flex-direction:column;height:6rem;margin-right:.25rem;text-decoration:none;transform:scale(.8);width:6rem}.category-link h4{color:#fff;font-size:.8rem}.category-link svg{color:#fff;font-size:1.5rem}.category-link.active{background:linear-gradient(90deg,#f27121,#e94057)}.category-link.active h4,.category-link.active svg{color:#fff}.context-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0003;min-width:180px;position:absolute;z-index:1000}.context-menu-header{border-bottom:1px solid #eee;font-weight:700;padding:8px 12px}.context-menu-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.context-menu-item:hover{background-color:#f0f0f0}.context-menu-replace{color:#666;font-size:10px}.context-menu-cancel{border-top:1px solid #eee;color:#666;cursor:pointer;font-weight:700;padding:8px 12px}.context-menu-cancel:hover{background-color:#f0f0f0}.search-form{margin:0 20rem}@media (max-width:1200px){.search-form{margin:0 10rem}}@media (max-width:900px){.search-form{margin:0 5rem}}@media (max-width:600px){.search-form{margin:0 2rem}}.search-form div{position:relative;width:100%}.search-form input{background:linear-gradient(35deg,#494949,#313131);border-radius:1rem;color:#fff;font-size:1.5rem;outline:none;padding:1rem 3rem;width:100%}.search-form svg{color:#fff;left:0;position:absolute;top:50%;transform:translate(100%,-50%)}.nav{align-items:center;display:flex;justify-content:flex-start;padding:1rem 0}.nav svg{font-size:3rem}.nav a{color:#000;font-size:2rem;font-weight:600;margin-right:2rem}.logo,.nav a{text-decoration:none}.logo{font-family:Lobster Two,cursive;font-size:1.5rem;font-weight:400}.nav-links{display:flex;gap:2rem;margin-left:auto}.nav-link{color:#313131;font-size:1rem!important;font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover{color:#4caf50}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.f2c8d723.css.map*/