.framing-comparison-launcher{margin:12px 0;padding:12px 14px;border:1px solid #c8d6e5;border-radius:14px;background:#f5f9fd}.framing-comparison-launcher .section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.framing-comparison-launcher p{margin:6px 0 4px;color:#536b82}.framing-comparison-launcher small{color:#536b82}.framing-comparison-launcher small.is-ready{color:#2e6c9d}.framing-comparison-launcher small.is-blocked{color:#a12a2a}
.framing-comparison-layer{position:absolute;inset:0;z-index:62;pointer-events:none}.framing-comparison{position:absolute;right:12px;top:12px;width:min(840px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:22px;border:1px solid #c8d6e5;border-radius:18px;background:#fbfdff;color:#354f67;box-shadow:0 18px 60px rgb(52 96 137/.2);pointer-events:auto}.framing-comparison h2{margin:0 0 8px}.framing-comparison__warning{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#eaf2fa;color:#516a81;font-size:.9rem}.framing-comparison__form{display:grid;grid-template-columns:120px 120px 1fr 1fr;gap:8px;margin:8px 0}.framing-comparison__form textarea{min-height:58px}.framing-comparison__form textarea:nth-of-type(3){grid-column:span 2}.framing-comparison__form button{grid-column:span 2}.framing-comparison input,.framing-comparison textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #afc2d5;border-radius:8px;background:#fff;color:#354f67;font:inherit}.framing-comparison input:focus-visible,.framing-comparison textarea:focus-visible{outline:2px solid #5a8bb3;outline-offset:2px}.framing-comparison__preview{margin:12px 0;padding:10px;border-radius:10px;background:#f0f6fb}.framing-comparison__preview p{margin:6px 0}.framing-comparison__status{margin:12px 0;padding:9px;border-radius:9px;background:#f1f6fb}.framing-comparison__actions{display:flex;flex-wrap:wrap;gap:8px}.framing-comparison button{min-height:40px;padding:8px 12px;border:1px solid #91acc3;border-radius:9px;background:#fff;color:#354f67;cursor:pointer}.framing-comparison button:hover,.framing-comparison button:focus-visible{border-color:#2e6c9d;outline:2px solid #c1d8ea;outline-offset:2px}.framing-comparison button.is-primary{border-color:#2e6c9d;background:#2e6c9d;color:#fff}.framing-comparison__help{display:block;margin-top:10px;color:#536b82}
@media (max-width:700px){.framing-comparison__form{grid-template-columns:1fr 1fr}.framing-comparison__form textarea,.framing-comparison__form button{grid-column:span 2}}@media (max-width:640px){.framing-comparison{right:8px;top:8px;width:calc(100% - 16px);max-height:calc(100% - 16px);padding:16px}}@media (forced-colors:active){.framing-comparison,.framing-comparison input,.framing-comparison textarea,.framing-comparison button{border:1px solid CanvasText;background:Canvas;color:CanvasText}.framing-comparison button:focus-visible,.framing-comparison input:focus-visible,.framing-comparison textarea:focus-visible{outline-color:Highlight}}@media print{.framing-comparison-layer,.framing-comparison-launcher{display:none!important}}