.planner-media-widget .planner-media-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}
.planner-media-field{display:flex;flex-direction:column;gap:.48rem;font-weight:600;min-width:0}
.planner-media-field:has(textarea){grid-column:1/-1}
.planner-media-field input,.planner-media-field select,.planner-media-field textarea{font:inherit;width:100%;padding:.72rem .8rem;border:1px solid #c6d5d1;border-radius:.7rem;background:#fff;color:#172d29}
.planner-media-field input[type=file]{padding:.55rem}
.planner-media-field input[type=color]{min-height:2.8rem;padding:.2rem}
.planner-media-field input[type=range]{padding:.6rem 0}
.planner-media-field textarea{resize:vertical;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.planner-media-field output{font-size:.86rem;color:#46625c}
.planner-media-result{margin-top:1.25rem;padding:1.15rem;border:1px solid #c6d5d1;background:#f6fbf9;border-radius:.85rem}
.planner-media-result h2{font-size:1.1rem;margin:0 0 .55rem}
.planner-media-result p{margin:.2rem 0 .8rem}
.planner-media-result img{display:block;max-width:100%;max-height:20rem;object-fit:contain;background:repeating-conic-gradient(#e6e9e8 0 25%,#fff 0 50%) 0/1.2rem 1.2rem;border-radius:.5rem;margin:.75rem 0}
.planner-media-result textarea{width:100%;min-height:7rem;padding:.7rem;border:1px solid #c6d5d1;border-radius:.5rem;resize:vertical;font: .85rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.planner-media-result a{display:inline-block;margin-top:.7rem}
.planner-media-table-wrap{overflow:auto;max-width:100%;margin:.8rem 0}
.planner-media-table-wrap table{border-collapse:collapse;min-width:100%;font-size:.9rem}
.planner-media-table-wrap caption{text-align:left;font-weight:700;margin-bottom:.4rem}
.planner-media-table-wrap td{border:1px solid #c6d5d1;padding:.48rem .65rem;min-width:5rem}
@media(max-width:660px){.planner-media-widget .planner-media-fields{grid-template-columns:1fr}}