.my-drama-play-cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;margin-top:16px;flex-shrink:0}.my-drama-play-cards:not(:has(>section:not([hidden]))){display:none}.my-drama-role-card,.my-drama-image-card{display:flex;align-items:center;gap:6px;min-width:0;padding:8px;border:1px solid #42353d;border-radius:10px;background:#211b20;color:#d4c1cb}.my-drama-role-card[hidden],[hidden].my-drama-image-card{display:none}.my-drama-role-card__icon{width:22px;height:22px;flex-shrink:0;color:#c99bb0}.my-drama-role-card__content{min-width:0;flex:1}.my-drama-role-card h3,.my-drama-image-card h3,.my-drama-role-card p,.my-drama-image-card p{display:none}.my-drama-role-card .my-drama-role-entry,.my-drama-image-card .my-drama-role-entry,.my-drama-role-card .my-drama-image-entry,.my-drama-image-card .my-drama-image-entry{position:static;width:100%;min-height:44px;padding:3px 0;border:0;border-radius:5px;background:rgba(0,0,0,0);color:inherit;font-size:12px;font-weight:500;line-height:1.4;text-align:left;overflow-wrap:anywhere;cursor:pointer}.my-drama-role-card:hover,.my-drama-image-card:hover{border-color:#79616f;background:#2b2229}.my-drama-role-card .my-drama-role-entry:focus-visible,.my-drama-image-card .my-drama-role-entry:focus-visible,.my-drama-role-card .my-drama-image-entry:focus-visible,.my-drama-image-card .my-drama-image-entry:focus-visible{outline:2px solid #ff9ec6;outline-offset:2px}.my-drama-image-card .my-drama-role-card__icon{color:#b3a0ca}.my-drama-image-card .my-drama-image-entry:focus-visible{outline-color:#cfb3ff}.my-drama-v1 .drama-player__panel{overflow-y:auto;overscroll-behavior:contain}.my-drama-v1 .drama-player__panel-head,.my-drama-v1 .drama-player__grid{flex-shrink:0}@media(min-width: 960px){.my-drama-v1 .drama-player__panel>.my-drama-play-cards{display:none}.my-drama-play-cards{gap:12px}.my-drama-role-card,.my-drama-image-card{padding:14px;align-items:stretch}.my-drama-role-card .my-drama-role-card__icon,.my-drama-image-card .my-drama-role-card__icon{display:none}.my-drama-role-card .my-drama-role-card__content,.my-drama-image-card .my-drama-role-card__content{display:flex;flex-direction:column}.my-drama-role-card h3,.my-drama-image-card h3{display:block;margin:0 0 8px;color:#f4e8ee;font-size:15px;line-height:1.4}.my-drama-role-card p,.my-drama-image-card p{display:block;flex:1;margin:0 0 6px;color:#c3b1ba;font-size:13px;line-height:1.5}.my-drama-role-card .my-drama-role-entry,.my-drama-role-card .my-drama-image-entry,.my-drama-image-card .my-drama-role-entry,.my-drama-image-card .my-drama-image-entry{width:auto;align-self:flex-start;color:#e6b4cc;font-size:13px}.my-drama-image-card .my-drama-image-entry{color:#cab5e4}}.my-drama-role-picker{margin:auto;padding:24px;border:1px solid rgba(226,75,119,.5019607843);border-radius:20px;color:#fff;background:#17191c;width:min(640px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.my-drama-role-picker::backdrop{background:rgba(0,0,0,.7333333333);backdrop-filter:blur(6px)}.my-drama-role-picker form{display:flex;flex-direction:column;gap:12px}.my-drama-role-picker button{cursor:pointer;color:#fff;border:1px solid hsla(0,0%,100%,.1882352941);background:#292c30;border-radius:10px;padding:12px;min-height:44px}.my-drama-role-picker button:disabled{opacity:.55;cursor:default}.my-drama-role-picker button:focus-visible,.my-drama-role-picker [role=slider]:focus-visible,.my-drama-role-picker input:focus-visible{outline:2px solid #ff93b3;outline-offset:3px}.my-drama-role-picker .my-drama-role-picker__cancel{align-self:flex-end}.my-drama-role-picker .my-drama-role-picker__intro,.my-drama-role-picker .my-drama-role-picker__hint{color:#c9cbd0;font-size:14px;line-height:1.5}.my-drama-role-picker h2{font-size:22px}.my-drama-role-picker video{width:100%;height:min(36dvh,300px);object-fit:contain;background:#080809;border-radius:12px}.my-drama-role-picker .my-drama-role-picker__timeline{position:relative;height:60px;border-radius:10px;background:repeating-linear-gradient(90deg, #343039 0, #343039 calc(20% - 2px), #17191c calc(20% - 2px), #17191c 20%)}.my-drama-role-picker .my-drama-role-picker__frame{position:absolute;height:100%;border:3px solid #ff739d;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(226,75,119,.2509803922);touch-action:none;cursor:grab;user-select:none;font-weight:700}.my-drama-role-picker .my-drama-role-picker__overview{width:100%;accent-color:#e24b77;min-height:44px}.my-drama-role-picker .my-drama-role-picker__adjust{display:flex;gap:8px}.my-drama-role-picker .my-drama-role-picker__adjust button{flex:1}.my-drama-role-picker .my-drama-role-picker__continue{background:#e24b77;border-color:#e24b77;font-weight:700}.my-drama-role-picker .my-drama-role-picker__status{color:#ffb5cd;font-size:14px}@media(max-width: 480px){.my-drama-role-picker{padding:16px;border-radius:16px}.my-drama-role-picker video{height:29dvh}.my-drama-role-picker h2{font-size:20px}.my-drama-role-picker form{gap:8px}}.my-drama-image-picker .my-drama-image-picker__eyebrow{margin:0;color:#cfb3ff;font-size:12px;font-weight:700;letter-spacing:1px}.my-drama-image-picker .my-drama-image-picker__time{margin:0;color:#c9cbd0;font-variant-numeric:tabular-nums;font-size:13px}.my-drama-image-picker .my-drama-role-picker__continue{background:#7652a2;border-color:#9b77c6}.my-drama-image-picker video{height:min(40dvh,340px)}@media(max-width: 480px){.my-drama-image-picker video{height:30dvh}}.my-drama-role-picker .my-drama-role-picker__cancel{position:absolute;right:10px;top:10px;width:44px;padding:4px;font-size:24px;border:0;background:none}.my-drama-role-picker h2{padding-right:38px}.my-drama-role-picker .my-drama-role-picker__continue{position:sticky;bottom:0}@media(max-width: 480px){.my-drama-role-picker .my-drama-role-picker__intro{display:none}.my-drama-role-picker video{height:24dvh}.my-drama-role-picker h2{font-size:18px}.my-drama-role-picker .my-drama-role-picker__timeline{height:52px}.my-drama-role-picker .my-drama-role-picker__hint{font-size:12px;line-height:1.35}}