@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#252d29;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}.app{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:#fff;border-right:1px solid #ece9e2;padding:28px 17px;display:flex;flex-direction:column;gap:5px}.brand{display:flex;align-items:center;gap:10px;margin:0 6px 44px}.brandIcon{width:37px;height:37px;border-radius:12px;background:#e8f0e5;color:#446747;display:grid;place-items:center}.brand b{display:block;font-family:Playfair Display,serif;font-size:17px}.brand small{font-size:8px;letter-spacing:1.5px;color:#8f978f;font-weight:700}.nav{border:0;background:transparent;color:#6e746f;text-align:left;padding:11px 12px;border-radius:9px;display:flex;gap:10px;align-items:center;font-size:13px;width:100%}.nav:hover,.nav.active{background:#eaf1e8;color:#3b6546;font-weight:700}.side-label{letter-spacing:1.2px;font-size:10px;color:#a0a6a0;font-weight:700;margin:29px 12px 9px}.side-foot{margin-top:auto;padding:12px;color:#b2b5ae;font-size:11px;line-height:1.7}main{min-width:0;flex:1}header{height:82px;background:#fff;border-bottom:1px solid #ece9e2;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:12px}.headerbrand{display:none;gap:8px;align-items:center;font-family:Playfair Display,serif;font-weight:700}.headeractions{display:flex;align-items:center;gap:10px;margin-left:auto}.btn{border:1px solid #dce2d8;border-radius:9px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;background:#fff;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn.primary{background:#3f674c;color:#fff;border-color:#3f674c}.btn.subtle{color:#46604b}.btn.danger{color:#9a3939;border-color:#e9bbbb}.upload input,.photoarea input{display:none}.content{max-width:1190px;margin:auto;padding:40px 6% 70px}.headline{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6b9870;font-weight:700}.headline h1,.detailtop h1{font-family:Playfair Display,serif;font-size:44px;letter-spacing:-1.1px;margin:8px 0 7px;font-weight:600}.headline p,.detailtop p{color:#869087;font-size:14px;margin:0;line-height:1.6}.count{color:#778179;font-size:12px;background:#fff;padding:10px 12px;border-radius:20px;border:1px solid #eee}.tools{display:flex;gap:13px;margin-bottom:26px}.search{flex:1;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7e8e2;border-radius:10px;padding:0 14px;color:#9da79f}.search input{border:0;outline:0;min-width:0;width:100%;padding:14px 2px;font-size:13px}.tools select{border:1px solid #e7e8e2;background:#fff;border-radius:10px;padding:0 17px;color:#59665c;max-width:180px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.recipecard{text-align:left;background:#fff;border:1px solid #e9e9e2;padding:0;border-radius:13px;overflow:hidden;box-shadow:0 2px 7px #1d271808;transition:transform .15s}.recipecard:hover{transform:translateY(-3px)}.cardimage{aspect-ratio:1.5;background:#ecede4}.cardimage img,.detailimage img,.photoarea img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ba69c;gap:10px;background:linear-gradient(135deg,#e5e9dc,#f5ecdf);font-size:12px}.cardbody{padding:20px}.category{color:#4d8554;background:#eaf2e8;display:inline-block;padding:5px 8px;font-size:10px;font-weight:700;border-radius:5px}.cardbody h3{font-family:Playfair Display,serif;font-size:21px;margin:11px 0 7px}.cardbody p{font-size:12px;color:#8a958d;line-height:1.5;min-height:34px}.metadata{display:flex;align-items:center;gap:7px;color:#8a958d;font-size:11px;margin-top:17px}.empty{padding:55px;text-align:center;color:#7f8c80;background:#fff;border:1px dashed #e0e4dc;border-radius:12px}.back{background:transparent;border:0;display:flex;align-items:center;gap:4px;color:#728276;margin:0 0 28px;padding:0;font-size:13px}.detailtop{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.detailtop h1{margin:6px 0 7px}.detailimage{height:300px;overflow:hidden;border-radius:14px;margin-bottom:27px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid #e7e8e2;border-radius:13px;padding:26px;background:#fff;margin-bottom:20px;min-width:0}.panel h2{font-family:Playfair Display,serif;font-weight:600;font-size:22px;margin:0 0 20px}.panel h2 span{margin-left:7px}.panel h2 small,.panel h3 small{font:11px DM Sans,sans-serif;color:#98a198}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.stepper{display:flex;align-items:center;gap:9px;color:#556d5c;font-size:12px}.stepper button{border:1px solid #dae4d9;border-radius:8px;background:#fff;color:#4b744e;height:29px;width:29px;display:grid;place-items:center}.stepper strong{font-size:15px;min-width:16px;text-align:center}.ingrow{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eef0eb;font-size:13px}.ingrow strong{margin-left:auto;text-align:right;color:#647669;font-size:12px}.checkcircle{width:17px;height:17px;border:1.5px solid #bfccc1;border-radius:50%;flex-shrink:0}.helper{font-size:11px;color:#929e96;line-height:1.6}.nutrigrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nutribox{border-radius:9px;background:#f4f6ef;padding:14px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.nutribox b{font-size:21px;color:#466d4c}.nutribox small{font-size:10px;color:#7b887f}.nutribox span{font-size:10px;color:#6b766e}.stepspanel{margin-top:0}.step{display:flex;align-items:flex-start;gap:16px;padding:9px 0}.stepnumber{background:#eaf2e8;color:#4b7553;font-size:12px;font-weight:700;border-radius:100%;height:29px;width:29px;display:grid;place-items:center;flex-shrink:0}.step p{margin:2px 0 15px;line-height:1.8;color:#626d64;font-size:13px}.editlayout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;color:#59635a;font-size:12px;font-weight:700}.field input,.field textarea,.field select,.ingfields input,.ingfields select,.stepeditor textarea,.nutrifield input{border:1px solid #e0e5df;border-radius:8px;background:#fff;padding:12px;color:#303b31;outline-color:#68956b;max-width:100%;min-width:0;width:100%}.field textarea,.stepeditor textarea{resize:vertical;line-height:1.5}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.photoarea{height:182px;background:#fafbf8;border:1px dashed #bdcbbc;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#75947b;cursor:pointer;overflow:hidden}.photoarea small{font-size:11px;color:#a3aca3}.ingredienteditor{display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid #eff1ed;padding:13px 0}.ingnumber{background:#ecf1e9;color:#658069;border-radius:5px;font-weight:700;font-size:11px;min-width:24px;height:24px;display:grid;place-items:center;margin-top:9px}.ingfields{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ingmeasure{display:grid;grid-template-columns:1fr 1.2fr 1.35fr;gap:8px}.iconbtn{border:0;background:transparent;color:#a5aaa4;padding:10px 2px}.iconbtn:hover{color:#a04040}.stepeditor{display:flex;gap:10px;align-items:flex-start;padding:7px 0}.stepeditor .stepnumber{margin-top:5px}.stepeditor textarea{flex:1}.nutritionicon{width:43px;height:43px;border-radius:11px;background:#ebf3e8;color:#5d8662;display:grid;place-items:center;margin-bottom:15px}.nutrifield{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0;font-size:12px;color:#5d675e}.nutrifield small{color:#9aa59a}.nutrifield input{width:98px;text-align:right}.nutritionpanel h3{margin:28px 0 14px;font-size:13px}.nutritionpanel .nutrigrid{grid-template-columns:repeat(2,1fr)}.bottomactions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.notice{background:#eaf3e7;border:1px solid #c7dcc9;padding:12px 16px;border-radius:10px;display:flex;justify-content:space-between;color:#426449;font-size:13px;margin-bottom:25px}.notice button{background:transparent;border:0;color:inherit}@media(max-width:1080px){.sidebar{width:195px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.editlayout{grid-template-columns:1fr}.nutritionpanel .nutrigrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.sidebar{display:none}header{height:68px;padding:0 17px}.headerbrand{display:flex}.headeractions{gap:5px}.headeractions .btn{padding:9px}.headeractions .btn span{display:none}.content{padding:28px 18px 60px}.headline h1,.detailtop h1{font-size:35px}.headline{align-items:flex-start}.count{font-size:10px}.tools{flex-direction:column}.tools select{height:44px;max-width:none}.cards{grid-template-columns:1fr 1fr;gap:12px}.cardbody{padding:13px}.cardbody h3{font-size:17px}.cardbody p{font-size:11px}.detailgrid{grid-template-columns:1fr}.detailtop{align-items:flex-start}.detailtop .btn{font-size:12px}.detailimage{height:220px}.panel{padding:19px}.desktop-save{display:none}.nutrigrid{grid-template-columns:repeat(4,minmax(0,1fr))}.nutribox b{font-size:16px}.ingmeasure{grid-template-columns:1fr 1fr}.ingmeasure input:last-child{grid-column:span 2}.stepper{gap:5px}.stepper span{display:none}.bottomactions{flex-wrap:wrap}.formgrid{gap:0 8px}}@media(max-width:390px){.cards{grid-template-columns:1fr}.headerbrand{font-size:13px}.nutrigrid{grid-template-columns:repeat(2,1fr)}}.headeractions>.backup-input{display:none}.backup-input{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;border:1px solid #dce2d8;border-radius:9px;color:#59665c;background:#fff;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.backup-input input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#1f292288}.import-dialog{width:min(560px,100%);max-height:90vh;overflow:auto;padding:26px;background:#fff;border-radius:16px;box-shadow:0 16px 70px #17201944}.import-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.import-heading h2{margin:5px 0 0;font:600 27px Playfair Display,serif}.url-import{display:flex;align-items:flex-end;gap:10px;margin-top:22px}.url-import .field{flex:1;min-width:0;margin-bottom:0}.url-import>.btn{height:43px}.import-or{margin:21px 0 13px;color:#929e96;font-size:10px;font-weight:700;letter-spacing:1px}.import-file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.import-file-actions input{display:none}.import-file-actions>span{font-size:10px;color:#929e96}.import-error{margin:15px 0;padding:11px 13px;border:1px solid #efc3bd;border-radius:8px;background:#fff3f1;color:#973f36;font-size:12px;line-height:1.5}.import-preview{margin-top:19px;padding:15px;border:1px solid #dce8da;border-radius:10px;background:#f8faf6}.cloud-status{color:#59755e;font-size:12px;margin:0 0 15px}.account-loading{display:grid;place-items:center;min-height:100vh;color:#59665c}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.account-button{min-width:42px}.import-preview details{padding:9px 0;border-bottom:1px solid #e8eee6;font-size:12px;line-height:1.6}.import-preview summary{cursor:pointer;color:#416348}.import-preview li{margin:4px 0}.import-preview h3{margin:0 0 10px;font-size:14px;color:#416348}.import-preview>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e8eee6;font-size:12px}.import-preview>div span{color:#87938a}.import-preview .btn{margin-top:14px}.import-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #ecefe9}.import-footer .backup-input{font-size:10px}.import-dialog>.helper{margin-top:12px}@media(max-width:700px){.headeractions .backup-input{display:none}.import-dialog{padding:20px}.url-import{align-items:stretch;flex-direction:column}.url-import>.btn{height:auto;min-height:42px}.import-preview>div{flex-direction:column;gap:3px}}