@font-face{font-family:NeoDGM;src:url(/fonts/neodgm.woff2)format("woff2");font-display:swap}:root{color:#243b3b;font-synthesis:none;--ink:#243b3b;--paper:#f3f5f2;--line:#ced9d3;--primary:#256d61;--muted:#526563;background:#e4eae5;font-family:NeoDGM,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100dvh;margin:0;display:grid;overflow:hidden}button,a{font:inherit}button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:var(--paper);cursor:pointer;border-radius:3px;padding:8px 16px}button:disabled{opacity:.55;cursor:default}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}a{color:var(--primary)}[hidden]{display:none!important}p,h1{margin:0}#preview-screen{width:100dvw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--paper);grid-template-rows:48px minmax(0,1fr) 72px;display:grid}.preview-topbar{border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:14px;padding:0 18px;display:flex}.preview-brand{font-size:22px;text-decoration:none}.preview-topbar>span{font-size:13px}#preview-inventory{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.preview-topbar button{background:0 0;border:0;padding:6px 8px;font-size:13px}#preview-stage{background:#8cb7be;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}#preview-canvas{image-rendering:pixelated;pointer-events:none;display:block}#preview-stage[data-kitchen=true]{background:#674832}#preview-background{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}#preview-canvas{position:relative}#preview-cue{border-left:3px solid var(--primary);pointer-events:none;background:#f3f5f2f0;max-width:calc(100% - 36px);padding:10px 14px;position:absolute;top:14px;left:18px}#preview-cue strong{font-size:18px;line-height:1.35;display:block}#preview-cue span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.4;display:block}#preview-tension{background:var(--paper);border:1px solid var(--line);width:200px;padding:9px 12px;position:absolute;bottom:12px;right:18px}#preview-line-state{margin-bottom:7px;font-size:13px;display:block}.preview-meter{border:1px solid var(--muted);background:#dce4df;height:14px;position:relative}.preview-safe{background:#9fb781;width:30%;height:100%;position:absolute;left:35%}#preview-needle{background:var(--ink);width:3px;height:18px;position:absolute;top:-3px;transform:translate(-50%)}#preview-tension small{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}#preview-tension[data-danger=true]{border-color:#a34338}#preview-tension[data-danger=true] #preview-line-state{color:#a34338}.preview-controls{border-top:1px solid var(--line);align-items:center;gap:12px;padding:8px 18px;display:flex}#preview-step{color:var(--muted);max-width:60%;margin-right:auto;font-size:14px;line-height:1.5}.preview-controls button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:116px;min-height:52px}.preview-primary{background:var(--primary);color:var(--paper);border-color:var(--primary)}#preview-loading{background:var(--paper);text-align:center;place-items:center;padding:24px;font-size:16px;display:grid;position:absolute;inset:0}#preview-loading button{margin-top:12px}#preview-paused{background:var(--paper);border:1px solid var(--line);align-items:center;gap:16px;padding:8px 12px;font-size:14px;display:flex;position:absolute;bottom:12px;left:18px}#preview-welcome{border:1px solid var(--primary);background:var(--paper);width:min(390px,100% - 40px);max-height:calc(100% - 24px);color:var(--ink);text-align:center;border-radius:4px;padding:24px 30px;overflow:auto}#preview-welcome::backdrop{background:#243b3b47}.preview-intro-label{color:var(--primary);margin-bottom:14px;font-size:12px}#preview-title{font-size:25px;line-height:1.45}#preview-welcome>p:not(.preview-intro-label){margin:14px 0;font-size:14px;line-height:1.7}#preview-start{width:100%;margin-top:2px}#preview-welcome .preview-scope{color:var(--muted);font-size:11px}#preview-welcome a{font-size:12px}@media (orientation:portrait){#preview-screen{width:100dvh;height:100dvw;padding:env(safe-area-inset-left) env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}#preview-welcome{width:min(390px,100dvh - 40px);max-height:calc(100dvw - 24px);transform:rotate(90deg)}}@media (width>=1100px) and (height>=700px) and (pointer:fine){#preview-screen{border:1px solid var(--line);width:min(1120px,100dvw - 64px);height:520px;max-height:calc(100dvh - 64px)}}@media (height<=400px) and (orientation:landscape){#preview-screen{grid-template-rows:44px minmax(0,1fr) 64px}.preview-topbar{gap:10px;padding:0 12px}.preview-controls{padding:6px 12px}#preview-cue{padding:8px 12px;top:10px;left:12px}#preview-cue strong{font-size:16px}}@media (prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}