.image-prep-tool{min-width:0}.image-prep-privacy{margin:0 0 18px}.image-prep-drop{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;padding:28px 18px;border:1px dashed var(--calc-accent);border-radius:16px;background:var(--calc-inset);text-align:center;cursor:pointer}.image-prep-drop svg{color:var(--calc-accent);margin-bottom:4px}.image-prep-drop strong{font-size:17px;color:var(--calc-text)}.image-prep-drop small,.image-prep-drop span{color:var(--calc-muted)}.image-prep-drop input{position:absolute;width:1px;height:1px;opacity:0}.image-prep-drop:focus-within{outline:3px solid var(--calc-accent);outline-offset:4px}.image-prep-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);grid-gap:26px;gap:26px;margin-top:26px}.image-prep-settings{min-width:0;padding:22px;border:1px solid var(--calc-line);border-radius:14px;background:var(--calc-surface)}.image-prep-settings h2{font-size:19px;margin:0 0 22px}.image-prep-settings .calc-field{margin-bottom:16px}.image-prep-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.image-prep-settings .calc-check{margin:16px 0 22px}.image-prep-settings .utility-note{margin-top:0}.image-prep-presets{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}.image-prep-download,.image-prep-tool button{border:1px solid var(--calc-line);border-radius:8px;background:var(--calc-inset);color:var(--calc-text);padding:9px 12px;font:inherit;cursor:pointer;line-height:1.4}.image-prep-download:hover,.image-prep-tool button:hover:not(:disabled){border-color:var(--calc-accent)}.image-prep-presets button{font-size:11px;padding:7px 10px}.image-prep-presets button[aria-pressed=true]{border-color:var(--calc-accent);color:var(--calc-accent);background:rgba(184,160,239,.1)}.image-prep-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.image-prep-download,.image-prep-tool .image-prep-primary{background:var(--calc-accent);color:#171529;border-color:var(--calc-accent);font-weight:600}.image-prep-tool button:disabled{opacity:.5;cursor:default}.image-prep-output{min-width:0}.image-prep-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));grid-gap:14px;gap:14px}.image-prep-previews figure{margin:0;min-width:0}.image-prep-previews figcaption{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;color:var(--calc-muted);font-size:12px;overflow-wrap:anywhere}.image-prep-previews figcaption strong{color:var(--calc-text);font-size:15px}.image-prep-preview{display:flex;align-items:center;justify-content:center;min-height:160px;height:230px;overflow:hidden;border:1px solid var(--calc-line);border-radius:12px;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50% /18px 18px}.image-prep-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.image-prep-filename{display:block;overflow-wrap:anywhere;margin-top:8px;color:var(--calc-muted)}.image-prep-empty{padding:28px 22px;color:var(--calc-muted);margin:18px 0 0}.image-prep-empty,.image-prep-result{border:1px solid var(--calc-line);border-radius:14px}.image-prep-result{margin-top:20px;padding:22px;background:var(--calc-inset)}.image-prep-result>strong{display:block;font-size:17px;margin-bottom:18px}.image-prep-result.is-pass{border-color:rgba(132,214,197,.55)}.image-prep-result.is-over{border-color:#cda565}.image-prep-result dl{margin:0 0 20px}.image-prep-result dl>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--calc-line)}.image-prep-result dt{color:var(--calc-muted);font-weight:400}.image-prep-result dd{margin:0;text-align:right;overflow-wrap:anywhere}.image-prep-download{display:inline-flex;gap:22px;align-items:center;text-decoration:none}.image-prep-review{margin-top:24px}.white-content .image-prep-download,.white-content .image-prep-tool .image-prep-primary{color:#fff}.utility-widget .image-prep-layout{grid-template-columns:1fr;gap:18px}.utility-widget .image-prep-settings{padding:16px}@media (max-width:760px){.image-prep-layout{grid-template-columns:1fr;gap:20px}.image-prep-settings{padding:18px}.image-prep-result dl>div{flex-direction:column;gap:4px}.image-prep-result dd{text-align:left}}@media (max-width:380px){.image-prep-dimensions{grid-template-columns:1fr;gap:0}}.image-prep-batch{padding:20px;margin-bottom:22px;border:1px solid var(--calc-line);border-radius:14px}.image-prep-batch h2{font-size:19px;margin:0 0 12px}.image-prep-batch ul{list-style:none;padding:0;margin:15px 0}.image-prep-batch li{display:grid;grid-gap:6px;gap:6px;padding:12px 0;border-top:1px solid var(--calc-line);overflow-wrap:anywhere;font-size:12px}.image-prep-batch li>span{color:var(--calc-muted)}.image-prep-batch li>.image-prep-batch-error{color:#d69891}.image-prep-batch a{color:var(--calc-accent)}.image-prep-tool>.utility-note{overflow-wrap:anywhere}