/* SkyCam Control Suite 3.1 – focused refinements */
.media-home-panel{position:relative;overflow:hidden}.media-home-panel:before{content:"";position:absolute;inset:-120px auto auto -120px;width:260px;height:260px;border-radius:50%;background:rgba(139,92,246,.11);filter:blur(70px);pointer-events:none}.media-category{position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 50px rgba(0,0,0,.12);transition:border-color .2s,transform .2s}.media-category:hover{border-color:rgba(139,92,246,.22)}.media-options.popup-controls{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(120px,.7fr)) auto;gap:10px;width:min(860px,100%);align-items:end}.media-options.popup-controls label{min-width:0}.opacity-control{grid-template-columns:1fr auto;align-items:center}.opacity-control span{grid-column:1/-1}.opacity-control input[type=range]{width:100%;accent-color:var(--suite-accent)}.opacity-control output{font-variant-numeric:tabular-nums;color:#d8b4fe;font-weight:800;min-width:52px;text-align:right}.media-help-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.14);color:#a5f3fc;font-size:.78rem}.media-tile{transition:transform .18s,border-color .18s,box-shadow .18s}.media-tile:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.33);box-shadow:0 14px 35px rgba(0,0,0,.22)}.media-tile-actions button:first-child{background:linear-gradient(135deg,#8b5cf6,#6d5dfc);box-shadow:0 8px 24px rgba(139,92,246,.18)}.media-preview.image{background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.025) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.media-preview.image img{object-fit:contain}.screentime-mode-note{padding:10px 13px;border-radius:14px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.13);color:#bae6fd;font-size:.84rem}
@media(max-width:1180px){.media-options.popup-controls{grid-template-columns:repeat(2,minmax(160px,1fr));}.media-options.popup-controls .secondary{width:100%}}
@media(max-width:620px){.media-options.popup-controls{grid-template-columns:1fr}.media-help-chip{border-radius:14px}}