.cgif{gap:var(--s5);display:grid}.cgif-reading{min-height:300px;padding:var(--s7) var(--s5);text-align:center;max-width:46ch;color:var(--ink-1);font-size:var(--step--1);background:var(--surface-1);border:1.5px dashed var(--line-firm);border-radius:var(--r-lg);align-content:center;place-items:center;margin-inline:auto;display:grid}.cgif-bench{gap:var(--s5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.cgif-stage{padding:var(--s3);background:var(--surface-2);border-radius:var(--r-lg);gap:var(--s3);justify-items:center;min-width:0;margin:0;display:grid}.cgif-shot{border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-2);background:var(--surface-1);position:relative;overflow:hidden}.cgif-shot img,.cgif-shot canvas{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.cgif-shot [hidden]{display:none}.cgif-caption{gap:var(--s2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.cgif-dims{font-size:var(--step--1);color:var(--ink-2)}.cgif-pause{min-height:34px;padding:0 var(--s3);font-size:var(--step--1);color:var(--ink-1);background:var(--surface-1);border:1px solid var(--line-firm);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease)}.cgif-pause:hover{border-color:var(--brass)}.cgif-compare{background:var(--surface-1);border-radius:var(--r-md);gap:3px;padding:3px;display:flex}.cgif-compare button{padding:7px var(--s4);min-height:44px;font-size:var(--step--1);color:var(--ink-1);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:7px;justify-items:center;gap:1px;display:grid}.cgif-compare button[aria-pressed=true]{background:var(--surface-0);color:var(--ink-0);box-shadow:var(--shadow-1)}.cgif-compare span{color:var(--ink-2);font-size:11px}.cgif-compare button[aria-pressed=true] span{color:var(--brass-lo)}.cgif-panel{background:var(--surface-1);border:1px solid var(--line-firm);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-2);min-width:0}.cgif-stubrow{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.cgif-no{color:var(--brass-lo);font-size:var(--step--1);letter-spacing:.04em}.cgif-reset{font-size:var(--step--1);color:var(--ink-1);border-bottom:1px solid var(--brass)}.cgif-reset:hover{color:var(--ink-0)}.cgif-perf{height:1px;margin:var(--s4) calc(-1 * var(--s5));background-image:linear-gradient(90deg, var(--line-firm) 55%, transparent 0);background-size:9px 1px;position:relative}.cgif-perf:before,.cgif-perf:after{content:"";border-radius:var(--r-full);background:var(--surface-0);border:1px solid var(--line);width:14px;height:14px;position:absolute;top:-7px}.cgif-perf:before{left:-7px}.cgif-perf:after{right:-7px}.cgif-lbl{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);padding:0;display:block}.cgif-origin{gap:var(--s3) var(--s5);margin:0 0 var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.cgif-origin dt{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.cgif-origin dd{font-size:var(--step--1);margin:2px 0 0}.cgif-bignum{font-size:var(--step-1);color:var(--ink-0)}.cgif-targetrow{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.cgif-target{font-size:var(--step-2);color:var(--brass-lo)}.cgif-slider{width:100%;margin-top:var(--s3);accent-color:var(--brass);height:28px}.cgif-scale{justify-content:space-between;align-items:center;gap:var(--s2);color:var(--ink-2);margin-top:2px;font-size:11px;display:flex}.cgif-cut{color:var(--ok)}.cgif-exact{align-items:center;gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap;display:flex}.cgif-exact-lbl{font-size:var(--step--1);color:var(--ink-2);flex:100%}.cgif-exact input,.cgif-exact select{min-height:44px;padding:0 var(--s3);color:var(--ink-0);background:var(--surface-0);border:1px solid var(--line-firm);border-radius:var(--r-md);font-size:16px}.cgif-exact input{width:9ch}.cgif-exact input:focus-visible,.cgif-exact select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.cgif-presets{margin-top:var(--s4);flex-wrap:wrap;gap:4px;display:flex}.cgif-presets button{min-height:38px;padding:0 var(--s4);background:var(--surface-2);border-radius:var(--r-md);font-size:var(--step--1);font-family:var(--font-mono);color:var(--ink-1);transition:background var(--dur) var(--ease), color var(--dur) var(--ease)}.cgif-presets button[aria-pressed=true]{background:var(--brass);color:var(--on-brass)}.cgif-opts{margin:var(--s5) 0 0;gap:var(--s3);border:0;padding:0;display:grid}.cgif-opts .cgif-lbl{margin-bottom:var(--s2)}.cgif-opt{gap:var(--s3);padding:var(--s3);background:var(--surface-2);border-radius:var(--r-md);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;display:grid}.cgif-opt input{width:20px;height:20px;accent-color:var(--brass);flex:none;margin:2px 0}.cgif-opt b{font-size:var(--step-0);color:var(--ink-0);font-weight:500;display:block}.cgif-opt small{font-size:var(--step--1);color:var(--ink-2);margin-top:2px;line-height:1.45;display:block}.cgif-opt em{color:var(--brass-lo);font-style:normal}.cgif-search{margin-top:var(--s5)}.cgif-track{padding:var(--s3) 0;gap:3px;display:grid;position:relative}.cgif-goal{inset-block:0;left:var(--goal);background:var(--ok);opacity:.55;width:2px;position:absolute}.cgif-goal:after{content:"target";font-family:var(--font-mono);color:var(--ok);letter-spacing:.06em;text-transform:uppercase;font-size:10px;position:absolute;top:-2px;left:6px}.cgif-attempt{justify-content:space-between;align-items:center;gap:var(--s3);min-height:26px;padding:3px var(--s2);animation:cgif-grow .26s var(--ease) both;animation-delay:calc(var(--i) * 20ms);border-radius:3px;display:flex;position:relative}.cgif-attempt:before{content:"";width:var(--w);border-radius:3px;min-width:3px;position:absolute;inset:0 auto 0 0}.cgif-attempt.is-over:before{background:color-mix(in oklab, var(--warn) 34%, var(--surface-2))}.cgif-attempt.is-fit:before{background:color-mix(in oklab, var(--ok) 34%, var(--surface-2))}.cgif-attempt-label,.cgif-attempt-size{letter-spacing:-.01em;color:var(--ink-1);font-size:11px;position:relative}.cgif-attempt-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cgif-attempt.is-fit .cgif-attempt-size{color:var(--ink-0)}@keyframes cgif-grow{0%{transform-origin:0;opacity:0;transform:scaleX(.02)}}.cgif-hint{font-size:var(--step--1);color:var(--ink-2);margin-top:var(--s2)}.cgif-facts{gap:var(--s3) var(--s5);margin:var(--s5) 0 0;flex-wrap:wrap;display:flex}.cgif-facts dt{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.cgif-facts dd{font-size:var(--step--1);margin:2px 0 0}.cgif-strong{font-size:var(--step-1);color:var(--brass-lo);font-weight:500}.cgif-promise{margin-top:var(--s4);padding:var(--s3) var(--s4);background:var(--surface-2);border-left:3px solid var(--ok);border-radius:var(--r-md);font-size:var(--step--1);color:var(--ink-1);line-height:1.5}.cgif-promise strong{color:var(--ink-0)}.cgif-note{margin-top:var(--s3);padding:var(--s3) var(--s4);background:var(--surface-2);border-left:3px solid var(--warn);border-radius:var(--r-md);font-size:var(--step--1);color:var(--ink-1);line-height:1.5}.cgif-err{margin-top:var(--s4);font-size:var(--step--1);color:var(--error);line-height:1.5}.cgif-acts{gap:var(--s2);margin-top:var(--s5);display:flex}.cgif-acts .cgif-primary{flex:1;margin-top:0}.cgif-primary{text-align:center;width:100%;margin-top:var(--s5);padding:11px var(--s5);background:var(--brass);min-height:44px;color:var(--on-brass);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);font-weight:500;text-decoration:none;display:inline-block}.cgif-primary:hover{background:var(--brass-hi)}.cgif-primary:active{transform:translateY(1px)}.cgif-primary:disabled{opacity:.6;cursor:default}.cgif-secondary{padding:11px var(--s4);background:var(--surface-0);border:1px solid var(--line-firm);border-radius:var(--r-md);min-height:44px;color:var(--ink-1);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:500}.cgif-secondary:hover{border-color:var(--brass);color:var(--ink-0)}.cgif-adjust{margin-top:var(--s3);font-size:var(--step--1);color:var(--ink-2);max-width:46ch}@media (width<=860px){.cgif-bench{grid-template-columns:1fr}.cgif-shot{max-width:100%!important}.cgif-panel{padding:var(--s4)}.cgif-perf{margin-inline:calc(-1 * var(--s4))}.cgif-primary{bottom:var(--s4);position:sticky}.cgif-acts{flex-wrap:wrap}.cgif-acts .cgif-primary,.cgif-secondary{flex:100%}}@media (prefers-reduced-motion:reduce){.cgif-attempt{animation:none}.cgif-primary,.cgif-pause,.cgif-presets button,.cgif-compare button,.cgif-secondary{transition:none}.cgif-primary:active{transform:none}}