:root{--ink:#2e4337;--muted:#758176;--green:#41684a;--paper:#faf9f4;--line:#e5e8df;--soft:#eef2e6;--white:#fff;--danger:#993e37;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #98ae70;outline-offset:3px}[hidden]{display:none!important}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(5vw,24px);font-size:14px}.back{display:flex;gap:14px;align-items:center;font-weight:600}.header-note{color:var(--muted);letter-spacing:3px}.header-link{border-bottom:1px solid var(--green);padding:10px 0}.intro{max-width:1300px;margin:auto;padding:54px 32px 42px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:3px;margin:0 0 18px;color:var(--green)}h1{font-size:clamp(28px,3.2vw,43px);line-height:1.5;letter-spacing:-1px;margin:0;font-weight:600}h1 span{color:#718551}.intro-copy{font-size:14px;line-height:1.9;color:var(--muted);margin:16px 0 0}.intro-note{display:flex;align-items:center;gap:20px;transform:rotate(6deg);padding:10px 25px;color:#65764d;font-size:14px;line-height:1.8}.flower{font-size:78px;color:#9aaa76;line-height:1}.mobile-break{display:none}.workspace{max-width:1300px;margin:auto;display:grid;grid-template-columns:440px minmax(0,1fr);gap:42px;padding:0 32px 55px;align-items:start}.editor{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:14px}.step{padding:27px 25px;border-bottom:1px solid var(--line)}.step-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.step-number{font-size:12px;letter-spacing:1px;color:var(--green);border-bottom:2px solid #bfcca7;padding-bottom:4px}h2{font-size:16px;font-weight:600;margin:0}.step-hint{margin-left:auto;color:var(--muted);font-size:11px}.themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.theme{border:0;background:none;padding:0;min-width:0;color:var(--muted);font-size:12px;position:relative}.theme img{width:100%;aspect-ratio:1240/1754;border:2px solid transparent;border-radius:6px;display:block;margin-bottom:8px}.theme[aria-pressed=true]{color:var(--green);font-weight:600}.theme[aria-pressed=true] img{border-color:var(--green);outline:2px solid #edf2e6}.theme[aria-pressed=true]:after{content:'✓';position:absolute;top:5px;right:5px;background:var(--green);color:white;border-radius:50%;width:16px;height:16px;font-size:11px}.upload{display:flex;align-items:center;flex-direction:column;gap:7px;padding:15px!important;border:1px dashed #cdd5c4;border-radius:7px;margin:20px 0 0!important;cursor:pointer;background:#fafbf8}.upload span{font-size:13px}.upload small{font-size:10px;color:var(--muted)}label{display:flex;flex-direction:column;gap:9px;font-size:12px;line-height:1.5;margin:0 0 15px}.helper{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 0}input[type=text],input[type=search],select{width:100%;min-width:0;border:1px solid #dce2d6;border-radius:6px;background:#fff;padding:11px 12px;color:var(--ink);min-height:44px;font-size:13px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{flex-direction:row;align-items:center;margin:17px 0 13px}.check input{accent-color:var(--green);width:16px;height:16px}.days{margin-top:20px;display:grid;gap:18px}.day-card{border:1px solid var(--line);border-radius:8px;padding:13px;background:#fcfdfb}.day-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.day-heading h3{font-size:13px;margin:0;font-weight:600}.day-heading span{font-size:10px;color:var(--muted)}.dish-row{display:flex;gap:3px;align-items:center;margin-bottom:6px}.dish-row input{flex:1;width:0;padding:10px 7px;font-size:12px}.icon-button{border:0;background:transparent;border-radius:4px;min-width:30px;min-height:44px;color:#708169;font-size:17px;padding:0 4px}.icon-button:hover{background:var(--soft)}.dish-row .icon-button{font-size:13px;min-width:27px}.add-row{border:0;background:transparent;color:var(--green);font-size:12px;padding:10px 0;min-height:44px;text-align:left}.fonts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.font-option{background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:13px 10px;text-align:left;min-height:91px}.font-option[aria-pressed=true]{background:#f3f6ed;border-color:#7e9664}.font-sample{display:block;font-size:21px;margin-bottom:7px}.font-meta{font-size:10px;color:var(--muted)}.adjustments{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}summary{font-size:12px;cursor:pointer;min-height:30px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.colors input{width:100%;height:40px;padding:3px;border:1px solid var(--line);background:white;border-radius:5px}input[type=range]{width:100%;accent-color:var(--green);min-height:24px}.ranges{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:7px;padding:13px 18px;min-height:46px;font-size:13px;font-weight:500;text-align:center}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#33583d}.secondary{background:#fff;border:1px solid #ced8c4;color:var(--green)}.text-button{border:0;background:transparent;color:var(--green);font-size:12px;padding:10px 0}.session-note{font-size:11px;line-height:1.9;color:var(--muted);padding:20px 25px;margin:0}.preview{min-width:0}.preview-sticky{position:sticky;top:24px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px}.preview-heading h2{font-size:13px;font-weight:500}.preview-heading>span{font-size:11px;color:var(--muted);background:#edf0e6;padding:6px 9px;border-radius:4px}.poster-stage{position:relative;padding:28px;background:#eef0e8;border:1px solid #e2e7d9;border-radius:10px;background-image:radial-gradient(#cdd5c4 .7px,transparent .7px);background-size:14px 14px;text-align:center;min-height:260px}.poster-stage canvas{width:100%;height:auto;display:block;box-shadow:0 8px 25px #374c3520}.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--green);background:#f2f4ecd9;font-size:13px;border-radius:10px}.preview-status{font-size:11px;text-align:center;color:var(--muted);min-height:20px;line-height:1.7;margin:14px 0}.preview .primary{width:100%;font-size:15px;justify-content:space-between;padding:16px 22px}.export-note{font-size:10px;color:var(--muted);text-align:center;letter-spacing:1px;margin:12px 0}.error-box{font-size:12px;line-height:1.8;background:#fff1ec;color:var(--danger);padding:12px;border-radius:7px;margin:10px 0;white-space:pre-line}.site-footer{border-top:1px solid var(--line);padding:26px max(5vw,24px);display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}.mobile-tabs{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.upload:has(+input:focus-visible){outline:3px solid #98ae70;outline-offset:3px}dialog{border:1px solid var(--line);border-radius:12px;padding:25px;max-width:560px;width:calc(100% - 28px);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#24372b80;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-header h2{font-size:20px}.categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.categories button{border:1px solid var(--line);background:white;border-radius:6px;min-height:38px;padding:8px 12px;font-size:12px;color:var(--ink)}.categories button[aria-pressed=true]{background:var(--soft);border-color:var(--green)}.dish-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:42vh;overflow:auto;margin-bottom:18px}.dish-results button{padding:12px;min-height:46px;border:1px solid var(--line);background:#fafbf8;color:var(--ink);border-radius:6px;font-size:13px;text-align:left;overflow-wrap:anywhere}.download-actions{display:flex;gap:10px;margin-bottom:20px}.download-actions a{flex:1}#result-status{font-size:12px;line-height:1.8;color:var(--muted)}#result-image{width:100%;height:auto;display:block}#result-dialog{max-width:720px}.empty-result{font-size:13px;color:var(--muted);grid-column:1/-1}
@media(min-width:1200px){.poster-stage{padding:32px 48px}.preview-sticky{max-width:660px}}
@media(max-width:1050px){.workspace{grid-template-columns:390px minmax(0,1fr);gap:24px;padding-left:24px;padding-right:24px}.step{padding:22px 18px}.poster-stage{padding:17px}.intro{padding-left:24px;padding-right:24px}}
@media(max-width:820px){.site-header{height:68px;padding:0 20px}.header-note{display:none}.intro{padding:32px 20px 26px}.intro-note{display:none}h1{font-size:28px;letter-spacing:0}h1 span{display:block}.intro-copy{font-size:12px;margin-top:13px}.workspace{display:block;padding:0 16px 30px}.mobile-tabs{display:flex;position:sticky;top:0;z-index:3;background:var(--paper);padding:10px 16px 16px;gap:8px}.mobile-tabs button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--muted);font-size:13px}.mobile-tabs button[aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.preview{display:none}body[data-view=preview] .preview{display:block}body[data-view=preview] .editor{display:none}.preview-sticky{position:static}.poster-stage{padding:18px}.step{padding:24px 20px}.site-footer{flex-direction:column;align-items:center;padding:22px 16px}.back{font-size:12px}.header-link{font-size:12px}.session-note{padding:20px}.intro .eyebrow{font-size:10px}.font-sample{font-size:22px}}
@media(max-width:360px){.step{padding:20px 13px}.themes{gap:5px}.dish-row{gap:1px}.dish-row .icon-button{min-width:25px}.dish-row input{font-size:11px}.intro-copy{font-size:11px}.mobile-break{display:block}.preview-heading h2{font-size:12px}.poster-stage{padding:10px}.site-header{padding:0 16px}.workspace{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* The preview stays alongside the whole editing column. */
@media(min-width:821px){.preview{align-self:stretch}.poster-stage canvas{width:auto;max-width:100%;max-height:calc(100vh - 260px);margin:auto}.dish-row{flex-wrap:wrap;gap:2px}.dish-row input{flex-basis:100%;width:100%}.dish-row .icon-button{min-width:44px}.dish-row .icon-button:nth-child(2){margin-left:auto}}
@media(max-width:820px){.dish-row{flex-wrap:wrap;gap:2px}.dish-row input{flex-basis:100%;width:100%;font-size:14px}.dish-row .icon-button{min-width:44px}.dish-row .icon-button:nth-child(2){margin-left:auto}}
/* V2: a shared style panel and a stable canvas while adjusting on phones. */
.layout-heading{font-size:13px;margin:22px 0 12px}.layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layout-option{padding:10px 6px;background:white;border:1px solid var(--line);border-radius:9px;font-size:11px;color:var(--ink)}.layout-option[aria-pressed=true]{border:2px solid var(--green);background:var(--soft)}.layout-thumb{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:44px;height:58px;margin:0 auto 9px}.layout-thumb i{background:#bacba6;border-radius:2px;font-size:12px;color:#41684a}.layout-thumb.rows{grid-template-columns:1fr}.layout-thumb.span i:nth-child(5){grid-column:1/-1}.layout-thumb.span i:last-child{display:none}.style-targets{display:flex;gap:6px}.style-target{flex:1;border:1px solid var(--line);border-radius:6px;min-height:44px;background:white;color:var(--ink);font-size:13px}.style-target[aria-pressed=true]{background:var(--green);color:white}.size-controls{display:flex;align-items:center;gap:8px;margin:12px 0}.size-controls button{flex-shrink:0;border:1px solid var(--line);border-radius:6px;min-width:44px;min-height:44px;background:white;color:var(--green);font-size:20px}.size-controls label{margin:0;gap:0;min-width:60px;font-size:10px}.size-controls output{font-size:14px;font-variant-numeric:tabular-nums}.size-controls input{min-width:20px;min-height:44px}.palette{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:32px;height:32px;border:1px solid #9caa94;border-radius:50%;position:relative}.swatch[aria-pressed=true]{outline:3px solid #728763;outline-offset:2px}.swatch[aria-pressed=true]:after{content:'✓';color:white;text-shadow:0 1px 3px black;font-size:19px}.custom-color{flex-direction:row;align-items:center;margin:14px 0;gap:12px}.custom-color input{height:34px;width:68px;border:1px solid var(--line);background:white}.zoom-controls{text-align:right}.poster-stage{overflow:auto}.poster-stage.zoomed canvas{width:200%;max-width:none;max-height:none;height:auto}.poster-stage.zoomed{max-height:70vh}.style-panel .adjustments{margin-top:8px;padding-top:8px}
@media(max-width:820px){
 body[data-view=style]{height:100dvh;overflow:hidden}body[data-view=style] .site-header,body[data-view=style] .intro,body[data-view=style] .site-footer{display:none}
 body[data-view=style] .mobile-tabs{position:fixed;top:0;left:0;right:0;height:64px;padding:8px 12px;z-index:5}
 body[data-view=style] .editor{display:contents}body[data-view=style] .editor>:not(.style-panel){display:none}
 body[data-view=style] .style-panel{display:block;position:fixed;bottom:0;left:0;right:0;height:42dvh;overflow:auto;overscroll-behavior:contain;padding:12px 16px max(12px,env(safe-area-inset-bottom));z-index:4;background:white;border-top:1px solid #bbc6b1;box-shadow:0 -4px 20px #34473b12}
 body[data-view=style] .style-panel .step-heading,body[data-view=style] #font-status{display:none}
 body[data-view=style] .preview{display:block;position:fixed;top:64px;bottom:42dvh;left:0;right:0;padding:0 12px;overflow:auto}
 body[data-view=style] .preview-heading,body[data-view=style] .export-note,body[data-view=style] #generate{display:none}
 body[data-view=style] .zoom-controls{height:34px}body[data-view=style] .zoom-controls button{padding:6px 0}
 body[data-view=style] .poster-stage{height:calc(58dvh - 130px);min-height:80px;padding:4px;display:block}
 body[data-view=style] .poster-stage canvas{width:auto;height:100%;max-width:100%;margin:auto}
 body[data-view=style] .poster-stage.zoomed canvas{height:auto;width:200%;max-width:none}
 body[data-view=style] .preview-status{margin:3px 0;font-size:10px}body[data-view=style] .error-box{position:absolute;bottom:0;left:12px;right:12px;max-height:90px;overflow:auto;z-index:2}
 body[data-view=style] .fonts{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;scroll-snap-type:x mandatory}body[data-view=style] .font-option{min-width:140px;min-height:66px;padding:7px;scroll-snap-align:start}body[data-view=style] .font-sample{font-size:21px;margin-bottom:3px}
 body[data-view=style] .custom-color{display:inline-flex;margin:8px 0}body[data-view=style] .size-controls{margin:6px 0}
}
.themes{grid-template-columns:repeat(3,minmax(0,1fr))}.theme img{max-height:130px;object-fit:cover}.dish-group{border-top:1px dashed #d9dfcf;margin-top:12px;padding-top:8px}.dish-group h4{font-size:13px;color:var(--green);margin:4px 0 10px}.dish-group .add-row{padding:4px 0}
textarea{font:inherit;width:100%;resize:vertical;min-height:88px;border:1px solid #dce2d6;border-radius:6px;background:white;padding:11px 12px;color:var(--ink);line-height:1.5;font-size:15px}textarea:focus-visible{outline:3px solid #98ae70;outline-offset:3px}

.menu-import{margin:20px 0;padding:16px;background:var(--paper,#f7f7ef);border:1px solid #dddccd;border-radius:12px}.menu-import textarea{width:100%;box-sizing:border-box;resize:vertical;margin:8px 0}.import-day{margin:12px 0}.import-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.import-row span{overflow-wrap:anywhere;min-width:0}.import-row select{width:110px;flex-shrink:0}#import-summary,#import-status{white-space:pre-wrap;overflow-wrap:anywhere}#import-items{max-height:380px;overflow:auto}

/* Paste-first editor: optional controls stay available without filling the page. */
.intro{padding:24px 32px}.intro h1{font-size:28px}.intro .eyebrow,.intro-note{display:none}.intro-copy{margin-top:6px}.site-header{height:60px}.optional-settings{border-bottom:1px solid var(--line)}.optional-settings>summary,.style-panel>summary{cursor:pointer;font-size:14px;font-weight:600;padding:20px 24px;min-height:52px}.optional-settings .step{border:0;padding-top:0}.optional-settings .step-heading,.style-panel .step-heading{display:none}.style-panel{padding:0 24px 16px}.style-panel:not([open]){padding-bottom:0}.style-panel>summary{margin:0 -24px}.menu-import{margin:0;padding:0;border:0;background:none}#menu-paste{min-height:210px}#parse-menu{margin-top:12px}.session-note{font-size:12px}.session-note p{line-height:1.7}#manual-menu{margin-top:18px;border:1px solid var(--line);border-radius:8px}#manual-menu[open]{padding:0 12px 12px}#manual-menu>summary{padding:16px 12px}.mobile-tabs{position:sticky;top:0;z-index:6;background:var(--paper)}
@media(max-width:820px){.intro{padding:16px 20px}.intro h1{font-size:24px}.step{padding:20px 16px}.mobile-tabs{margin-top:0}.style-panel{padding-left:16px;padding-right:16px}.style-panel>summary{margin:0 -16px}body[data-view=style] .style-panel>summary{display:none}#menu-paste{font-size:16px}.optional-settings>summary{padding:18px 16px}}