:root{
  --green:#194f38;--green-2:#2c6b4e;--cream:#f5f0e6;--gold:#b38a3d;
  --ink:#23342b;--muted:#67756e;--line:#dce4de;--white:#fffefa;
}
*{box-sizing:border-box}body{margin:0;background:#eef1ed;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}.topbar{height:92px;padding:0 4vw;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7e2;position:sticky;top:0;z-index:10}.brand-lockup{display:flex;align-items:center;gap:16px}.brand-lockup img{width:64px;height:54px;object-fit:contain;mix-blend-mode:multiply}.brand-lockup h1{margin:1px 0 0;font-size:24px;line-height:1.2}.eyebrow{margin:0;color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:800}.privacy-note{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.privacy-note span{width:8px;height:8px;border-radius:50%;background:#4e9d69}.workspace{display:grid;grid-template-columns:minmax(440px, .92fr) minmax(520px,1.08fr);gap:24px;padding:24px;max-width:1500px;margin:0 auto}.editor-panel,.preview-panel{background:#fff;border:1px solid #e0e6e1;border-radius:24px;padding:26px;box-shadow:0 18px 50px rgba(31,60,44,.07)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.panel-heading.compact{margin-bottom:16px}.panel-heading h2{margin:2px 0 0;font-size:25px}.step{margin:0;color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:800}.text-button,.mini-button{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.date-row label,.field-label{display:flex;flex-direction:column;gap:8px;color:#536259;font-size:13px;font-weight:700}.date-row input,.date-row select,textarea{width:100%;border:1px solid #d5ded7;border-radius:12px;background:#fbfcfa;padding:12px 13px;font:inherit;color:var(--ink);outline:none}.date-row input:focus,.date-row select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(44,107,78,.10)}.meal-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#edf2ee;border-radius:14px;padding:5px;margin-bottom:18px}.meal-tab{border:0;border-radius:10px;background:transparent;padding:11px 6px;color:#5e6d64;font-weight:800;cursor:pointer}.meal-tab.active{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(25,79,56,.18)}.meal-form{display:none}.meal-form.active{display:block}.upload-zone{position:relative;width:min(100%,360px);aspect-ratio:1/1;border:1.5px dashed #bdcabf;border-radius:18px;background:#f6f8f5;overflow:hidden;display:grid;place-items:center;cursor:pointer;margin:0 auto 18px}.photo-input{display:none}.upload-empty{text-align:center;color:#66756d;display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px}.upload-empty strong{color:#34483c}.upload-empty small{font-size:12px}.upload-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dce9df;color:var(--green);font-size:24px}.photo-preview{display:none;width:100%;height:100%;object-fit:contain;background:#edf1ec}.replace-photo{display:none;position:absolute;right:12px;bottom:12px;border:0;border-radius:10px;background:rgba(20,58,41,.88);color:#fff;padding:8px 12px;cursor:pointer}.upload-zone.has-photo .upload-empty{display:none}.upload-zone.has-photo .photo-preview,.upload-zone.has-photo .replace-photo{display:block}.translate-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0 8px;font-size:13px;color:#536259;font-weight:700}.mini-button{padding:5px 8px;background:#e9f0eb;border-radius:8px}.editor-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:22px}.primary-button,.secondary-button{border-radius:13px;padding:14px 16px;font-weight:800;font-size:15px;cursor:pointer}.primary-button{border:0;background:var(--green);color:#fff;box-shadow:0 9px 20px rgba(25,79,56,.20)}.secondary-button{border:1px solid #c9d4cb;background:#fff;color:var(--green)}.helper{margin:12px 2px 0;color:#7b8880;font-size:12px;line-height:1.55}.size-label{font-size:12px;color:#728078;background:#edf2ee;padding:7px 10px;border-radius:8px}.preview-shell{background:#dfe5e0;border-radius:18px;padding:18px;display:flex;justify-content:center;align-items:flex-start;max-height:calc(100vh - 180px);overflow:auto}.preview-shell canvas{display:block;width:min(100%,540px);height:auto;background:var(--cream);box-shadow:0 12px 35px rgba(29,56,42,.18)}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#173c2b;color:#fff;padding:12px 18px;border-radius:12px;transition:.2s;pointer-events:none;z-index:50;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topbar{height:auto;padding:14px 18px}.privacy-note{display:none}.workspace{grid-template-columns:1fr;padding:14px}.editor-panel,.preview-panel{padding:19px;border-radius:18px}.preview-shell{max-height:none}.date-row{grid-template-columns:1fr}.editor-actions{grid-template-columns:1fr}.brand-lockup h1{font-size:20px}.brand-lockup img{width:54px;height:46px}}