:root{--accent:#fbff00}.media-shell{display:grid;gap:20px}.media-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.media-card{background:#0a0a0a;border:1px solid #353535;border-radius:12px;padding:18px}.media-card h2,.media-card h3{margin-top:0}.dropzone{display:grid;place-items:center;min-height:170px;padding:24px;border:2px dashed #5b5b5b;border-radius:12px;text-align:center;background:#0d0d0d}.dropzone.is-over{border-color:var(--accent);background:#171800}.dropzone input{max-width:100%}.media-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-fields .wide{grid-column:1/-1}.media-label{display:grid;gap:6px;color:#d7d7d2}.media-help,.media-meta{color:#aaa;font-size:14px}.media-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.media-actions button:disabled{opacity:.45;cursor:not-allowed}.media-status{min-height:24px;margin:12px 0 0;color:#bbb}.media-status[data-tone=error]{color:#ff8585}.media-status[data-tone=success]{color:#83e4a2}.media-progress{width:100%;height:10px;margin-top:12px;accent-color:var(--accent);background-color:#202020;border-radius:6px;border:none;overflow:hidden;display:block}.media-progress::-webkit-progress-bar{background-color:#202020;border-radius:6px}.media-progress::-webkit-progress-value{background-color:var(--accent);border-radius:6px;transition:width .2s ease}.media-progress::-moz-progress-bar{background-color:var(--accent);border-radius:6px}.media-preview{display:grid;place-items:center;min-height:180px;background:#050505;border:1px solid #292929;border-radius:10px;overflow:hidden}.media-preview img,.media-preview video{display:block;max-height:420px}.media-result{display:grid;gap:12px}.media-result a{justify-self:start}.media-table{width:100%;border-collapse:collapse}.media-table th,.media-table td{text-align:left;padding:10px;border-bottom:1px solid #303030}.support-note{border-left:3px solid var(--accent);padding:10px 14px;background:#151500}.output-list{display:grid;gap:10px}.output-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #333;border-radius:8px;padding:10px}.age-value{font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.1}.matrix{overflow:auto}.matrix table{min-width:560px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:760px){.media-grid,.media-fields{grid-template-columns:1fr}.media-fields .wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}