/* Graphics settings: the section inside the Settings card, and the frame readout. Cream paper and terracotta like the rest. */
.gfx{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:2px dashed rgba(43,38,32,.3);border-radius:14px}
.gfx>.h-disp{font-size:20px}
.gfx-presets,.gfx-seg{display:flex;gap:6px;flex-wrap:wrap}
.gfx-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.gfx-opt{min-height:40px;padding:0 8px;border-radius:12px;border:2px solid var(--ink);background:var(--paper-2);font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}
.gfx-opt:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.gfx-opt[aria-pressed="true"]{background:var(--action);color:var(--action-ink);box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}
.gfx-opt:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.gfx-note{margin:0;font-size:13px}
.gfx-row{display:flex;flex-direction:column;gap:6px}
.gfx-label{font-weight:800;font-size:14px}
.gfx-row .gfx-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}
.gfx-row .gfx-opt{min-height:36px;font-size:13px}
.gfx-switches{display:flex;flex-direction:column;gap:6px}
.gfx-sw{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border-radius:12px;border:2px solid var(--ink);background:var(--paper-2);font-weight:800;font-size:14px;text-align:left}
.gfx-sw i{position:relative;width:44px;height:24px;border-radius:14px;border:2px solid var(--ink);background:var(--paper-3);flex:none}
.gfx-sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);transition:transform .15s}
.gfx-sw[aria-checked="true"] i{background:var(--sky)}
.gfx-sw[aria-checked="true"] i::after{transform:translateX(20px)}
.gfx-stats{position:fixed;left:12px;bottom:12px;z-index:5;padding:4px 9px;border-radius:10px;border:2px solid var(--ink);background:var(--paper);font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);pointer-events:none;box-shadow:0 2px 0 var(--ink)}