.shorts-converter .gif-editor-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.shorts-preview-section{min-width:0}.shorts-stage{position:relative;width:min(100%,300px);aspect-ratio:9 / 16;background:#000;margin:24px auto;overflow:hidden;border-radius:12px}.shorts-stage video{position:relative;z-index:1;width:100%;height:100%;display:block}.shorts-blur{position:absolute;inset:0;width:100%;height:100%;filter:blur(8px);transform:scale(1.08)}.shorts-text-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.shorts-converter .shorts-text-handle{position:absolute;left:6%;width:88%;min-height:44px;z-index:3;background:transparent;padding:0;border:1px dashed transparent;border-radius:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.shorts-converter .shorts-text-handle:hover,.shorts-converter .shorts-text-handle:focus-visible{border-color:var(--accent-primary);filter:none}.shorts-converter .shorts-text-handle:active{cursor:grabbing}.shorts-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;color:#fff}.shorts-placeholder span{font-size:48px;font-weight:700}.shorts-placeholder p{color:#ccc}.shorts-result-video{display:block;max-height:480px;width:100%;background:#000}.shorts-converter .shorts-checkbox{display:flex;align-items:center;gap:10px;min-height:44px}.shorts-converter .shorts-checkbox input{min-height:20px;width:20px;height:20px;accent-color:var(--accent-primary)}.shorts-range-row{display:flex;align-items:center;min-height:44px;min-width:0}.shorts-converter input.shorts-range{--range-paint: linear-gradient(to right, var(--accent-primary) 0%, var(--accent-primary) var(--range-progress), var(--slider-track) var(--range-progress), var(--slider-track) 100%);appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:0;height:8px;padding:0;margin:0;border:none;border-radius:8px;background:var(--range-paint);cursor:pointer}.shorts-converter input.shorts-range::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:var(--range-paint)}.shorts-converter input.shorts-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:22px;width:22px;border:2px solid var(--bg-solid);border-radius:50%;background:var(--accent-primary);margin-top:-7px}.shorts-converter input.shorts-range::-moz-range-track{height:8px;border-radius:8px;background:var(--slider-track)}.shorts-converter input.shorts-range::-moz-range-progress{height:8px;background:var(--accent-primary);border-radius:8px}.shorts-converter input.shorts-range::-moz-range-thumb{height:18px;width:18px;border:2px solid var(--bg-solid);border-radius:50%;background:var(--accent-primary)}.shorts-range:hover:not(:disabled){filter:brightness(.95)}.shorts-range:active:not(:disabled){filter:brightness(.9)}.shorts-range-ticks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-variant-numeric:tabular-nums;gap:4px;overflow-wrap:anywhere}.shorts-range-ticks>:nth-child(2){text-align:center}.shorts-range-ticks>:last-child{text-align:right}@media (max-width: 767px){.shorts-converter .gif-editor-layout{grid-template-columns:minmax(0,1fr)}}.shorts-converter input.shorts-range:focus::-webkit-slider-thumb{box-shadow:none}.shorts-converter input.shorts-range:hover::-webkit-slider-thumb,.shorts-converter input.shorts-range:active::-webkit-slider-thumb{background:var(--accent-primary);transform:none}.shorts-converter textarea{width:100%;min-width:0;max-width:100%;resize:vertical;padding:10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-solid);color:var(--text-primary);font:inherit}.shorts-converter textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.shorts-color{display:flex;align-items:center;gap:12px;min-width:0}.shorts-converter .shorts-color input{width:64px;padding:5px}.shorts-text-settings{border-top:1px solid var(--border-primary);padding-top:16px}.shorts-text-settings p{margin-top:0!important}.shorts-add{margin-top:10px}.shorts-timeline,.shorts-queue{border:1px solid var(--border-primary);border-radius:12px;padding:16px;margin:20px 0;background:var(--bg-card);min-width:0}.shorts-filmstrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.shorts-converter .shorts-filmstrip button{min-width:0;padding:3px;overflow:hidden;border:2px solid var(--border-primary)}.shorts-filmstrip img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#000}.shorts-filmstrip span{display:block;font-variant-numeric:tabular-nums;padding:4px 0;font-size:14px}.shorts-converter .shorts-filmstrip .in-selection{border-bottom-color:var(--accent-primary)}.shorts-converter .shorts-filmstrip [aria-pressed=true]{border-color:var(--accent-primary);font-weight:700}.shorts-actions{display:flex;flex-wrap:wrap;gap:8px}.shorts-clip-list{display:grid;gap:12px;list-style:none;padding:0;margin:16px 0}.shorts-clip-list li{padding:12px 0;border-top:1px solid var(--border-primary);min-width:0;overflow-wrap:anywhere}.shorts-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:20px}.shorts-results article{min-width:0;overflow-wrap:anywhere}@media (max-width: 767px){.shorts-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr))}}.shorts-image-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shorts-fade-overlay{position:absolute;inset:0;z-index:4;background:#000;pointer-events:none}@media (max-width: 767px){.shorts-converter .gif-editor-layout{display:flex;flex-direction:column;gap:12px}.shorts-preview-section{display:contents}.shorts-monitor{order:-2;position:-webkit-sticky;position:sticky;top:64px;z-index:20;width:100%;padding:8px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-card)}.shorts-monitor .gif-editor-filename{display:none}.shorts-monitor .gif-editor-row h2{font-size:14px}.shorts-stage{width:min(100%,16dvh);margin:8px auto 0}.shorts-converter .shorts-timeline{order:-1;margin:0;width:100%}.shorts-converter .gif-editor-settings,.shorts-queue-disclosure,.shorts-preview-section>.gif-editor-result{width:100%}.shorts-converter .gif-editor-settings{padding:12px}.shorts-converter .mobile-disclosure>div:not(.hidden){display:grid;gap:12px;max-height:42dvh;overflow-y:auto;padding:8px 2px}.shorts-converter .shorts-queue{margin:8px 0}}@media (max-width: 767px) and (max-height: 520px){.shorts-monitor{position:static}}