.gate-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"control inside";grid-gap:20px;gap:20px;align-items:start}.inside{grid-area:inside;margin:0;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px 20px;gap:12px 20px;align-items:baseline}.inside dt{font-size:14px;color:var(--text-2);white-space:nowrap}.inside dd{margin:0;font-weight:500}.inside dd small{display:block;color:var(--text-2);font-size:14px;font-weight:400}.control{grid-area:control}.control .plate{padding:18px 24px 0}.control .plate h2{font-size:18px}.control form{padding:16px 24px 18px;display:grid;grid-gap:10px;gap:10px}.control label{font-weight:600;font-size:15px}.field{height:48px;width:100%;padding:0 14px;border-radius:var(--radius-control);background:var(--bg-card);border:1px solid var(--control-line);color:var(--text);font:500 16px var(--font-mono);transition:border-color var(--dur-state) var(--ease)}.field[aria-invalid=true]{border-color:var(--bug)}.help{font-size:14px;color:var(--text-2)}.control form .btn{width:100%;margin-top:4px}.status{font-size:14px;display:grid;grid-gap:4px;gap:4px;padding:10px 12px;border-radius:var(--radius-control);background:var(--bg-muted);border:1px solid var(--rule)}.after,.status p{color:var(--text-2)}.after{padding:14px 24px 18px;border-top:1px solid var(--rule-soft);font-size:14px}@media (max-width:860px){.gate-grid{grid-template-areas:"control" "inside"}.gate-grid,.inside{grid-template-columns:1fr}.inside{gap:2px}.inside dd{margin-bottom:10px}}