.gb{display:flex;flex-direction:column;gap:20px}.gb__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}.gb__inputs{gap:20px;padding:24px}.gb__result{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:80px}.gb__hint{font-size:11px;color:var(--fg-faint)}.gb__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gb__angle{display:flex;align-items:center;gap:18px}.gb__angle-field{flex:1;min-width:0}.gb__dial{width:112px;height:112px;flex:none;touch-action:none;cursor:grab;outline:none;border-radius:50%}.gb__dial:focus-visible{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent-fg)}.gb__ring{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.5}.gb__tick{stroke:var(--fg-faint);stroke-width:1.5}.gb__needle{stroke:var(--accent-fg);stroke-width:2;stroke-linecap:round}.gb__hub{fill:var(--fg-muted)}.gb__knob{fill:var(--accent);stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.gb__barwrap{padding:18px 12px 14px}.gb__bar{position:relative;height:40px;cursor:copy;touch-action:none}.gb__track{position:absolute;inset:8px 0;border-radius:10px;border:1px solid var(--line-strong);background-color:#fff;background-size:auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.gb__stop{position:absolute;top:0;width:22px;height:40px;margin-left:-11px;border-radius:8px;background:var(--c);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.5);cursor:grab;touch-action:none;outline:none}.gb__stop:after{content:"";position:absolute;inset:-6px -11px}.gb__stop.is-selected{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.45);z-index:2}.gb__stop:focus-visible{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent-fg)}.gb__stop:active{cursor:grabbing}@media (pointer:coarse){.gb__stop{width:30px;margin-left:-15px}}.gb__editor{display:grid;grid-template-columns:auto minmax(0,2fr) minmax(0,1fr) auto;gap:14px 18px;align-items:end}.gb__edit{font-size:var(--text-sm);font-weight:700;align-self:center}.gb__stopbtns{display:flex;gap:6px;flex-wrap:wrap}.gb__box{position:relative;width:100%;max-width:100%;height:224px;border-radius:16px;border:1px solid var(--stage-line)}.gb__box .pvs-handle{border-color:#fff;background:#111}@media (max-width:960px){.gb__grid{grid-template-columns:minmax(0,1fr)}.gb__result{position:static}.gb__editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gb__edit{grid-column:1/-1}}@media (max-width:520px){.gb__inputs{padding:16px}.gb__editor{grid-template-columns:minmax(0,1fr)}.gb__angle{flex-direction:column;align-items:stretch}.gb__dial{align-self:center}}@media (max-width:960px){.gb__result{display:contents}.gb__preview{order:-1}}