.mp-picker{--mp-ink:#173137;--mp-muted:#82999e;--mp-teal:#00a99c;--mp-line:#dae8e5;color:var(--mp-ink);border:1px solid var(--mp-line);background:#f9fcfb;border-radius:12px;margin-top:16px;overflow:hidden;animation:mp-enter .2s ease both;isolation:isolate}
.mp-picker *{box-sizing:border-box}
.mp-picker button,.mp-picker input,.mp-picker select{font:inherit}
.mp-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:21px 19px 17px;gap:14px;background:linear-gradient(110deg,#edf8f4,#f9fcfb)}
.mp-eyebrow{display:block;font-size:8px;font-weight:650;letter-spacing:1.5px;color:#7d9d96;margin-bottom:5px}
.mp-heading h5{margin:0;font-size:17px;line-height:1.5;font-weight:650;letter-spacing:-.3px;color:#183c3d}
.mp-heading p{margin:4px 0 0;font-size:10px;color:#88a19e;line-height:1.7}
.mp-icon-button{flex:none;display:grid;place-items:center;border:1px solid #deebe6;border-radius:7px;background:#fff9;width:27px;height:27px;font-size:22px!important;line-height:1!important;color:#85a09c;cursor:pointer}
.mp-icon-button:hover{color:#0c8d80;border-color:#95d6c7;background:white}
.mp-filters{padding:0 17px 13px;display:flex;flex-wrap:wrap;gap:8px;background:#f5faf7;border-bottom:1px solid #e0ebe6}
.mp-search{position:relative;flex:1;min-width:190px;display:block}
.mp-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#8fa7a3;pointer-events:none}
.mp-search input{width:100%;height:36px;outline:none;border:1px solid #dce9e4;border-radius:7px;background:white;padding:8px 10px 8px 31px;color:#365b5b;font-size:10px;transition:border-color .16s,box-shadow .16s}
.mp-search input::placeholder{color:#a1b4ae}
.mp-search input:focus,.mp-filters select:focus{border-color:#40bbab;box-shadow:0 0 0 3px #00a99c0b}
.mp-filters select{height:36px;min-width:93px;max-width:170px;flex:1;border:1px solid #dce9e4;border-radius:7px;background:white;color:#64867e;font-size:10px;padding:7px 8px;outline:none}
.mp-list-tools{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;gap:10px;font-size:9px;color:#819c95}
.mp-list-tools>div{display:flex;gap:12px}
.mp-list-tools button,.mp-clear{font-size:9px!important;color:#179580;background:transparent;border:0;padding:3px 0;cursor:pointer;white-space:nowrap}
.mp-list-tools button:disabled{opacity:.4;cursor:not-allowed}
.mp-list-tools button.is-active{font-weight:650;color:#087866;text-decoration:underline;text-underline-offset:4px}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;padding:0 17px 17px;max-height:520px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdd9d0 transparent;align-items:start}
.mp-card{min-width:0;overflow:hidden;position:relative;border:1px solid #dce7e1;border-radius:9px;background:#fff;transition:border-color .16s,box-shadow .16s}
.mp-card:hover{border-color:#a8cec1;box-shadow:0 3px 9px #143f3509}
.mp-card.is-selected{border-color:#13b39c;box-shadow:0 0 0 1px #13b39c}
.mp-card.is-disabled{border-color:#e3e9e5;background:#fafcfb}
.mp-card-media{height:175px;position:relative;overflow:hidden;background:#193d3e}
.mp-real-video,.mp-real-image{width:100%;height:100%;display:block;object-fit:cover;background:#123033}
.mp-real-video:focus-visible{outline:2px solid #45d5be;outline-offset:-3px}
.mp-real-video[controls]{object-fit:contain}
.mp-poster{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#315854,#112832);color:white}
.mp-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081b24b5,transparent 75%);z-index:2}
.mp-poster-orbit{position:absolute;width:135%;height:190%;border:1px solid #d8eee428;left:12%;top:-65%;transform:rotate(-25deg);border-radius:50%}
.mp-poster-person{position:absolute;display:block;right:2%;top:48%;width:36%;height:80%;border-radius:47% 47% 10% 10%;background:linear-gradient(105deg,#0b232d,#24434c 65%,#0c2730);transform:rotate(-9deg);opacity:.9}
.mp-poster-person:before{content:'';position:absolute;width:42%;height:26%;border-radius:45% 45% 40% 43%;left:25%;top:-21%;background:linear-gradient(110deg,#60827a,#19343c);box-shadow:4px -3px 0 #122c32}
.mp-person-two{right:33%;top:58%;width:30%;height:65%;opacity:.55;transform:rotate(13deg)}
.mp-poster-title{position:absolute;left:13px;right:10px;bottom:24px;z-index:3;max-width:100%;overflow:hidden}
.mp-poster-title small{display:block;font-size:5px;letter-spacing:1px;line-height:1.6;opacity:.65;max-width:135px;overflow-wrap:anywhere;margin-bottom:8px}
.mp-poster-title strong{display:block;font:24px/1.08 Georgia,'Songti SC',serif;letter-spacing:-.4px;text-shadow:0 1px 9px #0003;overflow-wrap:anywhere;max-height:105px;overflow:hidden;font-weight:500}
.mp-poster-title em{display:block;height:2px;width:20px;background:#a8ded0;margin-top:10px}
.mp-theme-noir{background:radial-gradient(ellipse at 15% 0,#89a292,transparent 65%),linear-gradient(140deg,#31534f,#0b222a)}
.mp-theme-wine{background:radial-gradient(ellipse at 15% 0,#c6a490,transparent 65%),linear-gradient(140deg,#805157,#2c1b29)}
.mp-theme-wine .mp-poster-person{background:linear-gradient(105deg,#381b2c,#704753 65%,#2b152d)}
.mp-theme-ocean{background:radial-gradient(ellipse at 40% 0,#c5c0a2,transparent 70%),linear-gradient(160deg,#6c9697,#224656)}
.mp-theme-cream{background:radial-gradient(ellipse at 15% 0,#f2e8c7,transparent 70%),linear-gradient(140deg,#b5a47f,#827052)}
.mp-theme-emerald{background:radial-gradient(ellipse at 95% 0,#84a791,transparent 65%),linear-gradient(140deg,#2c574d,#10363a)}
.mp-theme-emerald .mp-poster-person{background:linear-gradient(105deg,#0d312c,#345f4f 65%,#123b30)}
.mp-theme-plum{background:radial-gradient(ellipse at 0 0,#c2b8aa,transparent 60%),linear-gradient(140deg,#806775,#322b45)}
.mp-theme-sky{background:radial-gradient(ellipse at 0 0,#c3dcd1,transparent 70%),linear-gradient(140deg,#7aafb2,#3b6175)}
.mp-theme-charcoal{background:radial-gradient(ellipse at 100% 0,#5f8380,transparent 60%),linear-gradient(140deg,#2b494b,#172c31)}
.mp-check{display:block;position:absolute;left:9px;top:9px;width:21px;height:21px;z-index:5;cursor:pointer}
.mp-check input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}
.mp-check>span{position:absolute;inset:0;display:grid;place-items:center;background:#112e3470;border:1px solid #ffffffa8;border-radius:5px;color:transparent;transition:color .15s,background .15s,border-color .15s}
.mp-check svg{width:16px;height:16px}
.mp-check input:checked+span{background:#00ac96;border-color:#48d4b6;color:white}
.mp-check input:focus-visible+span{outline:2px solid white;outline-offset:3px}
.mp-check input:disabled{cursor:not-allowed}
.mp-check:has(input:disabled){opacity:.35}
.mp-ratio{position:absolute;right:8px;top:10px;z-index:4;border:1px solid #ffffff40;background:#0e2c3847;border-radius:4px;color:#fff;font-size:8px;padding:2px 4px;line-height:1.4;backdrop-filter:blur(4px)}
.mp-duration{position:absolute;right:7px;bottom:7px;z-index:4;border-radius:3px;color:#fff;background:#0a232c7a;font-size:8px;padding:2px 4px;line-height:1.4}
.mp-demo-label{position:absolute;bottom:7px;left:9px;z-index:4;color:#d4e5ddc2;font-size:7px;letter-spacing:.3px}
.mp-preview{position:absolute;z-index:5;left:9px;bottom:7px;border:1px solid #ffffff6b;background:#15343f8c;color:white;cursor:pointer;font-size:8px!important;border-radius:4px;padding:3px 6px;line-height:1.3;backdrop-filter:blur(4px)}
.mp-card-copy{padding:11px 10px 10px}
.mp-card-name{display:flex;gap:7px;align-items:flex-start;cursor:pointer}
.mp-card-name input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.mp-card-name:focus-within strong{outline:2px solid #3fc8ad;outline-offset:3px;border-radius:2px}
.mp-card-name strong{font-size:12px;line-height:1.7;font-weight:600;color:#2b4d4e;overflow-wrap:anywhere;display:block;min-height:40px}
.mp-card-meta{display:flex;gap:6px;justify-content:space-between;flex-wrap:wrap;margin-top:8px;color:#78958b;font-size:9px;line-height:1.5}
.mp-card-copy>p{font-size:10px;line-height:1.6;margin:6px 0 8px;color:#91a89f;overflow-wrap:anywhere}
.mp-tags{display:flex;flex-wrap:wrap;gap:4px;min-height:17px}
.mp-tags span{font-size:9px;background:#f1f7f4;border-radius:3px;padding:2px 5px;color:#81a093;line-height:1.5}
.mp-disabled-reason{font-size:8px;color:#a1a99a;background:#f0f3ed;line-height:1.6;border-radius:4px;padding:4px 6px;min-height:21px}
.mp-card.is-disabled .mp-card-media{filter:saturate(.45)}
.mp-card.is-disabled .mp-poster{opacity:.72}
.mp-card.is-disabled .mp-card-name{cursor:not-allowed}
.mp-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 12px;color:#7fa097;font-size:10px}
.mp-empty>span svg{width:25px;height:25px;color:#aec8bd;margin-bottom:9px}
.mp-empty strong{font-size:12px;color:#75988b;font-weight:500}
.mp-empty p{font-size:9px;color:#a2b5ab;margin:6px 0 12px}
.mp-empty button{background:#fff;border:1px solid #cfdfd4;border-radius:6px;padding:6px 10px;color:#4f9780;font-size:9px;cursor:pointer}
.mp-selection-summary{display:flex;gap:8px;align-items:flex-start;padding:11px 17px;background:#f1faf5;border-top:1px solid #dcece3}
.mp-selection-summary[hidden]{display:none}
.mp-selected-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;max-height:88px;overflow:auto;scrollbar-width:thin}
.mp-selected-chips button{border:1px solid #cce7da;background:#fff;border-radius:5px;display:flex;gap:7px;align-items:center;font-size:8px;line-height:1.5;padding:5px 7px;color:#598975;max-width:100%;cursor:pointer;text-align:left}
.mp-selected-chips span{min-width:0;overflow-wrap:anywhere}
.mp-selected-chips b{font-size:13px;font-weight:400;color:#80a492;flex:none;line-height:1}
.mp-clear{flex:none;padding-top:5px!important}
.mp-footer{border-top:1px solid #e0ebe5;background:white;padding:16px 17px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px}
.mp-footer>div:first-child{flex:1;min-width:160px}
.mp-footer strong{display:block;font-size:11px;color:#238e78;font-weight:600}
.mp-footer small{display:block;font-size:8px;line-height:1.8;color:#94aa9e;margin-top:4px;max-width:340px}
.mp-footer-actions{display:flex;align-items:center;gap:8px}
.mp-cancel,.mp-apply{border:1px solid #d5e5db;border-radius:7px;background:white;color:#6c8f7d;padding:9px 10px;font-size:9px!important;cursor:pointer;transition:background .16s,box-shadow .16s}
.mp-apply{background:#153736;border-color:#153736;color:white;box-shadow:0 3px 6px #143f3410}
.mp-apply:hover{background:#26524c}
.mp-apply:disabled{opacity:.4;cursor:not-allowed}
.mp-picker button:focus-visible,.mp-filters select:focus-visible{outline:2px solid #35bea0;outline-offset:3px}
@keyframes mp-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.mp-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.mp-card-media{height:165px}.mp-filters select{min-width:90px;max-width:100%}.mp-search{flex-basis:100%}.mp-heading{padding:17px}.mp-footer-actions{margin-left:auto}}
@media(max-width:650px){.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-left:10px;padding-right:10px;max-height:570px}.mp-card-media{height:190px}.mp-heading{padding:15px 12px}.mp-heading h5{font-size:15px}.mp-filters{padding-left:11px;padding-right:11px}.mp-list-tools{padding-left:12px;padding-right:12px;gap:6px}.mp-list-tools>div{gap:9px}.mp-list-tools button{font-size:8px!important}.mp-footer{padding:13px 12px}.mp-footer-actions{width:100%;justify-content:flex-end}.mp-apply{flex:1;text-align:center}.mp-selection-summary{padding:10px 12px}.mp-card-copy{padding:9px 8px}.mp-poster-title{left:10px;right:8px}.mp-poster-title strong{font-size:22px}.mp-card-name strong{font-size:11px}.mp-footer small{font-size:8px}.mp-card-meta{font-size:9px}.mp-picker{margin-top:12px}}
@media(max-width:390px){.mp-card-media{height:160px}.mp-poster-title strong{font-size:20px}.mp-card-name strong{font-size:11px}.mp-card-copy>p{font-size:9px}.mp-disabled-reason{font-size:9px}.mp-grid{gap:6px;padding-left:8px;padding-right:8px}.mp-list-tools{align-items:flex-start;gap:4px}.mp-list-tools>div{gap:6px}.mp-list-tools>span{font-size:8px}.mp-filters select{font-size:9px}.mp-search input{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mp-picker{animation:none}.mp-card,.mp-check>span,.mp-search input,.mp-cancel,.mp-apply{transition:none}}

.mp-card:not(.is-disabled) .mp-card-media{cursor:pointer}
.creator-current-thumb .mp-poster-title{left:6px;right:4px;bottom:12px}.creator-current-thumb .mp-poster-title strong{font-size:13px}.creator-current-thumb .mp-poster-title small{font-size:4px;margin-bottom:4px}.creator-current-thumb .mp-poster-title em{margin-top:5px}