.import-gif-trim-dialog[data-slot=dialog-content]{overscroll-behavior:contain;color:#fff0cf;background:#193642;border:1px solid #bc9a65;width:calc(100% - 64px);max-width:1050px;height:min(820px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:20px;display:block;overflow-y:auto}.import-gif-trim-dialog [data-slot=dialog-close]{color:#fff0cf}.import-gif-trim-dialog .gif-trim-heading{padding-right:24px}.import-gif-trim{width:100%;min-width:0;height:100%;min-height:0;color:var(--osms-cream,#fff0cf);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;display:grid}.gif-trim-heading{align-items:center;gap:10px;display:flex}.gif-trim-heading>span{color:#fff0cf;background:#a63824;border:1px solid #bc9a65;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.gif-trim-heading h3{margin:0 0 3px;font-family:OSMS Bitter,Georgia,serif;font-size:24px;font-weight:800;line-height:1.2}.gif-trim-heading p,.gif-trim-footer p{margin:0;font-size:12px;line-height:1.4}.gif-trim-workspace{--gif-preview-width:min(100%,780px,max(180px,calc((100dvh - 380px)*16/9)));grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:4px;min-height:0;display:grid}.gif-trim-screen{width:var(--gif-preview-width);aspect-ratio:16/9;background:#102632;border:1px solid #9b896d;border-radius:10px;justify-self:center;min-width:0;min-height:0;position:relative;overflow:hidden}.gif-trim-screen canvas,.gif-trim-screen img{object-fit:contain;background:repeating-conic-gradient(#17323d 0 25%,#203e49 0 50%) 0/16px 16px;width:100%;height:100%;display:block;position:absolute;inset:0}.gif-trim-screen canvas[hidden]{display:none}.gif-trim-loading,.gif-trim-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:0;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.gif-trim-controls{gap:6px;min-width:0;display:grid}.gif-trim-ranges{width:var(--gif-preview-width);border:0;gap:2px;min-width:0;margin:0 auto;padding:0;display:grid}.gif-trim-preview-bar{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.gif-trim-checked-loop{align-items:center;gap:5px;min-height:44px;font-size:11px;display:flex}.gif-trim-checked-loop svg{flex-shrink:0;width:16px}.gif-trim-bottom{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;display:grid}.gif-trim-size{background:#203e49;border:1px solid #708690;border-radius:7px;grid-template-columns:minmax(0,1fr) 72px;gap:3px 10px;min-width:0;padding:6px 8px;font-size:12px;line-height:1.3;display:grid}.gif-trim-size>div:first-child{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:3px 8px;min-width:0;display:flex}.gif-trim-size output{font-variant-numeric:tabular-nums;color:#fff0cf;white-space:nowrap;font-size:17px;font-weight:800}.gif-trim-size p{color:#e5d8c3;grid-column:1/-1;margin:0}.gif-trim-size[data-tone=fits]{background:#234b32;border-color:#7fc571}.gif-trim-size[data-tone=fits] output,.gif-trim-size[data-tone=fits] p{color:#d4fac8}.gif-trim-size[data-tone=over]{background:#592c31;border-color:#e78282}.gif-trim-size[data-tone=over] output,.gif-trim-size[data-tone=over] p{color:#ffd6d6}.gif-trim-meter{background:#102632;border-radius:3px;grid-area:1/2;align-self:center;height:4px;overflow:hidden}.gif-trim-meter>span{background:#a2b2ba;height:100%;transition:width .18s;display:block}.gif-trim-size[data-tone=fits] .gif-trim-meter>span{background:#91df7e}.gif-trim-size[data-tone=over] .gif-trim-meter>span{background:#ff8f8f}.gif-trim-edit-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.import-gif-trim button[data-slot=button]{white-space:normal;text-align:center;height:auto;min-height:44px;line-height:1.25}.gif-trim-edit-actions button:nth-child(2){flex:0 auto;width:200px;min-width:0}.gif-trim-bottom:has(.gif-trim-size[data-tone=fits]) .gif-trim-edit-actions:not(.gif-trim-result) button[data-slot=button]:nth-child(2):not(:disabled){color:#fff0cf;background:#34703f}.gif-trim-bottom:has(.gif-trim-size[data-tone=fits]) .gif-trim-edit-actions:not(.gif-trim-result) button[data-slot=button]:nth-child(2):not(:disabled):hover{background:#3d8149}.gif-trim-footer{border-top:1px solid #7b8378;justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.gif-trim-footer>div{min-width:0}.gif-trim-footer>div:last-child:not(:first-child){flex-shrink:0;gap:8px;display:flex}.gif-trim-footer small{color:#c7c6b4;margin-top:2px;font-size:10px;line-height:1.3;display:block}.gif-trim-footer .import-error{color:#ffd7be;margin:0}@media (max-width:760px){.gif-trim-bottom{grid-template-columns:minmax(0,1fr);gap:8px}.gif-trim-edit-actions{width:100%}}@media (max-width:650px){.import-gif-trim-dialog[data-slot=dialog-content]{width:calc(100% - 24px);max-width:calc(100% - 24px);height:auto;padding:12px}.import-gif-trim{height:auto}.gif-trim-heading h3{font-size:20px}.gif-trim-heading p{font-size:11px}.gif-trim-preview-bar button>span{display:none}.gif-trim-preview-bar button{width:44px;padding:0}.gif-trim-bottom{grid-template-columns:minmax(0,1fr);gap:8px}.gif-trim-edit-actions button[data-slot=button]{padding:8px;font-size:12px}.gif-trim-edit-actions button:first-child,.gif-trim-edit-actions button:last-child{flex-shrink:0;width:44px}.gif-trim-edit-actions button:nth-child(2){flex:1;width:auto}.gif-trim-edit-actions button>span{display:none}.gif-trim-size{font-size:11px}.gif-trim-footer small{color:#e5d8c3}}@media (max-height:620px){.gif-trim-heading p,.gif-trim-footer small{display:none}.import-gif-trim{gap:6px}.gif-trim-footer{padding-top:6px}}@media (prefers-reduced-motion:reduce){.gif-trim-meter>span{transition:none}}.gif-trim-range-labels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;font-size:13px;display:grid}.gif-trim-boundary{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.gif-trim-boundary>span{min-width:0;line-height:1.3}.gif-trim-boundary small{color:#e5d8c3;font-size:11px;display:block}.gif-trim-boundary:last-child>span{text-align:left}.gif-trim-frame-controls{flex-shrink:0;gap:4px;display:flex}.gif-trim-frame-controls button[data-slot=button]{width:44px;min-height:44px;padding:0}.gif-trim-boundary output{font-variant-numeric:tabular-nums;font-weight:700}.gif-trim-timeline{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;width:100%;height:44px;display:flex;position:relative}.gif-trim-timeline-track{background:#102632;border:1px solid #708690;border-radius:4px;flex-grow:1;height:8px;position:relative;overflow:hidden}.gif-trim-timeline-selection{background:#dc7953;height:100%;position:absolute}.gif-trim-playhead{pointer-events:none;z-index:0;background:#fff0cf;width:2px;position:absolute;top:8px;bottom:8px;transform:translate(-50%);box-shadow:0 0 0 1px #10263299}.gif-trim-playhead:before{content:"";border-top:5px solid #fff0cf;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.gif-trim-playhead[hidden],.gif-trim-playhead:not([data-frame]){display:none}.gif-trim-timeline-handle{cursor:ew-resize;z-index:3;background:#fff0cf;border:2px solid #dc7953;border-radius:5px;justify-content:center;align-items:center;width:18px;height:30px;display:flex;position:relative;box-shadow:0 2px 3px #0004}.gif-trim-timeline-handle:after{content:"";width:44px;height:44px;position:absolute}.gif-trim-timeline-handle>span{pointer-events:none;border-left:1px solid #254854;border-right:1px solid #254854;width:5px;height:12px}.gif-trim-timeline-handle:focus-visible{outline-offset:4px;outline:2px solid #fff0cf}.gif-trim-timeline[data-disabled]{opacity:.55;cursor:default}.gif-trim-timeline[data-disabled] .gif-trim-timeline-handle{cursor:default}@media (max-width:650px){.gif-trim-range-labels{gap:12px;font-size:12px}.gif-trim-boundary{justify-content:stretch;gap:2px;display:grid}.gif-trim-boundary:last-child .gif-trim-frame-controls{justify-content:flex-end}}