.clip-fade-overlay{position:absolute;z-index:7;inset:0;overflow:hidden;pointer-events:none}.clip-fade-overlay svg{position:absolute;inset:0;width:100%;height:100%}.clip-fade-overlay polyline{fill:none;stroke:#bafaff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #08d9e6)}.clip-fade-overlay button,.clip-fade-overlay i{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:3px solid #071015;border-radius:50%;background:#bafaff;box-shadow:0 0 0 1px #08d9e6,0 0 8px #08d9e688;transform:translateZ(0)}.clip-fade-overlay button{z-index:2;padding:0;cursor:ew-resize;touch-action:none;pointer-events:auto}.clip-fade-overlay i{width:12px;height:12px;margin:-6px 0 0 -6px;background:#168cff;pointer-events:none}.clip-fade-label{position:absolute;left:50%;top:calc(50% + 11px);padding:2px 6px;border-radius:5px;background:#071015b8;color:#bafaff;font-size:10px;font-variant-numeric:tabular-nums;transform:translateX(-50%);pointer-events:none}.clip-moving .clip-fade-overlay{opacity:.72}@media(max-width:600px){.clip-fade-overlay button{width:24px;height:24px;margin:-12px 0 0 -12px}.clip-fade-overlay i{width:14px;height:14px;margin:-7px 0 0 -7px}}
.clip-fade-overlay{opacity:0;visibility:hidden;transition:opacity .16s ease,visibility 0s linear .16s}.clip-fade-overlay.visible{opacity:1;visibility:visible;transition:opacity .16s ease}.clip-fade-toggle[aria-pressed="true"]{border-color:#08d9e6;color:#bafaff;background:#0d2730}
.clip-actions{align-items:center}.clip-actions .clip-action-icon{position:relative;width:42px;min-width:42px;height:40px;padding:0!important;font-size:0!important;line-height:0!important}.clip-action-icon::before{content:"";display:block;width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:contain}.clip-preview::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M9 6.5v15l12-7.5z' fill='%23ffffff'/%3E%3C/svg%3E")}.clip-preview.is-playing::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect x='8' y='8' width='12' height='12' rx='2' fill='%23ffffff'/%3E%3C/svg%3E")}.clip-fade-toggle::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M3 14h3l2.2-7 3.2 14L15 5l3.2 16 2.3-10 1.7 6H25' fill='none' stroke='%23bafaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.clip-actions [data-save]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M2 10h2l2-5 3 10 3-8 2 5' fill='none' stroke='%23bafaff' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M20 4v12m0 0-4-4m4 4 4-4M15 22h10' fill='none' stroke='%23bafaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.clip-actions [data-save].saved::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='m6 14 5 5L22 8' fill='none' stroke='%23bafaff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.clip-actions [data-save].saving::before{width:21px;height:21px;border:2px solid %23517a8d;border-top-color:%2308d9e6;border-radius:50%;background:none;animation:clip-save-spin .75s linear infinite}.clip-delete::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M2 10h2l2-5 3 10 3-8 2 5' fill='none' stroke='%23ff9b9b' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M18 10v11m4-11v11m-7-14h10m-8-3h6l1 3h-8zM16 7l1 17h7l1-17' fill='none' stroke='%23ff9b9b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@keyframes clip-save-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.clip-actions{gap:7px}.clip-actions .clip-action-icon{width:40px;min-width:40px;height:40px}}