#manual-form { position: relative; flex-shrink: 0; max-height: min(60dvh, 430px); overflow-y: auto; scrollbar-width: thin; }
#manual-close { position: absolute; right: 8px; top: 5px; font-size: 22px; }
#manual-form>label { padding-right: 30px; }
#manual-form .input-action input { min-width: 0; }
.manual-media { display: flex; align-items: center; gap: 12px; margin: 14px 0 6px; }
.manual-media strong { font-size: 13px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#manual-thumbnail { flex: none; }
#manual-thumbnail .media-thumbnail { width: 90px; height: 50px; }
#manual-form .clip-track { position: relative; height: 52px; margin: 0 20px; touch-action: none; }
#manual-form .clip-track-base { position: absolute; inset: 8px -10px; border: 1px solid var(--border); border-radius: 7px; background: repeating-linear-gradient(90deg,transparent 0 23px,#ffffff12 23px 24px),var(--canvas); }
#manual-form .clip-window { position: absolute; left: var(--clip-start,0%); width: calc(var(--clip-end,100%) - var(--clip-start,0%)); top: 8px; height: 36px; border: 0; border-block: 1px solid #ff9b8780; border-radius: 2px; background: #ff8d7740; color: #ffb6a5; cursor: grab; padding: 0; min-width: 1px; touch-action: none; overflow: hidden; }
#manual-form .clip-window>span { font-size: 21px; pointer-events: none; }
#manual-form .clip-handle { position: absolute; top: 4px; width: 20px; height: 44px; border: 1px solid #ffc6b6; border-radius: 6px; background: var(--accent); cursor: ew-resize; padding: 0; touch-action: none; }
#manual-form .clip-handle:after { content: ''; display: block; width: 2px; height: 17px; background: #5c3031; border-radius: 2px; margin: auto; }
#manual-form .clip-handle-start { left: var(--clip-start,0%); transform: translateX(-100%); }
#manual-form .clip-handle-end { left: var(--clip-end,100%); }
#manual-form .clip-editor[data-dragging=true] .clip-window { cursor: grabbing; }
#manual-form .clip-editor[data-disabled=true] { opacity: .55; }
#manual-form .clip-editor button:focus-visible { z-index: 2; }
#manual-form .clip-scale { display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); }
#manual-form .clip-readout { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 6px; font-size: 12px; font-variant-numeric: tabular-nums; }
#manual-form .clip-readout strong { color: var(--accent); margin-left: 5px; }
#manual-playtime { margin-left: auto; color: var(--muted); }
.manual-speed-row { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
#manual-form .manual-speed-row label { margin: 0; white-space: nowrap; font-size: 12px; }
#manual-speed { flex: 1; min-width: 40px; width: auto; height: 28px; padding: 0; accent-color: var(--accent); }
#manual-speed-value { min-width: 38px; text-align: right; font-size: 12px; font-variant-numeric: tabular-nums; }
#manual-form .field-help { margin: 8px 0 0; }
@media(max-width:480px) { #manual-form { padding: 12px; } #manual-form .input-action { flex-wrap: wrap; } #manual-url { flex-basis: 100%; } #manual-submit { margin-left: auto; } }