:root{--au-0: #3d2405;--au-1: #6e4510;--au-2: #a06a1c;--au-3: #c99130;--au-4: #e3b552;--au-5: #f5d88a;--au-6: #fff4d2;--bg: #0b0a08;--panel: #13110d;--panel-2: #1a1712;--line: #2a251c;--text: #e8e1d2;--muted: #8a8172;--accent: var(--au-4);--accent-strong: var(--au-5);--accent-ink: #1a1206;--err: #e0675a;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f3efe6;--panel: #faf7f0;--panel-2: #efe9dc;--line: #ddd3bf;--text: #2a2216;--muted: #7a6e5a;--accent: var(--au-2);--accent-strong: var(--au-1);--accent-ink: #fff8e6;--err: #b8402f;color-scheme:light}}:root[data-theme=light]{--bg: #f3efe6;--panel: #faf7f0;--panel-2: #efe9dc;--line: #ddd3bf;--text: #2a2216;--muted: #7a6e5a;--accent: var(--au-2);--accent-strong: var(--au-1);--accent-ink: #fff8e6;--err: #b8402f;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;height:100dvh;background:var(--bg);color:var(--text);font:13px/1.5 var(--mono)}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0}[hidden]{display:none!important}.top{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid var(--line)}.brand{color:var(--accent);font-weight:700;letter-spacing:.18em;text-decoration:none}.brand span{color:var(--muted);font-weight:400;letter-spacing:.05em}.local{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:11px}.local i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--muted)}.icon:hover,.icon:focus-visible{color:var(--accent);background:var(--panel-2);outline:none}.icon.done{color:var(--accent)}main{flex:1;display:grid;grid-template-columns:var(--ops-w, 240px) 5px var(--recipe-w, 340px) 5px minmax(0,1fr);min-height:0}.gutter{cursor:col-resize;touch-action:none;background:linear-gradient(var(--au-1),var(--au-3),var(--au-1)) center / 1px 100% no-repeat;opacity:.6}.gutter:hover{opacity:1}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel)}.pane-h{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 12px;flex:none;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.pane-h .r{display:flex;align-items:center;gap:2px;margin-left:auto;letter-spacing:0;text-transform:none}.scroll{flex:1;overflow:auto}.meta{color:var(--muted);font-size:11px;margin-right:4px}input:focus-visible,select:focus-visible,textarea:focus-visible,.search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.search{flex:none;margin:10px 12px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.cat{padding:8px 12px 2px;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.op{display:block;width:100%;padding:4px 12px 4px 22px;border-left:2px solid transparent;text-align:left;-webkit-user-select:none;user-select:none}.op:hover,.op:focus-visible{background:var(--panel-2);border-left-color:var(--accent);color:var(--accent-strong);outline:none}.op.magic-op{padding-left:12px;color:var(--accent);font-weight:600}.none{padding:8px 12px;color:var(--muted)}.notice{flex:none;margin:8px 10px 0;padding:6px 10px;border:1px solid var(--err);border-radius:6px;color:var(--err);font-size:12px;text-align:left}.steps{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px}.steps.drop-end:after{content:"";height:2px;background:var(--accent)}.step{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;background:var(--panel-2)}.step.paused{border-left-color:var(--muted);opacity:.55}.step.failed{border-left-color:var(--err)}.step.drop-before{box-shadow:0 -5px 0 -3px var(--accent)}.step-h{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 8px;cursor:grab}.step-h .grip{color:var(--muted);letter-spacing:-2px}.step-h b{font-weight:600}.step-h .r{display:flex;margin-left:auto}.step-h .icon{width:26px;height:26px}.step .move{display:none}.args{display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 10px}.args:empty{display:none}.arg{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:11px}.arg.bool{flex-direction:row;align-items:center;gap:6px}.arg input,.arg select{padding:3px 6px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);font-size:12px}.arg input[type=number]{width:64px}.arg input[type=checkbox],.auto input,.with-input input{accent-color:var(--au-3)}.empty{padding:16px 10px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:12px;text-align:center}.with-input{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;margin-right:4px}.bake{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line);flex:none}.bake-btn{flex:1;padding:9px;border-radius:6px;color:#1a1206;font-weight:700;letter-spacing:.2em;background:linear-gradient(180deg,var(--au-5),var(--au-3) 55%,var(--au-2));box-shadow:inset 0 1px 0 var(--au-6),0 1px #000}.bake-btn:active{filter:brightness(.92)}.bake-btn:focus-visible{outline:2px solid var(--au-5);outline-offset:2px}.auto{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.io{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0}.io>.pane+.pane{border-top:1px solid var(--line)}.file{cursor:pointer}textarea{flex:1;margin:0;padding:12px;border:1px solid transparent;background:var(--bg);resize:none}textarea.dragging{border-color:var(--accent)}textarea[readonly]{color:var(--muted)}.out{flex:1;margin:0;padding:12px;overflow:auto;background:var(--bg);white-space:pre-wrap;word-break:break-all}.out.err{color:var(--err)}.out.binary{white-space:pre;word-break:normal}.magic{flex:none;max-height:45%;overflow:auto;border-top:1px solid var(--line);font-size:12px}.magic .hint{display:flex;align-items:baseline;gap:8px;padding:8px 12px}.magic b{color:var(--accent);white-space:nowrap}.magic .use{color:var(--accent-strong);text-decoration:underline dotted;white-space:nowrap}.magic ol{margin:0;padding:0 12px 8px;list-style:none}.magic li{display:grid;gap:2px;padding:6px 0;border-top:1px solid var(--line)}.magic .preview{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:none}@media(max-width:899px){main{grid-template-columns:minmax(0,1fr)}.gutter,main>.pane,main>.io{display:none}body[data-tab=ops] #ops,body[data-tab=recipe] #recipe{display:flex}body[data-tab=io] #io{display:grid}.local span{display:none}.step .move{display:inline-grid}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom)}.tabs button{padding:12px;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.tabs button[aria-selected=true]{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}}