:root{font-family:system-ui,-apple-system,sans-serif;color:#294439;background:#f8f8f1;line-height:1.5;--green:#527858;--pink:#f3dedc}*{box-sizing:border-box}body{margin:0}header{padding:20px max(20px,calc((100vw - 1280px)/2));display:flex;gap:24px;align-items:center;background:#fff;border-bottom:1px solid #e3e8df}header>span{flex:1;font-size:14px}.brand{font-size:25px;font-weight:800;text-decoration:none;color:#34583e}.brand span{color:#bc8186}main{max-width:1280px;padding:20px;margin:auto}button,a,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #cbd8c7;border-radius:12px;padding:11px 16px;background:#fff;color:#36543b}button:hover{background:#eff4eb}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#3b6242}.panel{background:#fff;border:1px solid #e4e9df;border-radius:22px;padding:26px;min-width:0}.narrow{max-width:520px;margin:55px auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#8b9d80}h1{font-size:30px;line-height:1.2;margin:12px 0 22px}h2{font-size:19px;margin-top:28px}p{color:#6c786a}label{display:block;font-size:13px;font-weight:650;margin:16px 0}input,textarea,select{display:block;width:100%;border:1px solid #cdd8c8;background:#fcfdf9;border-radius:10px;padding:12px;color:#294439;margin-top:7px}textarea{resize:vertical;min-height:80px}input[type=file]{font-size:12px}nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}nav a{color:#527858;margin-left:auto}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editorhead{display:flex;gap:12px;align-items:center;justify-content:space-between}.badge{background:#f4e7df;border-radius:20px;padding:6px 12px;font-size:12px}.recipe{display:block;width:100%;text-align:left;margin:10px 0;padding:14px}.recipe.active{background:#eaf1e4;border-color:#527858}.recipe small{display:block;color:#778271;margin-top:5px}.cover,.step img{width:100%;max-height:340px;object-fit:contain;background:#f7f7f1;border-radius:14px}.step{margin:16px 0;padding:16px;background:#f7f9f3;border-radius:14px}.stepbar{display:flex;align-items:center;gap:8px}.stepbar b{flex:1}.stepbar button{padding:6px 10px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;border-top:1px solid #e2e9dc;padding-top:20px}.hint{font-size:12px}.upload{max-width:100%}#notice{position:sticky;top:8px;background:#eaf1e4;border-radius:12px;padding:12px;z-index:2}#notice:empty{display:none}#notice.error{background:#fae7e3;color:#8d392e}details{margin-top:26px;border-top:1px solid #e2e9dc;padding-top:18px}summary{cursor:pointer;font-weight:650}#versions button{display:block;margin:10px 0}dialog{border:0;border-radius:22px;width:min(760px,94vw);max-height:90vh;padding:24px;color:#294439}dialog::backdrop{background:#20392788}dialog img{max-width:100%;max-height:400px;object-fit:contain;border-radius:14px}dialog article{white-space:pre-line;overflow-wrap:anywhere}#welcome{margin-bottom:20px}[hidden]{display:none!important}@media(max-width:760px){header{padding:14px;gap:12px}header>span{font-size:11px}.brand{font-size:21px}main{padding:12px}.layout{grid-template-columns:1fr}.panel{padding:20px}aside #list{max-height:260px;overflow:auto}.three{grid-template-columns:1fr 1fr}.three label:first-child{grid-column:1/-1}h1{font-size:25px}nav a{margin-left:0}.editorhead{align-items:start}.actions button{flex:1}button{min-height:42px}}