:root{--bg:#f6f5ef;--paper:#fffef9;--ink:#303d36;--muted:#6b776d;--line:#dedfd4;--green:#41634e;--soft:#e9eee2;--orange:#a36e44;--red:#a45847}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #b3c8a9;outline-offset:2px}#topbar{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:10;padding:13px max(16px,calc((100% - 1120px)/2)) 0}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:650;letter-spacing:.04em}.status,small,.muted{font-size:14px;color:var(--muted)}nav{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;margin-top:8px}nav button{border:0;background:none;padding:12px 0;border-bottom:2px solid transparent}nav button.active{color:var(--green);border-color:var(--green);font-weight:650}main{max-width:1120px;margin:auto;padding:28px 18px 60px}h1{font-size:28px;line-height:1.35;margin:5px 0 12px}h2{font-size:21px;line-height:1.4;margin:10px 0 15px}h3{font-size:18px;margin:12px 0}p{margin:10px 0}a{color:var(--green);overflow-wrap:anywhere}footer{text-align:center;font-size:13px;color:var(--muted);padding:20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:23px;margin:17px 0}.notice{background:var(--soft);padding:14px 18px;border-radius:8px;margin:14px 0}.warning{background:#f3eadd;color:#775432}.error{background:#f5e3dc;color:#8f4335}.inline,.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar{justify-content:space-between}.btn{background:transparent;border:1px solid #b9c2b3;border-radius:7px;padding:10px 16px;min-height:44px}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.small{padding:7px 12px;font-size:14px}.btn.text{border-color:transparent;color:var(--green)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin:14px 0}label{display:block;margin-bottom:6px}input:not([type=checkbox]),textarea,select{width:100%;padding:10px 12px;border:1px solid #cdd2c6;background:#fffefb;border-radius:6px;min-height:44px}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:19px;height:19px;vertical-align:middle}.check{display:flex;gap:9px;align-items:flex-start;margin:16px 0}.check label{margin:0}.table-wrap{overflow-x:auto;margin:13px 0}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;color:var(--muted);font-size:14px}.ingredient-table{min-width:650px}.ingredient-table input:not([type=checkbox]){min-width:75px;max-width:130px}.ingredient-table td:first-child input{min-width:145px}.pill{display:inline-block;font-size:13px;background:var(--soft);color:var(--green);padding:3px 9px;border-radius:5px;margin-right:6px}.sample-code{font-size:28px;letter-spacing:.12em;font-weight:650}.range{display:flex;gap:10px;align-items:center}.range input{max-width:120px}.compact p{font-size:15px}.project-row{width:100%;text-align:left;display:block;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:18px;margin:12px 0}.project-row strong{display:block;font-size:18px}.steps{padding-left:22px}.steps li{margin:8px 0}summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--green)}details{margin:12px 0}pre{white-space:pre-wrap;word-break:break-word;background:var(--soft);padding:15px;border-radius:7px}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(90vw,600px);padding:12px 18px;background:#34463b;color:white;border-radius:7px;display:none;z-index:50}#toast.show{display:block}#banners{max-width:1120px;margin:auto;padding:0 18px}#banners:empty{padding:0}.loading{padding:45px}.canvas-shell{position:relative;height:66vh;min-height:400px;max-height:780px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background-color:#f9f9f2;background-image:radial-gradient(#ccd3c5 1px,transparent 1px);background-size:22px 22px;touch-action:none;user-select:none}.canvas-shell svg{width:100%;height:100%;display:block}.canvas-node{cursor:pointer}.canvas-node rect{fill:#fffef9;stroke-width:1.5}.canvas-node text{font-family:inherit;pointer-events:none}.canvas-node .node-title{font-size:15px;font-weight:600;fill:var(--ink)}.canvas-node .node-sub{font-size:12px;fill:var(--muted)}.canvas-node.selected rect{stroke-width:3}.canvas-edge{fill:none;stroke-width:1.5}.edge-label{font-size:11px;fill:#667064;paint-order:stroke;stroke:#f9f9f2;stroke-width:5px}.legend{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:13px;margin:12px 0}.legend span:before{content:'';display:inline-block;width:18px;height:3px;background:var(--rule);vertical-align:middle;margin-right:6px}.node-inspector{border-left:3px solid var(--green)}.method-card h2{font-size:20px}.empty{padding:45px 5px;text-align:center}.search-row{display:flex;gap:12px;flex-wrap:wrap}.search-row input{flex:2;min-width:160px}.search-row select{flex:1;min-width:100px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:650px){main{padding:22px 14px 45px}.card{padding:18px 15px}.grid{grid-template-columns:1fr;gap:0}h1{font-size:25px}nav{gap:20px}.brand-row .status{font-size:12px}.canvas-shell{height:62vh;min-height:390px}.btn{padding:10px 12px}th,td{padding:8px 6px}.inline>.btn{max-width:100%;overflow-wrap:anywhere}.table-wrap{max-width:100%}}@media print{#topbar,#banners,footer,.no-print,#toast{display:none!important}main{max-width:100%;padding:0}.card{break-inside:avoid}.canvas-shell{height:650px}}