.e-zaman { margin: 18px 0; padding: 16px; border: 1px solid var(--rule, #d9d5ce); border-radius: 14px; background: var(--paper, #fff); color: var(--ink, #202020); max-width: 100%; min-width: 0; }
.ez-ust { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; }
.ez-ust h3 { margin: 0; font-size: 1rem; }
.ez-eylemler { display: flex; flex-wrap: wrap; gap: 6px; }
.ez-dugme { min-height: 44px; padding: 8px 12px; border: 1px solid var(--rule, #aaa); border-radius: 8px; background: var(--paper, #fff); color: inherit; cursor: pointer; }
.ez-dugme[data-eylem="uygula"] { border-color: var(--accent, #d66b27); background: var(--paper, #fff); }
.ez-dugme:disabled { opacity: .48; cursor: default; }
.ez-kaydir { max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }
.ez-raylar { position: relative; padding-top: 44px; padding-bottom: 8px; }
.ez-cetvel { position: absolute; top: 0; left: 0; right: 0; height: 44px; cursor: pointer; background: repeating-linear-gradient(90deg, var(--rule, #ddd) 0 1px, transparent 1px var(--ez-adim, 52px)); }
.ez-cetvel span { position: absolute; top: 5px; font-size: 11px; padding-left: 4px; }
.ez-satir { position: relative; height: 70px; border-top: 1px solid var(--rule, #ddd); background: repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px var(--ez-adim, 52px)); }
.ez-iz-etiket { position: sticky; z-index: 5; left: 0; display: inline-block; height: 18px; padding: 2px 6px 0; font-size: 11px; font-weight: 600; letter-spacing: .02em; color: var(--muted, #5b6170); pointer-events: none; }
.ez-klip { position: absolute; top: 20px; height: 44px; min-width: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 13px; border: 2px solid transparent; border-radius: 8px; color: #fff; text-align: left; cursor: grab; touch-action: none; }
.ez-gorsel { background: #395cb7; background-size: cover; background-position: center; }.ez-yazi { background: #8755aa; }.ez-muzik { background: #137f69; }.ez-ses { background: #ad6a2d; }
.ez-secili { border-color: #ee823a; box-shadow: 0 0 0 2px #ee823a; z-index: 3; }
.ez-tutamak { position: absolute; top: 0; bottom: 0; width: 18px; background: #ffffff99; cursor: ew-resize; }.ez-sol { left: 0; }.ez-sag { right: 0; }
.ez-oynatma { position: absolute; z-index: 4; top: 0; bottom: 0; width: 2px; background: #e27520; pointer-events: none; }
.ez-seviye { display: flex; align-items: center; gap: 12px; min-height: 44px; }.ez-seviye input { min-height: 44px; flex: 1; max-width: 240px; }
.ez-hata { color: #bb3d25; }.ez-bekle { color: var(--accent, #b44d16); }
@media (max-width: 600px) { .e-zaman { padding: 10px; }.ez-ust { align-items: flex-start; }.ez-eylemler { width: 100%; }.ez-dugme { flex: 1; } }

.e-zaman { box-sizing: border-box; overflow: hidden; }
.ez-yakin { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.ez-yakin input { width: 120px; }
.ez-klip { display: flex; align-items: center; gap: 5px; }
.ez-kucuk { width: 28px; height: 32px; object-fit: cover; border-radius: 3px; }
.ez-dalga { display: flex; position: absolute; inset: 7px 8px; height: 30px; align-items: center; justify-content: space-around; gap: 1px; overflow: hidden; opacity: .65; pointer-events: none; }
.ez-dalga i { display: block; min-width: 2px; max-width: 4px; flex: 1; background: #fff; }
.ez-dalga-bos { height: 1px; top: 21px; background: #fffa; }
.ez-muzik-kes { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 12px; }
.ez-muzik-kes input { width: 18px; height: 18px; }