.gpjam-image-app,.gpjam-image-directory{--gpi-ink:#023430;--gpi-teal:#001e2b;--gpi-green:#00ed64;--gpi-mint:#e3fcf0;--gpi-border:#d8e5e1;--gpi-muted:#536a69;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--gpi-ink);max-width:1180px;margin:24px auto;box-sizing:border-box}.gpjam-image-app *,.gpjam-image-directory *{box-sizing:border-box}.gpi-hero{background:linear-gradient(125deg,#001e2b,#06463d);color:#fff;padding:48px;border-radius:18px}.gpi-eyebrow{color:#80f6af;font-size:12px;font-weight:750;letter-spacing:1.1px}.gpi-hero h2{font-size:clamp(29px,4vw,52px);line-height:1.13;letter-spacing:-1px;margin:15px 0;color:#fff}.gpi-hero p{color:#d0e8e2;font-size:17px;margin:0}.gpi-workspace{border:1px solid var(--gpi-border);border-radius:16px;background:white;padding:25px;margin-top:20px;box-shadow:0 8px 26px rgba(0,30,43,.05)}.gpi-upload{border:2px dashed #8ccfb3;background:#f3fdf8;padding:34px 20px;border-radius:14px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}.gpi-upload:focus-visible,.gpi-btn:focus-visible,.gpi-chip:focus-visible,.gpi-card:focus-visible{outline:3px solid #00a34a;outline-offset:3px}.gpi-upload-icon{background:#d3f8e4;border-radius:50%;height:52px;width:52px;display:grid;place-items:center;font-size:32px}.gpi-upload strong{font-size:19px}.gpi-upload span,.gpi-status,.gpi-footnote{font-size:13px;color:var(--gpi-muted)}.gpi-btn{border:0;border-radius:999px;background:var(--gpi-green);color:var(--gpi-teal);font-weight:750;padding:12px 23px;min-height:44px;cursor:pointer;font-size:14px}.gpi-btn:disabled{opacity:.45;cursor:not-allowed}.gpi-outline{background:white;border:1px solid #a3bdb4}.gpi-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin:20px 0}.gpi-control{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.gpi-control input,.gpi-control select,.gpi-control textarea,.gpi-search{width:100%;border:1px solid #aac8bc;border-radius:9px;background:white;color:#023430;padding:11px;min-height:44px;font:inherit}.gpi-control input[type=checkbox]{width:auto;min-height:0}.gpi-status{padding:9px 0}.gpi-status.error{color:#b3261e}.gpi-preview{display:flex;flex-wrap:wrap;gap:12px}.gpi-preview img{width:130px;height:115px;object-fit:contain;background:#f3f7f5;border:1px solid var(--gpi-border);border-radius:9px}.gpi-actions{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.gpi-results{display:flex;flex-wrap:wrap;gap:12px}.gpi-result{border:1px solid var(--gpi-border);border-radius:12px;padding:12px;min-width:180px;flex:1}.gpi-result img{height:120px;width:100%;object-fit:contain;background:#f5faf8}.gpi-result a{display:inline-block;background:#00ed64;border-radius:999px;padding:10px 16px;color:#001e2b;text-decoration:none;font-weight:700;margin-top:9px}.gpi-footnote{margin-top:14px}.gpi-search{max-width:540px;margin-top:22px;font-size:15px}.gpi-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.gpi-chip{border:1px solid var(--gpi-border);border-radius:999px;padding:9px 16px;background:white;color:var(--gpi-ink);cursor:pointer}.gpi-chip.active{background:var(--gpi-teal);color:white}.gpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.gpi-card{text-align:left;position:relative;display:flex;flex-direction:column;gap:9px;border:1px solid var(--gpi-border);border-radius:12px;background:#fff;color:var(--gpi-ink);padding:20px;min-height:160px;cursor:pointer}.gpi-card:hover{border-color:#00a34a;box-shadow:0 4px 12px #001e2b0c}.gpi-card-icon{background:var(--gpi-mint);border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:24px}.gpi-card small{color:var(--gpi-muted);font-size:12px}.gpi-card-arrow{position:absolute;right:15px;top:15px}.gpi-directory-tool{margin-top:25px}.gpi-directory-tool:empty{display:none}@media(max-width:640px){.gpi-hero{padding:27px 20px}.gpi-workspace{padding:14px}.gpi-upload{padding:24px 12px}.gpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpi-card{padding:12px;min-height:160px}.gpi-card strong{font-size:13px}.gpi-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.gpi-grid,.gpi-controls{grid-template-columns:1fr}}

.gpi-card[hidden]{display:none!important}

/* GPJAM image workflow v1.2 — scoped source/output panels and progress */
.gpi-preview,.gpi-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;align-items:start}
.gpi-preview:not(:empty):before{content:'ORIGINAL UPLOAD';grid-column:1/-1;color:#0b7661;font-size:12px;font-weight:800;letter-spacing:.13em;margin-top:10px}
.gpi-file-card,.gpi-result{border:1px solid #cfe2da;background:#fff;border-radius:17px;padding:14px;min-width:0;box-shadow:0 5px 18px #001e2b08;overflow:hidden}
.gpi-file-visual,.gpi-result-visual{height:210px;border-radius:12px;background:repeating-conic-gradient(#eef5f1 0% 25%,#f8fbf9 0% 50%) 50%/20px 20px;display:grid;place-items:center;overflow:hidden}
.gpi-file-visual img,.gpi-result-visual img,.gpi-preview img,.gpi-result img{width:100%;height:100%;object-fit:contain;background:transparent;border:0;border-radius:0}
.gpi-file-info,.gpi-result-info{padding:13px 4px 3px;min-width:0}.gpi-file-info strong,.gpi-result-info>strong{font-size:14px;display:block;overflow-wrap:anywhere}.gpi-file-info p{margin:6px 0;color:#234d43;font-size:13px}.gpi-file-info small{font-size:12px;color:#61776e}
.gpi-result-heading{display:flex;gap:11px;align-items:center;padding:3px 3px 14px}.gpi-result-heading strong{display:block;font-size:16px}.gpi-result-heading small{display:block;font-size:12px;color:#54746b}.gpi-success-mark{display:grid;place-items:center;background:#e3fcf0;color:#067d4e;width:35px;height:35px;border-radius:50%;font-weight:900}.gpi-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.gpi-specs>div{background:#f1f8f5;padding:11px;border-radius:10px;min-width:0}.gpi-specs span{display:block;color:#5b736a;font-size:11px}.gpi-specs strong{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere}
.gpi-result-actions{position:relative;margin-top:16px}.gpi-download-toggle{width:100%}.gpi-download-menu{position:relative;z-index:5;margin-top:7px;padding:6px;background:#fff;border:1px solid #c5dfd4;border-radius:12px;box-shadow:0 9px 22px #001e2b14}.gpi-download-menu[hidden]{display:none}.gpi-download-menu button{display:block;width:100%;padding:12px;border:0;background:transparent;color:#023430;text-align:left;border-radius:8px;font-weight:650;cursor:pointer}.gpi-download-menu button:hover,.gpi-download-menu button:focus-visible{background:#e3fcf0;outline:2px solid #0eaa72}
.gpi-workspace{position:relative}.gpi-progress[hidden]{display:none}.gpi-progress{position:sticky;bottom:15px;z-index:10;max-width:460px;margin:15px auto;padding:24px 24px 20px;text-align:center;border:1px solid #76d9ad;border-radius:20px;background:#002b2b;color:white;box-shadow:0 12px 40px #004b3670,0 0 30px #00ed642a;overflow:hidden}.gpi-progress:before{content:'';position:absolute;inset:-100%;background:conic-gradient(transparent,#00ed6418,transparent);animation:gpi-halo 5s linear infinite;pointer-events:none}.gpi-progress>*{position:relative}.gpi-progress-orbit{width:78px;height:78px;margin:0 auto 15px;border:2px solid #1a8b6b;border-radius:50%;box-shadow:0 0 22px #00ed6460,inset 0 0 18px #00ed6422;animation:gpi-orbit 1.7s linear infinite}.gpi-progress-orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:#00ed64;box-shadow:0 0 15px #00ed64}.gpi-progress-orbit span:nth-child(1){top:-5px;left:32px}.gpi-progress-orbit span:nth-child(2){bottom:6px;left:1px;opacity:.7}.gpi-progress-orbit span:nth-child(3){right:2px;bottom:10px;opacity:.55}.gpi-progress-orbit i{position:absolute;inset:19px;border-radius:50%;background:#00ed64;box-shadow:0 0 18px #00ed64;opacity:.65}.gpi-progress-title{display:block;color:white;font-size:17px}.gpi-progress-subtitle{font-size:12px;color:#b4e4d3;margin:5px 0 17px}.gpi-progress-track{height:7px;border-radius:20px;background:#20554c;overflow:hidden}.gpi-progress-fill{width:35%;height:100%;border-radius:20px;background:linear-gradient(90deg,#00ed64,#a9ffd0);box-shadow:0 0 12px #00ed64;animation:gpi-loading 1.4s ease-in-out infinite}.gpi-progress.is-complete .gpi-progress-fill{width:100%;animation:none}.gpi-progress.is-complete .gpi-progress-orbit{animation:none}.gpi-progress.is-complete .gpi-progress-orbit i{opacity:1}@keyframes gpi-orbit{to{transform:rotate(360deg)}}@keyframes gpi-loading{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}@keyframes gpi-halo{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gpi-progress *,.gpi-progress:before{animation:none!important}.gpi-progress-fill{width:65%}}@media(max-width:640px){.gpi-file-visual,.gpi-result-visual{height:180px}.gpi-progress{padding:17px}}

/* v1.3: processing indicator sits inside the tool workflow, not at viewport bottom. */
.gpjam-image-app .gpi-progress{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;max-width:100%;width:100%;margin:18px 0 22px;z-index:1;box-shadow:0 8px 25px rgba(0,65,47,.18),0 0 18px rgba(0,237,100,.12)}
.gpjam-image-app .gpi-progress[hidden]{display:none!important}
.gpjam-image-app .gpi-progress-orbit{position:relative}
.gpjam-image-app .gpi-result{min-width:0;width:100%;overflow:visible}
.gpjam-image-app .gpi-result-visual{height:230px;display:flex;align-items:center;justify-content:center;background:#f3faf7;border-radius:12px;padding:12px}
.gpjam-image-app .gpi-result-visual img{height:100%;max-height:210px;max-width:100%;object-fit:contain}
.gpjam-image-app .gpi-result-actions{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:15px}
.gpjam-image-app .gpi-download-menu{position:relative;z-index:3;border:1px solid #b6d9c7;background:white;border-radius:12px;padding:5px;box-shadow:0 8px 18px rgba(0,30,43,.1);min-width:210px}
.gpjam-image-app .gpi-download-menu[hidden]{display:none!important}
.gpjam-image-app .gpi-download-menu button{display:block;width:100%;text-align:left;border:0;border-radius:8px;background:white;padding:10px 12px;color:#023430;cursor:pointer}
.gpjam-image-app .gpi-download-menu button:hover{background:#e3fcf0}
.gpjam-image-app .gpi-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}
.gpjam-image-app .gpi-specs>div{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid #d8e5e1;border-radius:10px;background:#f7fcfa}
.gpjam-image-app .gpi-specs span{font-size:11px;color:#536a69}
.gpjam-image-app .gpi-specs strong{font-size:13px;overflow-wrap:anywhere}
@media(max-width:640px){.gpjam-image-app .gpi-progress{padding:20px 14px}.gpjam-image-app .gpi-result-visual{height:190px}}

/* v1.4 refreshed GPJAM single-column workflow */
.gpi-v14{--gpi-green:#00ed64;--gpi-teal:#003b36;max-width:1160px!important;margin:0 auto!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#102c2b}.gpi-v14 *{box-sizing:border-box}.gpi-v14 .gpi-hero{position:relative;min-height:265px;display:flex;align-items:center;overflow:hidden;padding:32px 36px;background:radial-gradient(circle at 88% 60%,#087c50 0%,transparent 38%),linear-gradient(110deg,#002a2e 5%,#003c32 65%,#006d47);border-radius:22px;color:white;margin:0 0 22px}.gpi-v14 .gpi-breadcrumb{position:absolute;top:19px;left:36px;font-size:12px;color:#92f4c7}.gpi-v14 .gpi-hero-copy{position:relative;z-index:2;width:65%;padding-top:12px}.gpi-v14 .gpi-hero-badge{font-size:11px;letter-spacing:.12em;font-weight:800;color:#91ffc6}.gpi-v14 .gpi-hero h2{font-size:clamp(29px,3.7vw,45px);letter-spacing:-.035em;line-height:1.13;color:#fff;margin:11px 0 10px;font-weight:850}.gpi-v14 .gpi-hero p{font-size:15px;color:#d7f6e8;max-width:550px;margin:0 0 20px}.gpi-v14 .gpi-hero-benefits{display:flex;flex-wrap:wrap;gap:9px}.gpi-v14 .gpi-hero-benefits span{padding:7px 10px;border-radius:50px;background:#ffffff18;font-size:11px;color:#e7fff3}.gpi-v14 .gpi-hero-art{position:absolute;right:8px;top:25px;width:37%;height:225px;object-fit:contain;filter:drop-shadow(0 12px 15px #001e1e60)}.gpi-v14 .gpi-workspace{padding:0;background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;gap:15px}.gpi-v14 .gpi-upload-panel,.gpi-v14 .gpi-settings-panel,.gpi-v14 .gpi-results-panel{background:white;border:1px solid #dceae5;border-radius:18px;padding:22px;box-shadow:0 6px 25px #004b2910}.gpi-v14 .gpi-section-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.gpi-v14 .gpi-section-title strong{font-size:19px;color:#092d29;display:block}.gpi-v14 .gpi-section-title small{font-size:12px;color:#647c73;display:block;margin-top:2px}.gpi-v14 .gpi-step{background:linear-gradient(145deg,#00b965,#007b4d);color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800;flex-shrink:0}.gpi-v14 .gpi-upload{min-height:218px;border:1.5px dashed #78d8b0;border-radius:14px;background:linear-gradient(145deg,#f3fff9,#f9fffd);display:flex;align-items:center;justify-content:center;gap:9px;padding:25px}.gpi-v14 .gpi-upload-icon{background:#ddfbea;color:#008b53;font-size:38px}.gpi-v14 .gpi-upload strong{font-size:18px;color:#082d29}.gpi-v14 .gpi-upload span,.gpi-v14 .gpi-upload small{color:#637e73;font-size:12px}.gpi-v14 .gpi-btn{background:linear-gradient(100deg,#00d76c,#008f54);color:white;border-radius:100px;font-size:14px;padding:13px 25px;box-shadow:0 3px 9px #007c4522;transition:transform .2s,box-shadow .2s}.gpi-v14 .gpi-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #007c4533}.gpi-v14 .gpi-btn.gpi-outline{background:white;color:#006943;border:1px solid #a9d5c1;box-shadow:none}.gpi-v14 .gpi-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 18px}.gpi-v14 .gpi-control{border:1px solid #e5eee9;background:#fcfffd;border-radius:12px;padding:13px;gap:9px;font-size:12px}.gpi-v14 .gpi-control input,.gpi-v14 .gpi-control select{border-color:#d7e7df;min-height:43px}.gpi-v14 .gpi-actions{margin:0;display:flex;gap:12px}.gpi-v14 .gpi-process{flex:1;font-size:16px;min-height:51px}.gpi-v14 .gpi-status{font-size:12px;margin:10px 0 0;padding:0}.gpi-v14 .gpi-preview{margin-top:15px;display:block}.gpi-v14 .gpi-preview:before{display:none}.gpi-v14 .gpi-file-card{display:flex;align-items:center;gap:19px;padding:12px;box-shadow:none;background:#f7fcf9}.gpi-v14 .gpi-file-visual{width:220px;max-width:40%;height:125px;flex-shrink:0}.gpi-v14 .gpi-file-info{flex:1}.gpi-v14 .gpi-file-info strong{font-size:15px}.gpi-v14 .gpi-file-info p{font-size:13px}.gpi-v14 .gpi-results{display:block}.gpi-v14 .gpi-result{border:0;box-shadow:none;padding:0}.gpi-v14 .gpi-result-heading{padding:0 0 13px}.gpi-v14 .gpi-result-visual{height:290px;background:#f3f9f6}.gpi-v14 .gpi-result-visual img{max-height:275px}.gpi-v14 .gpi-result-info{padding:16px 2px}.gpi-v14 .gpi-specs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.gpi-v14 .gpi-result-actions{width:100%;display:block}.gpi-v14 .gpi-download-toggle{max-width:400px}.gpi-v14 .gpi-download-menu{max-width:400px}.gpi-v14 .gpi-progress{position:relative!important;max-width:100%;background:linear-gradient(100deg,#e9fff2,#f6fffa);color:#064b35;border:1px solid #bdebd5;box-shadow:none;text-align:left;padding:22px 24px;margin:18px 0 0}.gpi-v14 .gpi-progress-title{color:#075b3e}.gpi-v14 .gpi-progress-subtitle{color:#477767}.gpi-v14 .gpi-progress-orbit{width:48px;height:48px;margin:0 15px 0 0;float:left}.gpi-v14 .gpi-progress-orbit i{inset:12px}.gpi-v14 .gpi-progress-track{clear:both;margin-top:18px;background:#d0eadd}.gpi-v14 .gpi-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.gpi-v14 .gpi-trust>div{border-radius:13px;background:#f0fcf6;padding:15px;display:flex;flex-direction:column;gap:4px}.gpi-v14 .gpi-trust strong{font-size:13px;color:#00663d}.gpi-v14 .gpi-trust span{font-size:12px;color:#637c70}.gpi-v14 .gpi-footnote{margin:16px 0;font-size:12px;color:#70847b}.gpi-v14 .gpi-results-panel[hidden]{display:none!important}@media(max-width:700px){.gpi-v14 .gpi-hero{padding:48px 20px 22px;min-height:0}.gpi-v14 .gpi-breadcrumb{left:20px;top:15px}.gpi-v14 .gpi-hero-copy{width:100%}.gpi-v14 .gpi-hero-art{display:none}.gpi-v14 .gpi-upload-panel,.gpi-v14 .gpi-settings-panel,.gpi-v14 .gpi-results-panel{padding:15px}.gpi-v14 .gpi-file-card{display:block}.gpi-v14 .gpi-file-visual{max-width:100%;width:100%;height:180px}.gpi-v14 .gpi-controls{grid-template-columns:1fr}.gpi-v14 .gpi-trust{grid-template-columns:1fr}.gpi-v14 .gpi-result-visual{height:220px}.gpi-v14 .gpi-actions{flex-wrap:wrap}}

.gpi-quality-policy{display:flex;align-items:flex-start;gap:10px;grid-column:1/-1;font-size:13px;font-weight:650;color:#164c40;background:#ecfff5;padding:12px 14px;border-radius:12px}.gpi-quality-policy input{width:18px;height:18px;flex:none;accent-color:#009e67}.gpi-quality-note{grid-column:1/-1;color:#527267;font-size:12px;margin:0 0 8px;line-height:1.5}

/* v2.2.0 quality comparison: previews never modify downloaded pixels */
.gpi-v14 .gpi-result-visual.gpi-compare-area,.gpjam-image-app .gpi-result-visual.gpi-compare-area{display:flex;flex-direction:column;height:auto;max-height:none;align-items:stretch;justify-content:flex-start;padding:14px;gap:10px;background:#f2faf6;overflow:visible}
.gpi-compare-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#073e2d;font-size:13px}
.gpi-compare-toolbar strong{margin-right:auto}.gpi-compare-toolbar>span{color:#517366;font-size:12px}.gpi-compare-toolbar button{background:#fff;border:1px solid #bcdccb;border-radius:8px;min-height:32px;min-width:32px;padding:5px 10px;color:#07573a;cursor:pointer;font-weight:700}.gpi-compare-toolbar button:hover{background:#d9f8e6}.gpi-compare-toolbar output{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}
.gpi-compare-viewport{position:relative;width:100%;height:clamp(200px,34vw,430px);overflow:hidden;border-radius:12px;background:#0a1512;touch-action:pan-y}.gpi-compare-viewport.is-zoomed{cursor:zoom-in}.gpi-compare-stage{position:relative;width:100%;height:100%;transform-origin:center center;transition:transform .18s ease}
.gpjam-image-app .gpi-compare-stage img,.gpi-v14 .gpi-compare-stage img{position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;border:0;background:transparent;border-radius:0}
.gpi-compare-after-clip{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 0 50%)}.gpi-compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px #004d34,0 0 9px #0008;pointer-events:none}.gpi-compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#00c96c;color:#002c20;width:45px;height:45px;font-size:12px;box-shadow:0 3px 14px #001b1377}.gpi-compare-range{width:100%;accent-color:#009a5d;cursor:ew-resize;min-height:24px;margin:0}.gpi-compare-labels{display:flex;justify-content:space-between;color:#07573a;font-size:12px;font-weight:700}
@media(max-width:640px){.gpi-compare-toolbar>span{display:none}.gpi-compare-viewport{height:240px}.gpi-compare-toolbar{gap:5px}.gpi-compare-toolbar button{padding:4px 8px}}