.med-s1 {
    flex: 1; width: 100%; display: flex; font-family: var(--font-mono); overflow: hidden;
}

.med-s2 {
    width: 250px; display: flex; flex-direction: column; padding: 0; flex-shrink: 0; z-index: 2;
}

.med-s3 {
    padding: 15px; border-bottom: 1px solid var(--border-subtle); color: var(--accent-blue); font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
}

.med-s4 {
    flex: 1; overflow-y: auto; padding: 10px;
}

.med-s5 {
    flex: 1; display: flex; flex-direction: column; padding: 0; background: #000; position: relative; overflow: hidden;
}

.med-s6 {
    padding: 10px 20px; background: var(--bg-surface); border-bottom: 1px solid var(--border-subtle); display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; font-size: 11px; flex-shrink: 0;
}

.med-s7 {
    display: flex; align-items: center; gap: 10px; flex: 1 1 140px; min-width: 140px;
}

.med-s8 {
    color: var(--text-secondary);
}

.med-s9 {
    flex: 1; cursor: pointer;
}

.med-s10 {
    padding: 4px 8px; background: transparent; border: 1px solid var(--border-subtle); color: var(--text-primary); cursor: pointer;
}

.med-s11 {
    flex: 1; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;
}

.med-s12 {
    color: var(--text-muted); letter-spacing: 2px;
}

.med-s13 {
    transition: filter 0.1s, transform 0.1s; transform-origin: center; max-width: 100%; max-height: 100%; width: auto; height: auto; display: flex; align-items: center; justify-content: center;
}

.med-s13 img, .med-s13 video {
    max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block;
}

.med-s14 {
    position: absolute; bottom: 20px; left: 20px; background: rgba(0,0,0,0.85); border: 1px solid var(--status-warning); padding: 12px 15px; font-size: 12px; color: var(--status-warning); max-width: 320px; display: none; z-index: 11; animation: fadeIn 0.3s ease-out;
}

.med-s15 {
    position: absolute; bottom: 20px; right: 20px; background: rgba(0,0,0,0.85); border: 1px solid var(--accent-blue); padding: 15px; font-size: 11px; display: none; min-width: 200px; box-shadow: 0 4px 6px rgba(0,0,0,0.5); z-index: 10;
}

.med-s16 {
    color: var(--accent-blue); font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 5px;
}

.med-s17 {
    display: grid; gap: 5px; color: var(--text-secondary);
}