.media-resource-panel { margin:18px 0; padding:12px 18px; color:var(--paper-ink); background:var(--paper-cream) var(--paper-texture); border:1px solid rgba(23,40,56,.3); box-shadow:var(--paper-shadow); }
.media-gpu-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.media-gpu-meter { display:grid; grid-template-columns:auto minmax(0,1fr) 4.5ch; gap:8px; align-items:center; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
.media-gpu-track { position:relative; height:24px; overflow:hidden; background-image:url('assets/paper/gpu-meter-paper-v1.png'); background-size:100% 360%; background-position:center; }
.media-gpu-fill { position:absolute; left:4%; top:6px; bottom:6px; width:calc(var(--load,0) * .92%); background:linear-gradient(90deg,#79b9dc,#276082); mix-blend-mode:multiply; border-radius:1px; transition:width .3s ease; }
.media-gpu-track[data-stale=true] .media-gpu-fill { opacity:0; }
.media-gpu-value { text-align:right; }
.media-tasks { margin:8px 0 0; padding-top:8px; border-top:1px dashed rgba(23,40,56,.25); }
.media-tasks summary { cursor:pointer; font-weight:800; }
.media-task-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; max-height:360px; overflow:auto; padding:12px 2px; }
.media-ticket { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:14px; background:rgba(255,255,255,.45); border:1px solid rgba(23,40,56,.24); }
.media-ticket-select { text-align:left; color:var(--paper-blue-deep); background:transparent; font-weight:800; overflow-wrap:anywhere; }
.media-ticket-select[aria-pressed=true] { text-decoration:underline; text-underline-offset:4px; }
.media-ticket-state { font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
@media(max-width:640px) { .media-gpu-grid,.media-task-list { grid-template-columns:1fr; }.media-resource-panel { padding:14px; } }
@media(prefers-reduced-motion:reduce) { .media-resource-panel * { animation:none!important; transition:none!important; } }