.ratio-body{grid-template-columns:auto 1fr;align-items:start;gap:22px;display:grid}@media (max-width:720px){.ratio-body{grid-template-columns:1fr}}.ratio-stage{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.ratio-stage canvas{width:100%;height:100%;display:block}.ratio-controls{flex-direction:column;gap:12px;min-width:0;display:flex}.ratio-info{color:var(--ink-2);font-size:12.5px}.ratio-custom{align-items:center;gap:8px;display:flex}.ratio-custom input[type=number]{width:80px}.ratio-actions{flex-wrap:wrap;gap:8px;display:flex}