:root{--primary:#2383e2;--primary-transparent:color-mix(in srgb, var(--primary) 30%, transparent);--selection-color:#2383e224;--bg-page:#fff;--bg-card:#fff;--bg-card-alt:#f7f7f5;--bg-card-alt-hover:#efefed;--bg-section:#f7f7f5;--bg-input:#fff;--bg-input-placeholder:#f7f7f5;--bg-light:#eaeaec;--bg-overlay:#0006;--text-on-primary:#fff;--text-primary:#37352f;--text-secondary:#787774;--text-tertiary:#9b9a97;--text-muted:#9b9a97;--text-inverse:#fff;--text-black:#000;--border-light:#f7f7f5;--border-primary:#eaeaec;--border-secondary:#d3d3d5;--border-transparent:#0000;--btn-border:#eaeaec;--btn-text-primary:var(--text-on-primary);--btn-bg-primary:var(--primary);--btn-bg-primary-hover:#1e6ec4;--btn-text-secondary:var(--text-muted);--btn-bg-secondary:#fff;--btn-bg-secondary-hover:#f7f7f5;scrollbar-color:var(--border-secondary) transparent}:root[data-theme=dark]{--bg-page:#191919;--bg-card:#202020;--bg-card-alt:#252525;--bg-card-alt-hover:#2f2f2f;--bg-section:#252525;--bg-input:#202020;--bg-input-placeholder:#2f2f2f;--bg-light:#373737;--bg-overlay:#0009;--text-on-primary:#fff;--text-primary:#ffffffcf;--text-secondary:#ffffff70;--text-tertiary:#ffffff47;--text-muted:#ffffff47;--text-inverse:#191919;--text-black:#000;--border-primary:#373737;--border-secondary:#4d4d4d;--border-transparent:#0000;--btn-border:#373737;--btn-text-primary:#fff;--btn-bg-primary:var(--primary);--btn-bg-primary-hover:#1e6ec4;--btn-text-secondary:var(--text-secondary);--btn-bg-secondary:#252525;--btn-bg-secondary-hover:#2f2f2f}html{background-color:var(--bg-page);color:var(--text-primary)}::selection{background-color:var(--selection-color)}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/convert/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/convert/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/convert/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/convert/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/convert/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/convert/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/convert/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,:after,:before{box-sizing:border-box;margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}input,button,textarea,select{font:inherit}img{font-size:12px}button{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button.logo{font:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0}.logo{-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.logo .logo-icon{color:var(--primary);justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.logo:hover:not(:disabled) .logo-icon{transform:rotate(-45deg)}.logo:disabled{cursor:default;opacity:.55}.logo .logo-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.styled-button{appearance:none;border:1px solid var(--btn-border);color:var(--text-secondary);background:var(--bg-card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.8rem;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.styled-button:hover,.styled-button:focus-visible{color:var(--text-primary);background:var(--bg-section);border-color:var(--border-secondary)}.styled-button.compact{width:36px;height:36px;color:var(--text-muted);border-radius:10px;justify-content:center;padding:0}.styled-button.compact:hover{color:var(--primary)}.styled-button.primary{background:var(--primary);color:var(--text-on-primary);border-color:#0000}.styled-button.primary:hover,.styled-button.primary:focus-visible{opacity:.9}.styled-button.icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.styled-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}footer{width:100%;color:var(--text-muted);background-color:var(--bg-section);flex-shrink:0;justify-content:flex-end;gap:1rem;padding:.4rem 1rem;font-size:.75rem;display:flex}footer .footer-item{color:var(--text-muted);align-items:center;gap:.3rem;text-decoration:none;transition:color .15s;display:flex}footer .footer-item:hover{color:var(--text-secondary)}footer .footer-item.footer-copyright{margin-inline-end:auto}footer .footer-item.footer-loading{opacity:.7;font-style:italic}.upload-page{background-color:var(--bg-page);flex-direction:column;align-items:stretch;min-height:100vh;display:flex}@keyframes upload-pattern-drift{0%{background-position:0 0,0 0}to{background-position:calc(-1 * var(--upload-pattern-s)) calc(-1 * var(--upload-pattern-s)), calc(-1 * var(--upload-pattern-s)) calc(-1 * var(--upload-pattern-s))}}.upload-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;width:clamp(380px,70vw,520px);max-width:calc(100vw - 2rem);margin:auto;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a,0 12px 32px #00000008}.upload-card .upload-card-header{justify-content:center;padding:clamp(1.5rem,3vw,2rem) 2rem clamp(1rem,2vw,1.5rem);display:flex}.upload-card .upload-dropzone{text-align:center;background-color:var(--bg-card-alt);border:2px dashed var(--border-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;margin:0 1.25rem;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2rem);transition:background-color .2s cubic-bezier(.165,.84,.44,1),border-color .2s cubic-bezier(.165,.84,.44,1),transform .1s cubic-bezier(.165,.84,.44,1);display:flex}.upload-card .upload-dropzone:hover,.upload-card .upload-dropzone.active-drag{background-color:var(--bg-card-alt-hover);border-color:var(--primary)}.upload-card .upload-dropzone:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.upload-card .upload-dropzone:active:not(.upload-dropzone--pending){transition-duration:.1s;transform:scale(.995)}.upload-card .upload-dropzone input[type=file]{display:none}.upload-card .upload-dropzone .upload-icon-wrap{color:var(--primary);background:var(--bg-card);border-radius:50%;margin-bottom:clamp(.875rem,2vw,1.25rem);padding:clamp(.75rem,2vw,1rem);transition:transform .24s cubic-bezier(.165,.84,.44,1);display:flex;box-shadow:0 1px 3px #0000000a,0 2px 8px #0000000a}.upload-card .upload-dropzone .upload-icon-wrap svg{width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px)}.upload-card .upload-dropzone:hover .upload-icon-wrap,.upload-card .upload-dropzone.active-drag .upload-icon-wrap{transform:scale(1.08)}.upload-card .upload-dropzone:active:not(.upload-dropzone--pending) .upload-icon-wrap{transform:scale(1.04)}.upload-card .upload-dropzone .upload-cta{letter-spacing:-.01em;color:var(--primary);font-size:clamp(.875rem,2vw,.9375rem);font-weight:600;line-height:1.3}.upload-card .upload-dropzone .upload-hint{color:var(--text-secondary);margin-top:clamp(.25rem,.5vw,.375rem);font-size:clamp(.75rem,1.8vw,.8125rem);line-height:1.4}.upload-card .upload-dropzone.upload-dropzone--pending{cursor:not-allowed;opacity:.6;pointer-events:none}.upload-card .upload-card-actions{justify-content:center;gap:.75rem;padding:clamp(1rem,2vw,1.5rem) 1.25rem clamp(1.25rem,2.5vw,1.75rem);display:flex}@media (prefers-reduced-motion:reduce){.upload-dropzone{transition:background-color .1s,border-color .1s!important}.upload-dropzone:active:not(.upload-dropzone--pending){transform:none}.upload-dropzone .upload-icon-wrap{transition:none!important}.upload-dropzone:hover .upload-icon-wrap,.upload-dropzone.active-drag .upload-icon-wrap,.upload-dropzone:active:not(.upload-dropzone--pending) .upload-icon-wrap{transform:none}}.conversion-body{background-color:var(--bg-page);color:var(--text-secondary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.conversion-main{flex:1;min-height:0;display:flex}.conversion-action-bar{background:var(--bg-card);border-top:1px solid var(--border-primary);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;min-height:64px;padding:.75rem 1.25rem;display:flex}.conversion-action-files{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;gap:.5rem;min-width:0;margin-inline-end:auto;display:grid;overflow-x:auto}.conversion-action-files .file-info-badge{flex-shrink:0;min-width:0}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}.conversion-header{background:var(--bg-card);border-block-end:1px solid var(--border-primary);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}.conversion-header .header-left{align-items:center;gap:1rem;min-width:0;display:flex}.conversion-header .header-left .header-step-label{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.conversion-header .header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.file-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.file-icon svg{opacity:.94;width:100%;height:100%;display:block}.format-card{appearance:none;background:var(--bg-card);border:1.5px solid var(--border-primary);text-align:left;min-width:0;font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;gap:.35rem;padding:.65rem .75rem;transition:border-color .12s,box-shadow .12s;display:flex}.format-card:hover{border-color:var(--primary)}.format-card.active{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent)}.format-card .format-card-row{align-items:center;gap:.5rem;display:flex}.format-card .format-card-text{flex-direction:column;flex:1;min-width:0;display:flex}.format-card .format-card-check{width:22px;height:22px;color:var(--primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.format-card .format-card-check-inner{opacity:0;will-change:transform, opacity;justify-content:center;align-items:center;transition:transform .12s,opacity .12s;display:inline-flex;transform:scale(.85)}.format-card .format-card-check-inner.is-on{opacity:1;transform:scale(1)}.format-card .format-card-ext{color:var(--text-primary);letter-spacing:.02em;font-size:.85rem;font-weight:800;line-height:1.2}.format-card .format-card-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.3;overflow:hidden}.format-card .format-card-meta{flex-wrap:wrap;gap:.4rem;padding-top:.15rem;display:flex}.format-card .format-card-mime,.format-card .format-card-plugin{border-radius:3px;padding:1px 5px;font-size:.6rem;line-height:1.4}.format-card .format-card-mime{background:var(--bg-section);color:var(--text-tertiary)}.format-card .format-card-plugin{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);font-weight:600}.chip{appearance:none;border:1px solid var(--border-transparent);background:var(--bg-section);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.chip .chip-icon{color:var(--text-muted);align-items:center;transition:color .15s;display:flex}.chip .chip-label{line-height:1}.chip:hover{background:var(--bg-light);color:var(--text-primary)}.chip:hover .chip-icon{color:var(--text-secondary)}.chip.chip-active{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.chip.chip-active .chip-icon{color:var(--text-on-primary)}.chip.chip-active:hover{opacity:.9}.format-explorer{flex:1;min-width:0;min-height:0;display:flex}.format-browser{background:var(--bg-page);flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex}.search-container{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.search-container .search-input-wrapper{width:100%;position:relative}.search-container .search-input-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-container .search-input-wrapper input{border:1px solid var(--border-transparent);width:100%;color:var(--text-primary);background-color:var(--bg-section);border-radius:6px;outline:none;padding:.6rem 2.2rem .6rem 2.4rem;font-size:.875rem;transition:all .15s}.search-container .search-input-wrapper input::placeholder{color:var(--text-muted)}.search-container .search-input-wrapper input:focus{background-color:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 15%, transparent)}.search-container .search-input-wrapper .search-clear{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.search-container .search-input-wrapper .search-clear:hover{color:var(--text-primary);background:var(--bg-section)}.chip-filters{flex-wrap:wrap;gap:.4rem;display:flex}.format-list-container{flex:1;padding:0 1.25rem 1.25rem;overflow-y:auto}.format-list-container .list-header{justify-content:space-between;margin-bottom:.65rem;display:flex}.format-list-container .list-header span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.format-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}@media (width<=600px){.format-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.format-grid{grid-template-columns:1fr}}.no-results{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.no-results p{color:var(--text-muted);font-size:.9rem;font-weight:500}.no-results .clear-filters-btn{appearance:none;border:1px solid var(--border-primary);background:var(--bg-card);color:var(--primary);cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s}.no-results .clear-filters-btn:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.fromto{justify-content:center;align-items:center;gap:.85rem;margin-bottom:.5rem;padding:.15rem 0;display:flex}@media (width<=380px){.fromto{gap:.2rem}}.fromto-arrow{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.fromto-pill{border:1px solid var(--border-transparent);background:var(--bg-section);height:46px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;min-width:160px;padding:0 .95rem;transition:all .15s;display:inline-flex}.fromto-pill:hover{background:var(--bg-card);border-color:var(--border-primary)}.fromto-pill:active{transform:translateY(.5px)}.fromto-ext{letter-spacing:.02em;font-size:1.05rem;font-weight:700}.fromto-pill.is-placeholder{background:color-mix(in srgb, var(--bg-section) 60%, transparent);border-style:dashed;border-color:color-mix(in srgb, var(--text-muted) 40%, transparent)}.fromto-pill.active{border-color:var(--text-muted);box-shadow:0 0 0 2px color-mix(in srgb, var(--text-muted) 15%, transparent)}.fromto-pill:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.fromto-count{letter-spacing:.01em;color:var(--text-muted);font-size:.95rem;font-weight:650}.file-info-badge{background:var(--bg-section);border:1px solid var(--border-primary);cursor:default;border-radius:8px;align-items:center;gap:.5rem;max-width:280px;padding:.4rem .65rem;font-size:.8125rem;transition:background .15s,border-color .15s;display:inline-flex}.file-info-badge:hover{border-color:var(--border-secondary)}.file-info-badge.file-info-add{color:var(--text-primary);border:1px dashed var(--border-secondary);aspect-ratio:1;cursor:pointer;background:0 0;justify-content:center;padding:0}.file-info-badge .file-info-text{flex-direction:column;min-width:0;display:flex}.file-info-badge .file-info-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.file-info-badge .file-info-size{color:var(--text-muted);font-size:.6875rem;line-height:1.2}.file-info-badge .file-info-remove{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:color .15s,background .15s;display:flex}.file-info-badge .file-info-remove:hover{color:#ef4444;background:#ef44441a}.conversion-logs-inline{background:var(--bg-section);border:1px solid var(--border-transparent);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:.2rem;width:100%;height:120px;padding:.5rem .75rem;font-family:monospace;font-size:.75rem;display:flex;overflow-y:auto}.conversion-logs-empty{color:var(--text-muted);text-align:center;margin:auto;padding:1rem}.log-entry{word-break:break-word;gap:.4rem;padding:.1rem 0;display:flex;position:relative}.log-entry:hover{background:var(--bg-hover)}.log-time{opacity:0;color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:.5rem;font-size:.7rem;transition:opacity .15s ease-out}.log-entry:hover .log-time{opacity:1}.log-plugin{color:#a855f7;white-space:nowrap;flex-shrink:0}.log-message{color:var(--text-primary)}.log-entry.level-warn .log-message{color:#f59e0b}.log-entry.level-error .log-message{color:#ef4444}.log-entry.level-debug .log-message{color:var(--text-muted)}@keyframes loading-screen-spin{to{transform:rotate(360deg)}}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:var(--stripe-size) 0}}.loading-screen{--stripe-width:10px;--stripe-size:28.284px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;min-width:0;min-height:300px;padding:2rem;display:flex}.loading-screen .loading-status-area{flex-direction:column;align-items:center;gap:1rem;display:flex}.loading-screen .loading-title{color:var(--text-primary);text-align:center;margin-top:.5rem;font-size:1.5rem;font-weight:100}.loading-screen .loading-metrics-card{border:1px solid var(--border-primary);background:var(--bg-card);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:500px;padding:1rem;display:flex}.loading-screen .loading-conversion-info{border:1px solid var(--border-primary);box-sizing:border-box;background:repeating-linear-gradient(-45deg, var(--bg-section), var(--bg-section) var(--stripe-width), transparent var(--stripe-width), transparent calc(var(--stripe-width) * 2));background-size:var(--stripe-size) var(--stripe-size);background-repeat:repeat;border-radius:8px;justify-content:center;align-items:center;gap:.85rem;width:100%;margin-bottom:1rem;padding:.5rem 1rem;animation:.8s linear infinite progress-stripes;display:flex;position:relative;overflow:hidden}.loading-screen .loading-conversion-info:before{content:"";width:100%;clip-path:inset(0 calc(100% - var(--progress,0%)) 0 0);background:repeating-linear-gradient(-45deg, var(--primary), var(--primary) var(--stripe-width), var(--primary-transparent) var(--stripe-width), var(--primary-transparent) calc(var(--stripe-width) * 2));background-size:var(--stripe-size) var(--stripe-size);z-index:0;background-repeat:repeat;transition:clip-path .2s ease-out;animation:.8s linear infinite progress-stripes;position:absolute;top:0;bottom:0;left:0}.loading-screen .loading-conversion-info>*{z-index:1;position:relative}.loading-screen .loading-format-pill{border:1px solid var(--border-primary);background:var(--bg-section);height:38px;color:var(--text-primary);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-width:132px;padding:0 .75rem;display:inline-flex}.loading-screen .loading-format-ext{letter-spacing:.02em;font-size:.92rem;font-weight:700}.loading-screen .loading-arrow{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.loading-screen .loading-actions{width:100%;display:flex}.loading-screen .loading-action-btn{cursor:pointer;border:1px solid var(--border-primary);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.95rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;display:flex}.loading-screen .loading-action-btn.danger{background:var(--bg-section);color:var(--text-muted)}.loading-screen .loading-action-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}#popup{background-color:var(--bg-card);max-width:32rem;color:var(--text-primary);border:1px solid var(--border-primary);border-radius:14px;padding:1.75rem 2rem;box-shadow:0 20px 60px #00000026}#popup[open]{display:flex}#popup{flex-direction:column;gap:.75rem;margin:auto}#popup h1{color:var(--text-primary);font-size:1.2rem;font-weight:800;line-height:1.3}#popup h2{color:var(--text-primary);margin-top:.5rem;font-size:.95rem;font-weight:700}#popup p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}#popup ol,#popup ul{color:var(--text-secondary);padding-left:1.25rem;font-size:.85rem;line-height:1.7}#popup li{margin-bottom:.25rem}#popup .help-content{flex-direction:column;gap:.5rem;display:flex}#popup .help-content .help-subtitle{color:var(--primary);font-size:.85rem;font-weight:600}#popup .help-content .help-section{margin-top:.25rem}#popup button{appearance:none;min-width:30%;color:var(--text-on-primary);background:var(--primary);cursor:pointer;border:none;border-radius:8px;align-self:center;margin-top:.5rem;padding:.55rem 1.2rem;font-size:.85rem;font-weight:700;transition:opacity .15s}#popup button:hover{opacity:.9}#popup::backdrop{-webkit-backdrop-filter:brightness(.7)blur(4px);backdrop-filter:brightness(.7)blur(4px);background:#00000059}.full-page-drop-overlay{z-index:80;background:color-mix(in srgb, var(--bg-overlay) 25%, transparent);pointer-events:none;justify-content:center;align-items:center;padding:clamp(1rem,3vw,2.5rem);animation:.2s cubic-bezier(.165,.84,.44,1) overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.full-page-drop-overlay-card{border:3px dashed var(--primary);background:var(--bg-card);text-align:center;pointer-events:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,1.5vw,.8rem);width:min(96vw,1200px);height:min(88vh,820px);padding:clamp(1.5rem,4vw,3rem);animation:.28s cubic-bezier(.165,.84,.44,1) card-scale-in;display:flex;box-shadow:0 2px 4px #0000000a,0 8px 24px #0000000f}@keyframes card-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.full-page-drop-overlay-icon{color:var(--primary);justify-content:center;align-items:center;margin-bottom:.5rem;animation:.32s cubic-bezier(.165,.84,.44,1) 80ms backwards icon-fade-up;display:flex}.full-page-drop-overlay-icon svg{width:clamp(32px,5vw,48px);height:clamp(32px,5vw,48px)}@keyframes icon-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.full-page-drop-overlay-title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1.15;animation:.32s cubic-bezier(.165,.84,.44,1) .12s backwards text-fade-up}.full-page-drop-overlay-subtitle{max-width:48ch;color:var(--text-secondary);margin:0;font-size:clamp(.9375rem,1.35vw,1.0625rem);font-weight:500;line-height:1.5;animation:.32s cubic-bezier(.165,.84,.44,1) .16s backwards text-fade-up}@keyframes text-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.full-page-drop-overlay-chip{border:1px solid var(--border-secondary);background:var(--bg-section);max-width:min(100%,42rem);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;line-height:1.2;animation:.3s cubic-bezier(.165,.84,.44,1) .2s backwards chip-pop-in;display:inline-flex;overflow:hidden}@keyframes chip-pop-in{0%{opacity:0;transform:scale(.9)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.full-page-drop-overlay,.full-page-drop-overlay-card,.full-page-drop-overlay-icon,.full-page-drop-overlay-title,.full-page-drop-overlay-subtitle,.full-page-drop-overlay-chip{animation:none}.full-page-drop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media (width<=700px){.full-page-drop-overlay{padding:.75rem}.full-page-drop-overlay-card{border-width:2px;border-radius:16px;width:100%;height:min(86vh,680px)}.full-page-drop-overlay-chip{max-width:100%}}