.confirm-dialog.video-trim-dialog{grid-template-columns:1fr;gap:14px;width:min(100%,460px)}.video-trim-preview{--trim-preview-height:min(56vh, 520px);width:min(100%, calc(var(--trim-preview-height) * var(--trim-aspect,16 / 9)));aspect-ratio:var(--trim-aspect,16 / 9);background:#000;border-radius:18px;justify-self:center;place-items:center;display:grid;position:relative;overflow:hidden}.video-trim-preview video{cursor:pointer;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.video-trim-preview p{color:var(--text-muted);text-align:center;margin:0;padding:0 18px;font-size:14px;line-height:1.45}.video-trim-control{width:34px;height:34px;color:var(--text);cursor:pointer;background:#07090db8;border:0;border-radius:999px;place-items:center;display:inline-grid;position:absolute;bottom:10px;left:10px}.video-trim-control.sound{left:auto;right:10px}.video-trim-clock{height:34px;color:var(--text);font-variant-numeric:tabular-nums;pointer-events:none;background:#07090db8;border-radius:999px;place-items:center;padding:0 12px;font-size:13px;display:inline-grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.video-trim-range{height:var(--trim-height);cursor:pointer;touch-action:none;position:relative}.video-trim-strip{top:0;right:calc(var(--trim-handle) / 2);bottom:0;left:calc(var(--trim-handle) / 2);background:var(--surface-strong);border-radius:10px;position:absolute;overflow:hidden}.video-trim-strip img{width:100%;height:100%;display:block}.video-trim-window{top:0;right:calc(100% - var(--trim-to));bottom:0;left:var(--trim-from);border-block:3px solid var(--accent);position:absolute;box-shadow:0 0 0 100vmax #07090d9e}.video-trim-playhead{top:0;bottom:0;left:calc(var(--trim-time) * 100%);background:#fff;border-radius:999px;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 4px #07090db3}.video-trim-range input{pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.video-trim-range input.on-top{z-index:1}.video-trim-range input::-webkit-slider-runnable-track{background:0 0;height:100%}.video-trim-range input::-moz-range-track{background:0 0}.video-trim-range input::-webkit-slider-thumb{width:var(--trim-handle);height:var(--trim-height);background:linear-gradient(#07090d, #07090d) center / 2px 18px no-repeat, var(--accent);cursor:ew-resize;pointer-events:auto;-webkit-appearance:none;border:0;border-radius:8px}.video-trim-range input::-moz-range-thumb{box-sizing:border-box;width:var(--trim-handle);height:var(--trim-height);background:linear-gradient(#07090d, #07090d) center / 2px 18px no-repeat, var(--accent);cursor:ew-resize;pointer-events:auto;border:0;border-radius:8px}.video-trim-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-ring)}.video-trim-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-ring)}.video-trim-range input:disabled::-webkit-slider-thumb{cursor:default;opacity:.6}.video-trim-range input:disabled::-moz-range-thumb{cursor:default;opacity:.6}.video-trim-times{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-4px;font-size:13px;display:flex}.video-trim-times strong{color:var(--text);font-weight:600}.video-trim-dialog .confirm-actions .button{font-variant-numeric:tabular-nums;min-height:44px;padding:0 20px}.video-trim-spinner{animation:.9s linear infinite video-trim-spin}@keyframes video-trim-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.video-trim-spinner{animation:none}}.video-trim-message{color:#ff9b92;margin:0;font-size:13px;line-height:1.45}.video-trim-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}@media (max-width:760px){.confirm-backdrop.video-trim-backdrop{padding:0}.video-trim-backdrop .animated-dialog-surface{width:100%;height:var(--app-viewport-height);flex-direction:column;display:flex}.video-trim-backdrop>.video-trim-dialog{height:var(--app-viewport-height,100dvh)}.confirm-dialog.video-trim-dialog{width:100%;min-height:0;box-shadow:none;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:0;flex-direction:column;flex:1 1 0;display:flex}.video-trim-preview{aspect-ratio:auto;flex:1 1 0;width:100%;min-height:0}}
.range-input{appearance:none;cursor:pointer;background:0 0;height:20px;margin:0}.range-input:focus-visible{outline:none}.range-input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--range-progress,0%), var(--border) var(--range-progress,0%));border-radius:999px;height:4px}.range-input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 2px 6px #00000059}.range-input::-moz-range-track{background:var(--border);border-radius:999px;height:4px}.range-input::-moz-range-progress{background:var(--accent);border-radius:999px;height:4px}.range-input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #00000059}.range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-ring)}.range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-ring)}.range-input:disabled{cursor:default;opacity:.5}
.square-crop-stage{aspect-ratio:1;background:var(--surface-soft);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;justify-self:center;width:min(100%,360px);position:relative;overflow:hidden}.square-crop-stage:active{cursor:grabbing}.square-crop-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.square-crop-stage img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.square-crop-circle{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #07090d9e}.square-crop-skeleton{background:linear-gradient(110deg, var(--surface-strong) 20%, var(--surface-elevated) 45%, var(--surface-strong) 70%);background-size:200% 100%;animation:1.4s ease-in-out infinite square-crop-loading;position:absolute;inset:0}@keyframes square-crop-loading{to{background-position:-200% 0}}.square-crop-zoom{justify-self:center;align-items:center;gap:10px;width:min(100%,360px);display:flex}.square-crop-zoom-range{flex:auto;min-width:0}.square-crop-zoom-button{background:var(--surface-strong);width:36px;height:36px;color:var(--text-soft);cursor:pointer;font:inherit;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.square-crop-zoom-button:focus-visible{color:var(--text);outline:0}@media (hover:hover){.square-crop-zoom-button:hover:not(:disabled){color:var(--text);outline:0}}.square-crop-zoom-button:disabled{cursor:default;opacity:.45}@media (prefers-reduced-motion:reduce){.square-crop-skeleton{animation:none}}
