/* Keep MIC decoration below the picture, never over gameplay or controls. */
body#mic-studio.mic-studio .plays{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body#mic-studio.mic-studio .play.mic-render-card{border:1px solid #be57d466;border-radius:30px 12px 30px 12px;box-shadow:0 5px 0 #30113d;transition:border-color .2s}
body#mic-studio.mic-studio .play.mic-render-card:hover{transform:none;border-color:#f578d5}
body#mic-studio.mic-studio .mic-render-card .visual{position:relative;aspect-ratio:16/9;background:#07050a}
body#mic-studio.mic-studio .mic-render-card .visual video,body#mic-studio.mic-studio .mic-render-card .visual img{object-fit:contain;aspect-ratio:16/9;width:100%;height:100%;filter:none}
body#mic-studio.mic-studio .mic-render-card .details{--ink:#fff6ff;--muted:#dac1e7;--line:#e9a6db2b;--bg:#200c31;--pink:#ff8edc;--pink-soft:#61235d;--error:#ff9ebd;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:39px 24px 25px;background:#311347;color:var(--ink)}
body#mic-studio.mic-studio .mic-render-card .details::before{content:'';position:absolute;inset:0 0 auto;height:220px;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 220' preserveAspectRatio='none'%3E%3Cpath fill='%23672599' d='M0 0H600V38C470 74 420-21 260 22S85 46 0 17Z'/%3E%3Cpath fill='%23bd2cb8' d='M0 0H600V16C465 58 415-18 250 13S80 31 0 8Z'/%3E%3Cpath fill='%23ef31b8' d='M0 0H600V5C480 31 390-14 232 9S75 13 0 2Z'/%3E%3Cpath fill='%23612691' d='M600 80C482 98 547 147 353 163S167 168 0 208V220H600Z'/%3E%3Cpath fill='%239c27ac' d='M600 109C523 114 527 162 361 181S133 186 0 218V220H600Z'/%3E%3Cpath fill='%23e72bab' d='M600 153C516 142 527 185 362 198S167 200 101 220H600Z'/%3E%3Cpath fill='none' stroke='%23fa7dd7' stroke-opacity='.6' stroke-width='1' d='M600 153C516 142 527 185 362 198S167 200 101 220'/%3E%3C/svg%3E") top/100% 220px no-repeat}
body#mic-studio.mic-studio .mic-render-card .details h3{grid-column:1/-1;font:900 23px/1.16 'Outfit',sans-serif;letter-spacing:-.025em;margin:0;min-width:0;overflow-wrap:anywhere;-webkit-line-clamp:2;color:#fff6ff}
body#mic-studio.mic-studio .mic-render-card .details:has(.render-options[open])::before{height:55px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 55' preserveAspectRatio='none'%3E%3Cpath fill='%23672599' d='M0 0H600V38C470 74 420-21 260 22S85 46 0 17Z'/%3E%3Cpath fill='%23bd2cb8' d='M0 0H600V16C465 58 415-18 250 13S80 31 0 8Z'/%3E%3Cpath fill='%23ef31b8' d='M0 0H600V5C480 31 390-14 232 9S75 13 0 2Z'/%3E%3C/svg%3E") top/100% 55px no-repeat}
body#mic-studio.mic-studio .mic-render-card .details .sub{grid-column:1/-1;justify-self:start;margin:10px 0 20px;padding:4px 9px;border:1px solid #d58cdc3b;border-radius:20px;background:#1f0b2f80;font-size:11px;line-height:1.4;overflow-wrap:anywhere;color:var(--muted)}
body#mic-studio.mic-studio .mic-render-card .main-actions{grid-column:1;margin:0;gap:0}
body#mic-studio.mic-studio .mic-render-card .main-actions .download-video{position:relative;isolation:isolate;overflow:hidden;gap:8px;min-height:45px;padding:11px 20px;border:1px solid #ffa0dfb3;border-radius:20px 7px 20px 7px;background:#e62bb1;box-shadow:0 3px 0 #521674;color:#fff;font:900 14px/1 'Outfit',sans-serif;transition:transform .18s,background-color .18s}
body#mic-studio.mic-studio .mic-render-card .main-actions .download-video::before{content:'';position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cpath fill='%23a327b0' d='M0 47C65 18 104 71 166 37S215 45 240 18V60H0Z'/%3E%3Cpath fill='%23702596' d='M0 60C57 29 110 76 174 48S217 52 240 34V60H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
body#mic-studio.mic-studio .mic-render-card .main-actions .download-video:hover{background:#f341bf;border-color:#ffd1f0;transform:translateY(-1px)}
body#mic-studio.mic-studio .mic-render-card .render-options{grid-column:2;align-self:start;border:0;margin:0;padding:0;min-width:0}
body#mic-studio.mic-studio .mic-render-card .render-options>summary{gap:10px;min-height:45px;padding:9px 11px 9px 14px;border:1px solid #d990db4a;border-radius:18px 7px 18px 7px;background:#241035;color:#f2dbfc;font:600 12px/1.2 'Outfit',sans-serif;justify-content:flex-end}
body#mic-studio.mic-studio .mic-render-card .render-options>summary>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cb71c753;background:#79308055;border-radius:50%;font-size:18px}
body#mic-studio.mic-studio .mic-render-card .render-options>summary:hover{color:#fff;border-color:#f480cf;background:#3e174c}
body#mic-studio.mic-studio .mic-render-card .render-options[open]{grid-column:1/-1;border-top:1px solid var(--line);margin-top:14px;padding-top:5px}
body#mic-studio.mic-studio .mic-render-card .render-options[open]>summary{margin:3px 0 16px auto;max-width:140px}
body#mic-studio.mic-studio .mic-render-card .render-options .meta{font-size:11px;margin:0 0 12px;overflow-wrap:anywhere}
body#mic-studio.mic-studio .mic-render-card .render-options .skin-used{margin-top:10px;overflow-wrap:anywhere}
body#mic-studio.mic-studio .mic-render-card .render-options .actions{flex-wrap:wrap}
body#mic-studio.mic-studio .mic-render-card .render-options .actions:empty{display:none}
body#mic-studio.mic-studio .mic-render-card .render-options .thumbnail-editor{margin-top:18px}
body#mic-studio.mic-studio .mic-render-card .render-options .thumbnail-editor>div{min-width:0;flex-wrap:wrap}
body#mic-studio.mic-studio .mic-render-card .render-options .thumbnail-editor input{min-width:0;max-width:100%;flex:1 1 150px}
body#mic-studio.mic-studio .mic-render-card :is(a,button,summary):focus-visible{outline:2px solid var(--pink);outline-offset:3px}
@media(max-width:1100px){body#mic-studio.mic-studio .plays{grid-template-columns:1fr}}
@media(max-width:560px){body#mic-studio.mic-studio .plays{gap:26px}body#mic-studio.mic-studio .mic-render-card .details{padding:37px 18px 24px;gap:0 9px}body#mic-studio.mic-studio .mic-render-card .details h3{font-size:21px}body#mic-studio.mic-studio .mic-render-card .main-actions .download-video{padding:11px 16px;font-size:13px}body#mic-studio.mic-studio .mic-render-card .render-options>summary{padding:9px 9px 9px 11px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body#mic-studio.mic-studio .play.mic-render-card,body#mic-studio.mic-studio .mic-render-card .download-video{transition:none!important;transform:none!important}}
