.framing-stage{position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:1 / 1;background-color:#05070d;border-radius:var(--border-radius,0.375rem);overflow:hidden}.framing-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.framing-canvas--dragging{cursor:grabbing}.framing-canvas:focus-visible{outline:2px solid var(--bs-primary,#0d6efd);outline-offset:-2px}.framing-stage-status{position:absolute;left:0;right:0;bottom:0;padding:.4rem .75rem;font-size:.85rem;text-align:center;color:#e9ecef;background-color:rgba(5,7,13,0.8);pointer-events:none}.framing-stage-status--warning{color:#ffe066}.framing-caption{max-width:640px;margin-left:auto;margin-right:auto;text-align:center}.framing-combo .form-check-label{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.framing-combo-field{font-variant-numeric:tabular-nums}.framing-swatch{display:inline-block;flex:0 0 auto;width:.85rem;height:.85rem;border-radius:2px;border:1px solid rgba(15,23,42,0.35)}.framing-swatch-0{background-color:#ffd43b}.framing-swatch-1{background-color:#4dabf7}.framing-swatch-2{background-color:#ff8787}.framing-swatch-off{visibility:hidden}.framing-verdict{padding:.6rem .75rem;border:1px solid rgba(15,23,42,0.12);border-radius:var(--border-radius,0.375rem)}.framing-verdict+.framing-verdict{margin-top:.5rem}.framing-verdict-head{display:flex;align-items:center;gap:.4rem}.framing-verdict-text{margin-top:.25rem;font-size:.9rem}.framing-verdict-text--good{color:var(--bs-success-text-emphasis,#0a3622);font-weight:600}.framing-verdict-text--too_large,.framing-verdict-text--small{color:var(--bs-warning-text-emphasis,#664d03)}.framing-open-link{margin-left:.15rem}.framing-astrodex-details>summary{cursor:pointer}html[data-theme="dark"] .framing-verdict,html[data-theme="red"] .framing-verdict{border-color:rgba(255,255,255,0.18)}html[data-theme="dark"] .framing-swatch,html[data-theme="red"] .framing-swatch{border-color:rgba(255,255,255,0.35)}html[data-theme="dark"] .framing-verdict-text--good{color:#75d9a0}html[data-theme="dark"] .framing-verdict-text--too_large,html[data-theme="dark"] .framing-verdict-text--small{color:#ffd866}html[data-theme="red"] .framing-verdict-text--good,html[data-theme="red"] .framing-verdict-text--too_large,html[data-theme="red"] .framing-verdict-text--small{color:inherit}