.mp-root{max-width:1100px;margin:0 auto}.mp-root h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:.8rem 0}.mp-heading{margin-bottom:1.2rem}.mp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1.3rem;margin-top:1.5rem}.mp-card{border:1px solid #ddd;border-radius:18px;overflow:hidden;background:#fff}.mp-card>img,.mp-placeholder{width:100%;height:280px;object-fit:cover;background:#f4f2ef}.mp-placeholder{display:grid;place-items:center;color:#626262}.mp-card-body{padding:1.2rem}.mp-card h2{font-size:1.5rem;margin:0 0 .4rem;overflow-wrap:anywhere}.mp-card-body p{margin:.4rem 0}.mp-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.mp-root button,.mp-root select{min-height:44px}.mp-root .button{padding:.65rem 1.1rem;white-space:normal}.mp-root label{display:block}.mp-root input:not([type=checkbox]):not([type=file]),.mp-root select{display:block;width:100%;max-width:560px;min-height:48px;margin:.5rem 0 1rem;font:inherit;border:1px solid #aaa;padding:.7rem;border-radius:6px}.mp-badge{display:inline-block;font-size:.85rem;padding:.25rem .6rem;background:#f3f1ed;border-radius:99px}.mp-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0}.mp-pick{border:2px solid transparent;border-radius:9px;overflow:hidden;background:#f4f2ef;position:relative}.mp-pick.selected{border-color:#111}.mp-pick>label{position:relative;cursor:pointer;min-height:70px}.mp-pick img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.mp-pick input[type=checkbox]{position:absolute;top:.5rem;inset-inline-start:.5rem;width:26px;height:26px;accent-color:#111}.mp-pick>label:has(input:focus-visible){outline:3px solid #6767d0;outline-offset:-3px}.mp-cover{font:inherit;font-size:.85rem;background:#fff;width:100%;border:0;border-top:1px solid #ddd;cursor:pointer}.mp-cover[aria-pressed=true]{background:#111;color:#fff}.mp-photo-privacy{position:absolute;inset-inline-start:.3rem;bottom:50px;background:#fff;font-size:.72rem;padding:.2rem .3rem;border-radius:3px;pointer-events:none}.mp-savebar{position:sticky;bottom:0;z-index:4;display:flex;gap:.6rem;background:#fffffff5;border-top:1px solid #ddd;padding:1rem 0;backdrop-filter:blur(8px)}.mp-status{min-height:1.5em;color:#385442;overflow-wrap:anywhere}.mp-error{color:#a31d2e}.mp-hero{max-width:500px;margin:1.5rem auto}.mp-hero img{max-height:65vh;width:100%;object-fit:contain;background:#f4f2ef;border-radius:10px}.mp-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.mp-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px}.mp-privacy{border-top:1px solid #ddd;margin:2rem 0 1rem;padding-top:1.4rem}.mp-permission:not([hidden]){display:flex;gap:.6rem;align-items:flex-start;max-width:650px}.mp-permission input{min-width:24px;height:24px;margin:.1rem 0}.mp-delete{display:block;margin:2rem 0;color:#922}.mp-root [hidden]{display:none!important}.mp-root[aria-busy=true]{opacity:.75}.mp-root:focus{outline:none}@media(max-width:600px){.mp-root{padding:1rem!important}.mp-cards{grid-template-columns:1fr}.mp-card>img{height:320px}.mp-picker,.mp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-actions>.button{flex:1;min-width:100px}.mp-savebar>.button{flex:1}.mp-hero img{max-height:55vh}}

@media(max-width:600px){.mp-savebar{position:fixed;inset-inline:0;bottom:0;padding:12px 16px;margin:0;box-shadow:0 -3px 15px #0001;flex-wrap:wrap}.mp-root:has(.mp-savebar){padding-bottom:180px!important}.mp-savebar #mp-publish{flex-basis:100%;min-height:48px}}
.mp-root h1{overflow-wrap:anywhere}
@media(min-width:360px) and (max-width:600px){.mp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-card>img{height:190px}.mp-card-body{padding:12px}.mp-card h2{font-size:1.12rem;line-height:1.3}.mp-card .mp-actions{gap:7px}.mp-card .mp-actions>.button{min-width:0;flex-basis:100%;font-size:1rem}}