.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1120px}.media-back{margin-left:max(0px,calc((100% - 860px)/2))}.media-choice-grid{max-width:860px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-panel{max-width:860px;margin:0 auto;padding:24px}.media-panel[hidden]{display:none}.screenshot-zone{min-height:360px;border:1.5px dashed #aebdb6;border-radius:20px;background:linear-gradient(145deg,#fbfcfa,#f7faf9);display:grid;place-content:center;justify-items:center;gap:13px;padding:24px;color:var(--muted);outline:none;overflow:hidden}.screenshot-zone:focus{border-color:#8eafa4;box-shadow:0 0 0 4px rgba(134,171,159,.12)}.screenshot-zone svg{width:34px;height:34px;fill:none;stroke:#637b86;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.screenshot-zone.has-image{display:block;padding:12px;border-style:solid;background:#f6f8f6}.screenshot-zone.has-image>svg,.screenshot-zone.has-image>span{display:none}.screenshot-zone img{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:13px;background:#fff}.media-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.media-actions[hidden],.media-inline-message[hidden]{display:none}.media-actions form{margin:0}.media-action{width:100%;height:50px;display:flex;align-items:center;justify-content:center}.media-inline-message{margin-top:12px;padding:11px 14px;border-radius:12px;background:#fff1ef;color:#7d4848}.media-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-kind-card{position:relative;min-height:112px;border:1px solid transparent;border-radius:18px;padding:18px;display:grid;align-content:space-between;cursor:pointer}.media-kind-card:has(input:checked){border-color:#8aa99f;box-shadow:0 10px 26px rgba(38,51,59,.08)}.media-kind-card input{position:absolute;width:1px;height:1px;opacity:0}.media-kind-icon{font-size:22px}.media-kind-card strong{font-size:17px}.media-download-form>.primary{display:flex;align-items:center;justify-content:center}@media(max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-grid,.media-choice-grid,.media-actions,.media-kind-grid{grid-template-columns:1fr}.media-panel{padding:20px}.screenshot-zone{min-height:270px}}
