:root{--forest:#123f32;--ink:#223c30;--paper:#faf9f4;--line:#dbe4d9;--gold:#cba96d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.editor-header{background:#123f32;color:#f7f6ed;min-height:72px;padding:10px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px}.editor-brand{display:flex;gap:13px;align-items:center;text-decoration:none}.editor-brand img{object-fit:contain}.editor-brand strong{display:block;font:normal 25px Georgia,serif}.editor-brand small{display:block;font-size:11px;color:#d7e5d8}.to-site{font-size:13px;color:#e2d6bb}.editor-main{max-width:1500px;margin:0 auto;padding:28px clamp(16px,3vw,42px) 70px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;color:#956d35}.intro h1{font:normal clamp(36px,4.2vw,55px)/1.1 Georgia,serif;margin:10px 0}.intro p{max-width:740px;color:#5c6f60;margin:8px 0 18px}.export-actions{display:flex;flex-direction:column;gap:9px;min-width:230px}button,.import-label{border:1px solid #b6c9bb;border-radius:9px;padding:10px 15px;background:#fff;color:#264a37;text-align:center;font-weight:650;display:inline-block;text-decoration:none}.primary{background:var(--forest);border-color:var(--forest);color:white}.danger{color:#8d4038}.warning{margin:20px 0;background:#fbf1da;border:1px solid #e6d5ae;padding:13px 17px;border-radius:12px;font-size:13px;color:#5c4a2d}.workspace{display:grid;grid-template-columns:275px minmax(0,1fr);gap:19px;align-items:start}.wine-selector,.editor-content{background:#fff;border:1px solid var(--line);border-radius:16px}.wine-selector{padding:15px;position:sticky;top:10px}.wine-selector label,.editor-content label{font-size:12px;font-weight:750;color:#3f5c49}.wine-selector input{width:100%;border-radius:8px;margin-top:5px}.draft-count{color:#67796a;font-size:12px}.wine-list{max-height:64vh;overflow:auto;display:grid;gap:3px}.wine-entry{display:flex;flex-direction:column;text-align:left;font-size:12px;line-height:1.35;padding:9px 10px;border:0;border-radius:8px;background:transparent;font-weight:500}.wine-entry:hover,.wine-entry.selected{background:#e5efe7}.wine-entry small{color:#6c7a6f;font-size:10px}.wine-entry.edited:before{content:'●';color:#ba8d50;position:absolute;right:12px}.wine-entry{position:relative;padding-right:22px}.editor-content{padding:25px;min-width:0}.empty{text-align:center;color:#798479;padding:70px 20px}.form-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.form-title h2{font:normal 31px Georgia,serif;margin:5px 0 16px}.editor-content input,.editor-content textarea,.wine-selector input{background:white;border:1px solid #d6e0d5;border-radius:8px;padding:10px 12px;color:#243c2d;outline-offset:2px}.editor-content label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.8fr);gap:23px}.preview{background:#fbfaf5;border:1px solid var(--line);border-radius:13px;padding:16px;align-self:start}.preview-art{height:236px;background:white;display:flex;align-items:center;justify-content:center;border-radius:8px}.preview-art img{max-width:90%;max-height:215px;object-fit:contain}.preview h3{font:normal 25px Georgia,serif;margin:15px 0 8px}.preview p{font-size:12px;color:#647566}.preview-price{font-size:17px;font-weight:800}.photo-result{color:#8c6140!important}.prices{border-top:1px solid var(--line);padding-top:15px}.prices h3{font:normal 23px Georgia,serif}.serving-row{display:flex;gap:12px;align-items:center;margin:12px 0}.serving-row label{margin:0}.serving-row input{width:150px}.prices>p{font-size:12px;color:#697a69}.form-footer{display:flex;align-items:center;gap:16px;margin-top:22px}.form-footer span{color:#54785b;font-size:12px}.editor-header a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c8a66b;outline-offset:3px}@media(max-width:1000px){.intro{flex-direction:column;align-items:stretch}.export-actions{flex-direction:row;flex-wrap:wrap}.workspace{grid-template-columns:220px minmax(0,1fr)}.two-column{grid-template-columns:1fr}}@media(max-width:700px){.workspace{grid-template-columns:1fr}.wine-selector{position:static}.wine-list{max-height:225px}.form-grid{grid-template-columns:1fr}.editor-content{padding:16px}.form-title{align-items:start;flex-direction:column}.export-actions{flex-direction:column}.editor-brand strong{font-size:18px}.to-site{font-size:11px}.preview-art{height:200px}}

/* Additional editorial workflow: reversible archive, stop-list, and create. */
.form-title-actions{display:flex;gap:8px;flex-wrap:wrap}
.editor-state-controls{display:flex;gap:14px;align-items:center;margin:8px 0 20px;flex-wrap:wrap}
.editor-content .state-check{display:flex;flex-direction:row;gap:10px;align-items:center;background:#f2f7ef;border:1px solid #d9e6d9;border-radius:9px;padding:10px 13px;margin:0;color:#254e38}
.state-check input{width:20px;height:20px;flex-shrink:0;accent-color:#267451}
.state-check span{display:flex;flex-direction:column}
.state-check small{font-weight:400;font-size:12px;color:#6a786e}
.archive-badge{background:#f9eeee;border-radius:7px;padding:9px 12px;color:#963c3c;font-weight:700;font-size:12px}
.wine-entry.stopped{opacity:.7;background:#fff9e8}.wine-entry.archived{opacity:.65;text-decoration:line-through}.wine-entry.new-card{border-left:3px solid #337d57}
.editor-content select{background:white;border:1px solid #d6e0d5;border-radius:8px;padding:10px 12px;color:#243c2d;font:inherit}
.serving-row{padding:9px 5px;border-bottom:1px solid #eef1eb;flex-wrap:wrap}
.serving-row label{display:flex;flex-direction:column;font-weight:600}
.serving-row label input{width:120px}.serving-row label select{width:130px}
.serving-row .remove-serving{padding:9px 12px;margin-top:17px}
@media(max-width:700px){.serving-row{align-items:flex-end}.serving-row label input{width:105px}.form-title-actions{width:100%}}
