.website-image-extractor-page{--wie-gap:1.5rem;--wie-padding:1.5rem;--wie-toolbar-padding:1.25rem;--wie-radius:.85rem;--wie-border:#dce2e9;--wie-surface:#f6f8fc;--wie-settings-width:23rem;--wie-button-py:.5rem;--wie-button-lg-py:.75rem;--wie-preview-ratio:4 / 3;--wie-toast-width:30rem;overflow-wrap:anywhere}.website-image-extractor-page .hero-image img[fetchpriority=high]{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;transform:none!important;filter:none!important}.wie-input-main,.wie-select-control,.wie-settings,.wie-size-field,.wie-size-field .form-outline,.wie-view-controls>*,.wie-workspace{min-width:0}.wie-input-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,var(--wie-settings-width));border:1px solid var(--wie-border);border-radius:var(--wie-radius);background:#fff}.wie-input-main,.wie-settings{padding:var(--wie-padding);display:flex;flex-direction:column;gap:1.25rem}.wie-settings{background:var(--wie-surface);border-inline-start:1px solid var(--wie-border);border-radius:0 var(--wie-radius) var(--wie-radius) 0}.wie-size-grid{display:grid;gap:1.25rem}.wie-size-field{position:relative}.wie-size-field input{padding-inline-end:3rem}.wie-unit{position:absolute;inset-inline-end:.9rem;top:50%;transform:translateY(-50%);color:#6b7d96;pointer-events:none}.wie-workspace .form-outline{min-width:0}.wie-workspace .form-label{max-width:calc(100% - 2rem)}.wie-workspace .select-label.active{max-width:calc(125% - 2.5rem)}.wie-workspace .form-control,.wie-workspace .select-input{background:#fff}.wie-workspace .form-control[readonly]{background:#f7f9fc}.wie-workspace .wie-size-field .form-control[readonly]{background-color:#fff}.wie-workspace .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere}.wie-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.9rem;border-radius:.5rem;background:#f2f6fc}.wie-notice-message{display:flex;align-items:flex-start;flex:1 1 10rem;gap:.7rem;min-width:0}.wie-notice-icon{display:inline-flex;justify-content:center;align-items:center;flex:0 0 1.6em;height:1.6em;color:#55749c}.wie-notice-icon svg{display:block;width:1em;height:1em}.wie-run-actions{display:flex;flex-wrap:wrap;gap:.75rem}.wie-run-actions .btn{flex:1 1 10rem;min-width:0}.wie-run-actions #btnReset{background:#fff;border:1px solid #ccd8e8;color:#536780;box-shadow:none}.wie-input-feedback{display:flex;flex-direction:column;gap:.5rem}.wie-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.6}.website-image-extractor-page .wie-button{padding-block:var(--wie-button-py)}.website-image-extractor-page .wie-button.btn-lg{padding-block:var(--wie-button-lg-py)}.wie-button-content{display:flex;align-items:flex-start;justify-content:center;gap:.6em;min-width:0;max-width:100%}.wie-button-label{min-width:0;overflow-wrap:anywhere}.wie-button-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.1em;height:1.6em}.wie-button-icon svg{display:block;width:1.1em;height:1em}#wieExtractSpinner{flex:0 0 auto;align-self:flex-start;margin-top:calc(.8em - .5rem)}#btnExtractor:has(#wieExtractSpinner:not(.d-none)) .wie-extract-icon{display:none}.wie-results:focus{outline:none}.wie-results-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.wie-view-controls{display:grid;grid-template-columns:minmax(12rem,2fr) minmax(10rem,1fr) minmax(10rem,1fr) auto;gap:1rem;align-items:start;padding-top:.5rem}.wie-selection-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:var(--wie-toolbar-padding);border:1px solid var(--wie-border);border-radius:var(--wie-radius);background:var(--wie-surface)}.wie-selection-actions{display:flex;flex-wrap:wrap;gap:.65rem;min-width:0}.wie-selection-actions .btn{max-width:100%}.wie-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wie-gap);align-items:start}.wie-image-card{min-width:0;padding:1rem;border:1px solid var(--wie-border);border-radius:.7rem;background:#fff}.wie-image-card.is-selected{border-color:#9bb9e8;background:#f8faff}.wie-image-check{display:flex;align-items:flex-start;gap:.6rem;min-height:44px;cursor:pointer}.wie-image-check input{flex:0 0 auto;float:none;margin:.25rem 0 0}.wie-image-check span{min-width:0}.wie-image-button{display:grid;place-items:center;width:100%;aspect-ratio:var(--wie-preview-ratio);min-height:10rem;padding:0;border:0;border-radius:.4rem;background:#eef2f7;cursor:zoom-in;overflow:hidden}.wie-image-button:focus-visible{outline:2px solid var(--mdb-primary,#1266f1);outline-offset:3px}.wie-image{display:block;width:100%;height:100%;object-fit:contain}.wie-image-fallback{max-width:100%;padding:1rem}.wie-image-name{margin-block:1rem .25rem;overflow-wrap:anywhere}.wie-image-meta{color:#61718a}.wie-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.wie-card-actions .btn{flex:1 1 9rem;min-width:0}.wie-large-image{display:block;width:100%;max-height:75vh;object-fit:contain}#wiePreviewModal .modal-content{border:1px solid var(--wie-border);border-radius:var(--wie-radius)}#wiePreviewModal .modal-header{align-items:flex-start;gap:1rem}#wiePreviewModal .modal-header h2{min-width:0;overflow-wrap:anywhere}#wiePreviewModal .btn-close{flex:0 0 auto}#wiePreviewModal .modal-footer .btn{min-height:44px;white-space:normal}.wie-toast{position:fixed;z-index:1100;left:50%!important;right:auto!important;top:auto!important;bottom:max(1.5rem,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(var(--wie-toast-width,30rem),100vw - 2rem);max-width:none;color:#185d3e;background:#f1fbf6;border:1px solid #a9d4bc;border-radius:.75rem;box-shadow:0 .5rem 1.5rem #102c3026}.wie-toast .toast-body{flex:1;min-width:0;overflow-wrap:anywhere}.wie-toast .btn-close{flex:0 0 auto}.wie-toast.is-error{color:#8d2828;background:#fff5f5;border-color:#e3b1b1}.wie-button.is-copied,.wie-card-actions .wie-button.is-copied{color:#176e46;background:#e8f5ee;border-color:#9dccb4}#select-dropdown-container-wieSort .select-option-text,#select-dropdown-container-wieType .select-option-text{white-space:normal;overflow-wrap:anywhere;line-height:1.6}#select-dropdown-container-wieSort .select-option,#select-dropdown-container-wieType .select-option{padding-block:0}@media(min-width:1280px){.website-image-extractor-page .desktop-mode{display:block!important}}@media(max-width:1199.98px){.website-image-extractor-page{--wie-padding:1.25rem;--wie-toolbar-padding:1rem}.wie-input-panel{grid-template-columns:minmax(0,1fr)}.wie-settings{border-inline-start:0;border-top:1px solid var(--wie-border);border-radius:0 0 var(--wie-radius) var(--wie-radius)}.wie-image-grid,.wie-view-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px) and (max-width:1199.98px){.wie-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.website-image-extractor-page{--wie-gap:1rem;--wie-padding:.75rem;--wie-toolbar-padding:.75rem}.wie-image-grid,.wie-view-controls{grid-template-columns:minmax(0,1fr)}.wie-selection-actions{width:100%}.wie-selection-actions .btn{flex:1 1 10rem}.wie-selection-actions #btnDownload{width:100%;flex-basis:100%}}#imagePreviewArea:focus{outline:none}.wie-size-field input[type=number]{appearance:textfield;-moz-appearance:textfield}.wie-size-field input::-webkit-inner-spin-button,.wie-size-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wie-card-actions .btn-outline-primary,.wie-selection-actions .btn-outline-primary{background:#fff;border-color:#9ab4dc;box-shadow:none}.wie-selection-actions .btn-outline-primary:disabled{opacity:.65}.wie-toast .toast-body{display:flex;align-items:flex-start;gap:.75rem}.wie-toast-symbol{flex:0 0 auto;padding-top:.1em}.wie-toast-symbol svg{width:1.2em;height:1.2em}.wie-share-trigger{display:flex;justify-content:center;margin:2rem auto;max-width:100%;border:1px solid #b6cbed;border-radius:.65rem;background:#f3f7fe}@media(max-width:767.98px){.wie-card-actions .btn{flex-basis:100%}.wie-notice{align-items:flex-start;flex-direction:column}.wie-notice-message{flex:0 1 auto;width:100%}html:lang(ko) .wie-notice-message p{word-break:keep-all}.wie-notice>.btn{align-self:flex-end}.wie-run-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.wie-run-actions .btn{min-width:0;padding-inline:.5rem}}