.rb{display:flex;flex-direction:column;gap:20px}.rb__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:20px;align-items:start}.rb__inputs{gap:22px;padding:24px}.rb__switches{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px}.rb__corners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rb__corner{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:0;padding:12px 14px 14px;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.rb__corner legend{padding:0 6px;font-size:var(--text-xs);font-weight:700;color:var(--fg-muted)}.rb__result{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:80px}.rb__hotkey{font-size:11px;color:var(--fg-faint)}.rb__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rb__warn{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 10px;padding:12px 14px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--warning) 35%,transparent);background:color-mix(in oklab,var(--warning) 8%,transparent);font-size:var(--text-sm);line-height:1.6;color:var(--fg-muted)}.rb__box{position:relative;width:100%;max-width:340px;height:220px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 70%,#fff),color-mix(in oklab,var(--cat) 80%,#fff));box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--cat) 60%,#000)}@media (max-width:960px){.rb__grid{grid-template-columns:minmax(0,1fr)}.rb__result{position:static}}@media (max-width:520px){.rb__corners,.rb__stats{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.rb__result{display:contents}.rb__preview{order:-1}}