.fg-layout{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@container (min-width:760px){.fg-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px}}.fg-fn{align-items:center;gap:8px;display:flex}.fg-swatch{border:2px solid var(--line);border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.fg-name{font-family:var(--font-display);white-space:nowrap;margin:0;font-size:15px;font-weight:700}.fg-input{flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px}.fg-small{padding:4px 10px;font-size:13px}.fg-graph{flex-direction:column;gap:10px;min-width:0;display:flex}.fg-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fg-hint{color:var(--muted-2);font-size:12px}.fg-canvas-wrap{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);width:100%;min-width:0;overflow:hidden}.fg-canvas{touch-action:none;cursor:crosshair;max-width:100%;display:block}.fg-canvas:active{cursor:grabbing}.fg-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.fg-trace{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 16px;min-height:28px;font-size:14px;display:flex}.fg-trace-x{font-weight:700}.fg-trace-y{align-items:center;gap:6px;display:inline-flex}.fg-ranges{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.fg-range{padding:6px 8px;font-size:15px}@container (max-width:420px){.fg-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}}