.extract-images-tool{--ei-red:#ef4854;--ei-red-soft:#fff1f2;--ei-blue:#1975bd;--ei-green:#16815b;--ei-border:#d4e0ea;--ei-line:#e5edf4;--ei-panel:#fff;--ei-bg:#f3f7fa;--ei-text:#0d1c2e;--ei-muted:#66798c;border:1px solid var(--ei-border);border-radius:15px;background:var(--ei-panel);color:var(--ei-text);overflow:hidden;box-shadow:0 10px 30px rgba(29,55,82,.07)}
.extract-images-tool [hidden]{display:none!important}.extract-images-tool button,.extract-images-tool input,.extract-images-tool select{font:inherit}.extract-images-grid{display:grid;grid-template-columns:minmax(450px,41%) minmax(0,59%);min-height:720px}.extract-images-controls{min-width:0;border-right:1px solid var(--ei-border)}.extract-images-workspace{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--ei-bg)}
.extract-images-head{height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;border-bottom:1px solid var(--ei-border);background:#f8fafc;font-size:12px;font-weight:800}.extract-images-head span{display:flex;align-items:center;gap:8px}.extract-images-head span i{color:var(--ei-red)}.extract-images-head button{height:31px;padding:0 10px;border:1px solid #c6d4e1;border-radius:4px;background:white;color:#31516b;font-size:10px;font-weight:800;cursor:pointer}.extract-images-head>b{padding:4px 7px;border:1px solid #b9d6ea;border-radius:4px;background:#eff8ff;color:#23658f;font-size:9px;text-transform:uppercase;letter-spacing:.03em}
.extract-images-control-body{padding:13px;display:grid;gap:11px}.extract-images-drop{min-height:134px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1.5px dashed var(--ei-red);border-radius:7px;background:linear-gradient(135deg,#fffafa,var(--ei-red-soft));text-align:center;cursor:pointer;transition:.18s}.extract-images-drop:hover,.extract-images-drop.is-dragging{border-style:solid;box-shadow:0 0 0 3px rgba(239,72,84,.1);transform:translateY(-1px)}.extract-images-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.extract-images-drop>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #f4bcc2;border-radius:8px;background:#fff3f4;color:var(--ei-red);font-size:16px}.extract-images-drop strong{font-size:13px}.extract-images-drop small{color:var(--ei-muted);font-size:9px}.extract-images-drop b{margin-top:2px;padding:7px 12px;border-radius:4px;background:var(--ei-red);color:white;font-size:10px}
.extract-images-file{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #b6d6c6;border-radius:7px;background:#f1fbf6}.extract-images-file>i{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#def3e8;color:var(--ei-green);font-size:16px}.extract-images-file div{min-width:0;display:grid;gap:2px;flex:1}.extract-images-file strong,.extract-images-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extract-images-file strong{font-size:11px}.extract-images-file span{color:var(--ei-muted);font-size:9px}.extract-images-file button{padding:6px 8px;border:1px solid #a8c9b8;border-radius:4px;background:white;color:#176849;font-size:9px;font-weight:800;cursor:pointer}
.extract-images-password{display:grid;gap:8px;padding:10px;border:1px solid #efc37d;border-radius:7px;background:#fff9ed}.extract-images-password>div:first-child{display:flex;gap:8px;align-items:flex-start}.extract-images-password>div:first-child>i{margin-top:2px;color:#a86a0b}.extract-images-password p{margin:0;display:grid;gap:2px}.extract-images-password p strong{font-size:10px}.extract-images-password p span{color:#7a684b;font-size:8px}.extract-images-password>label{font-size:9px;font-weight:800}.extract-images-password>div:last-child{display:flex}.extract-images-password input{min-width:0;height:32px;flex:1;border:1px solid #d1b47d;border-radius:4px 0 0 4px;padding:0 8px}.extract-images-password>div:last-child button{height:32px;border:1px solid #d1b47d;background:white;color:#6a5430;cursor:pointer}.extract-images-password [data-password-toggle]{width:33px;border-left:0}.extract-images-password [data-unlock]{padding:0 10px;border-left:0;border-radius:0 4px 4px 0;font-size:9px;font-weight:800}
.extract-images-settings{display:grid;gap:10px}.extract-images-settings[aria-disabled=true]{opacity:.48;pointer-events:none}.extract-images-settings fieldset{margin:0;padding:9px;border:1px solid var(--ei-border);border-radius:7px;background:var(--ei-panel)}.extract-images-settings legend{padding:0 5px;font-size:10px;font-weight:800}.extract-images-form-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:7px}.extract-images-form-grid label{display:grid;gap:3px;color:#526577;font-size:8px;font-weight:800}.extract-images-form-grid input,.extract-images-form-grid select{width:100%;height:31px;border:1px solid #bccbd8;border-radius:4px;background:var(--ei-panel);color:var(--ei-text);padding:0 7px;font-size:9px}.extract-images-size-presets{display:flex;gap:5px;margin-top:7px}.extract-images-size-presets button{flex:1;padding:5px 4px;border:1px solid #c7d4e0;border-radius:3px;background:#f8fafc;color:#49637a;font-size:8px;font-weight:800;cursor:pointer}.extract-images-quality{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:9px;font-weight:800}.extract-images-quality input{accent-color:var(--ei-blue)}.extract-images-quality output{min-width:30px;text-align:right;color:var(--ei-blue)}.extract-images-background{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid var(--ei-line)}.extract-images-background label{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800}.extract-images-background input{width:28px;height:23px;padding:1px;border:1px solid #b8c7d4;border-radius:3px;background:white}.extract-images-background code{font-size:9px}
.extract-images-switch{display:flex;align-items:center;gap:9px;padding:7px 1px;border-bottom:1px solid var(--ei-line);cursor:pointer}.extract-images-switch:last-child{border-bottom:0;padding-bottom:1px}.extract-images-switch span{min-width:0;display:grid;gap:2px;flex:1}.extract-images-switch strong{font-size:9px}.extract-images-switch small{color:var(--ei-muted);font-size:7px;line-height:1.35}.extract-images-switch input{position:absolute;opacity:0}.extract-images-switch>i{position:relative;width:29px;height:16px;flex:0 0 auto;border-radius:9px;background:#d4dee6}.extract-images-switch>i:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:.16s}.extract-images-switch input:checked+i{background:#73abd1}.extract-images-switch input:checked+i:after{transform:translateX(13px)}
.extract-images-library{border:1px solid var(--ei-border);border-radius:7px;background:var(--ei-panel);overflow:hidden}.extract-images-library>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid var(--ei-border);background:#f8fafc}.extract-images-library>header>div{display:grid;gap:1px}.extract-images-library>header strong{font-size:10px}.extract-images-library>header span{color:var(--ei-muted);font-size:7px}.extract-images-library nav{display:flex;gap:4px}.extract-images-library nav button{padding:4px 6px;border:1px solid #c3d1dd;border-radius:3px;background:white;color:#48637a;font-size:7px;font-weight:800;cursor:pointer}.extract-images-list{max-height:360px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;overflow:auto}.extract-images-card{position:relative;min-width:0;display:grid;grid-template-columns:15px 56px minmax(0,1fr);align-items:center;gap:6px;padding:6px;border:1px solid var(--ei-line);border-radius:5px;background:#fbfdff;cursor:pointer}.extract-images-card:hover,.extract-images-card.is-current{border-color:#86bce4;background:#f1f8fe}.extract-images-card>input{position:absolute;opacity:0}.extract-images-card>i{width:15px;height:15px;display:grid;place-items:center;border:1px solid #acbdca;border-radius:3px;background:white}.extract-images-card>input:checked+i{border-color:var(--ei-blue);background:var(--ei-blue)}.extract-images-card>input:checked+i:after{content:"✓";color:white;font-size:10px;font-style:normal;font-weight:900}.extract-images-card-thumb{position:relative;width:56px;height:46px;display:grid;place-items:center;padding:0;border:1px solid #d3dfe9;border-radius:3px;background:repeating-conic-gradient(#e9eef3 0 25%,#fff 0 50%) 50%/12px 12px;overflow:hidden;cursor:pointer}.extract-images-card-thumb img{display:block;max-width:100%;max-height:100%;object-fit:contain}.extract-images-card-thumb>span{position:absolute;color:#6c8194;font-size:10px}.extract-images-card>span{min-width:0;display:grid;gap:2px}.extract-images-card strong{display:flex;align-items:center;gap:4px;font-size:8px}.extract-images-card strong b{padding:2px 3px;border-radius:2px;background:#eaf1f7;color:#46647d;font-size:6px}.extract-images-card small,.extract-images-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ei-muted);font-size:6px;font-style:normal}.extract-images-load-more{width:calc(100% - 14px);margin:0 7px 7px;padding:6px;border:1px solid #bdd0df;border-radius:3px;background:#f3f8fc;color:#3b617d;font-size:8px;font-weight:800;cursor:pointer}.extract-images-privacy{display:flex;align-items:flex-start;gap:8px;padding:9px;border-left:3px solid #2a80ba;background:#edf8ff;color:#2a5873}.extract-images-privacy p{margin:0;display:grid;gap:2px}.extract-images-privacy strong{font-size:8px}.extract-images-privacy span{font-size:7px;line-height:1.4}
.extract-images-empty,.extract-images-no-assets{min-height:630px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.extract-images-empty>div,.extract-images-no-assets>i{width:68px;height:68px;display:grid;place-items:center;border:1px solid #f4bbc1;border-radius:11px;background:#fff3f4;color:var(--ei-red);font-size:28px}.extract-images-empty h2,.extract-images-no-assets h2{margin:14px 0 6px;font-size:16px}.extract-images-empty p,.extract-images-no-assets p{max-width:465px;margin:0;color:#405d76;font-size:10px;line-height:1.5}.extract-images-empty ul{display:flex;gap:6px;margin:13px 0 0;padding:0;list-style:none}.extract-images-empty li{padding:4px 7px;border:1px solid #c6d6e3;border-radius:3px;background:white;color:#48647c;font-size:8px;font-weight:800}.extract-images-no-assets>a{margin-top:12px;padding:8px 10px;border-radius:4px;background:var(--ei-red);color:white;text-decoration:none;font-size:9px;font-weight:800}
.extract-images-preview-panel{display:flex;min-height:0;flex:1;flex-direction:column;padding:12px}.extract-images-preview-nav{min-height:37px;display:flex;align-items:center;justify-content:center;gap:8px}.extract-images-preview-nav button{width:31px;height:31px;border:1px solid #bdcddd;border-radius:4px;background:white;color:#315771;cursor:pointer}.extract-images-preview-nav button:disabled{opacity:.4;cursor:not-allowed}.extract-images-preview-nav label{display:flex;gap:4px;color:#3d566d;font-size:9px}.extract-images-preview-nav>span{position:absolute;right:17px;color:#71869a;font-size:8px}.extract-images-stage{position:relative;min-height:505px;display:flex;align-items:center;justify-content:center;flex:1;padding:14px;border:1px solid #bad5c7;border-radius:7px;background:#edf3f7;overflow:auto}.extract-images-checker{max-width:100%;max-height:590px;display:grid;place-items:center;padding:12px;background:repeating-conic-gradient(#dbe3e9 0 25%,#f7f9fb 0 50%) 50%/20px 20px;box-shadow:0 8px 24px rgba(20,45,70,.15)}.extract-images-checker img{display:block;max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain}.extract-images-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(244,248,251,.84);backdrop-filter:blur(1px);z-index:2;font-size:10px;font-weight:800}.extract-images-loading i{color:var(--ei-blue)}.extract-images-preview-info{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7px;border:1px solid var(--ei-border);border-radius:5px;background:white;overflow:hidden}.extract-images-preview-info div{display:grid;gap:2px;padding:7px 8px;border-right:1px solid var(--ei-border)}.extract-images-preview-info div:last-child{border-right:0}.extract-images-preview-info span{color:#71869a;font-size:7px}.extract-images-preview-info strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extract-images-exact-note{margin:6px 0 0;color:#3d6079;font-size:7px}.extract-images-exact-note i{margin-right:4px;color:var(--ei-green)}
.extract-images-result{margin:0 12px 12px;border:1px solid #8bcdae;border-radius:7px;background:#effaf4;color:#176548;overflow:hidden}.extract-images-result>header{display:flex;align-items:center;gap:9px;padding:10px}.extract-images-result>header>i{font-size:18px}.extract-images-result>header>div{min-width:0;display:grid;gap:2px;flex:1}.extract-images-result>header strong{font-size:10px}.extract-images-result>header span{font-size:8px}.extract-images-result>header>a{display:inline-flex;align-items:center;gap:5px;padding:8px 9px;border-radius:4px;background:#167c57;color:white;text-decoration:none;font-size:9px;font-weight:800}.extract-images-download-list{max-height:210px;overflow:auto;border-top:1px solid #b9dfca;background:white}.extract-images-download-list>div{display:flex;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid var(--ei-line);color:var(--ei-text)}.extract-images-download-list>div:last-child{border-bottom:0}.extract-images-download-list>div>i{color:#5e7d93}.extract-images-download-list span{min-width:0;display:grid;gap:1px;flex:1}.extract-images-download-list strong,.extract-images-download-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extract-images-download-list strong{font-size:8px}.extract-images-download-list small{color:var(--ei-muted);font-size:7px}.extract-images-download-list a{padding:5px 7px;border:1px solid #a9cbbb;border-radius:3px;color:#176849;text-decoration:none;font-size:7px;font-weight:800}
.extract-images-footer{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;border-top:1px solid var(--ei-border);background:white}.extract-images-footer>[data-status]{font-size:8px}.extract-images-footer>[data-status][data-tone=error]{color:#d02736;font-weight:800}.extract-images-footer>[data-status][data-tone=success]{color:#14714f}.extract-images-footer>[data-status][data-tone=working]{color:#286b9c}.extract-images-footer>div:last-child{display:flex;gap:6px}.extract-images-footer button{height:33px;padding:0 11px;border:1px solid #bccbd8;border-radius:4px;background:white;color:#2c4c64;font-size:9px;font-weight:800;cursor:pointer}.extract-images-footer .extract-images-create{border-color:var(--ei-red);background:var(--ei-red);color:white}.extract-images-footer .extract-images-create:disabled{opacity:.43;cursor:not-allowed}
body.theme-dark .extract-images-tool{--ei-border:#344c62;--ei-line:#293f52;--ei-panel:#122235;--ei-bg:#09131e;--ei-text:#e8f0f8;--ei-muted:#94a9bb;box-shadow:none}body.theme-dark .extract-images-head,body.theme-dark .extract-images-footer,body.theme-dark .extract-images-library>header{background:#15273a}body.theme-dark .extract-images-head button,body.theme-dark .extract-images-form-grid input,body.theme-dark .extract-images-form-grid select,body.theme-dark .extract-images-size-presets button,body.theme-dark .extract-images-library nav button,body.theme-dark .extract-images-preview-nav button{border-color:#3c566e;background:#172b3f;color:#d8e8f4}body.theme-dark .extract-images-drop{background:linear-gradient(135deg,#1d202b,#2a1b25)}body.theme-dark .extract-images-file{border-color:#315f4a;background:#132d24}body.theme-dark .extract-images-password{border-color:#6d5630;background:#302819}body.theme-dark .extract-images-card{background:#14273a}body.theme-dark .extract-images-card:hover,body.theme-dark .extract-images-card.is-current{border-color:#397cab;background:#102e46}body.theme-dark .extract-images-card>i{background:#0c1a28}body.theme-dark .extract-images-card strong b{background:#293c4f;color:#bed0df}body.theme-dark .extract-images-privacy{background:#102c40;color:#b8dbee}body.theme-dark .extract-images-stage{border-color:#345e49;background:#071019}body.theme-dark .extract-images-loading{background:rgba(9,19,30,.85)}body.theme-dark .extract-images-preview-info{background:#14273a}body.theme-dark .extract-images-empty p,body.theme-dark .extract-images-no-assets p{color:#abc0d1}body.theme-dark .extract-images-empty li{border-color:#3b5369;background:#14273a;color:#bed0df}body.theme-dark .extract-images-result{border-color:#32644c;background:#112d23;color:#a8e3c7}body.theme-dark .extract-images-download-list{background:#122235}
@media(max-width:1040px){.extract-images-grid{grid-template-columns:1fr}.extract-images-controls{border-right:0;border-bottom:1px solid var(--ei-border)}.extract-images-empty,.extract-images-no-assets{min-height:430px}.extract-images-stage{min-height:440px}.extract-images-footer{position:sticky;bottom:0;z-index:4}}
@media(max-width:600px){.extract-images-control-body{padding:9px}.extract-images-form-grid{grid-template-columns:1fr}.extract-images-list{grid-template-columns:1fr;max-height:410px}.extract-images-library>header{align-items:flex-start;flex-direction:column}.extract-images-library nav{width:100%}.extract-images-library nav button{flex:1}.extract-images-preview-panel{padding:8px}.extract-images-preview-nav{flex-wrap:wrap}.extract-images-preview-nav>span{position:static;width:100%;text-align:center}.extract-images-stage{min-height:350px;padding:7px}.extract-images-checker{padding:7px}.extract-images-preview-info{grid-template-columns:1fr 1fr}.extract-images-preview-info div:nth-child(2){border-right:0}.extract-images-preview-info div:nth-child(-n+2){border-bottom:1px solid var(--ei-border)}.extract-images-result>header{align-items:flex-start;flex-wrap:wrap}.extract-images-result>header>a{width:100%;justify-content:center}.extract-images-download-list>div{align-items:flex-start;flex-wrap:wrap}.extract-images-download-list a{margin-left:23px}.extract-images-footer{align-items:stretch;flex-direction:column}.extract-images-footer>div:last-child{justify-content:flex-end}.extract-images-empty ul{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){.extract-images-tool *{scroll-behavior:auto!important;transition:none!important}}