/* Image Converter v1 */
#gwic{--gwic-acc:#0066cc;--gwic-acc-d:#0052a3;--gwic-paper:#fdfcf7;--gwic-card:#fff;--gwic-ink:#10161d;--gwic-mut:#4c5d6d;--gwic-yel:#ffc800;--gwic-ok:#0e7a3d;--gwic-okbg:#cdeeda;--gwic-err:#b3261e;--gwic-errbg:#ffd9d4;--gwic-runbg:#ffe58a;max-width:820px;margin:0 auto;padding:22px 20px 20px;color:var(--gwic-ink);background:var(--gwic-paper);border:2px solid var(--gwic-ink);border-radius:16px;box-shadow:7px 7px 0 var(--gwic-ink);font-family:'Space Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.55;box-sizing:border-box}
#gwic *{box-sizing:border-box}
#gwic.gwic-dark{--gwic-paper:#0e141b;--gwic-card:#16212d;--gwic-ink:#eef4fa;--gwic-mut:#a7bccf;--gwic-ok:#57d992;--gwic-okbg:#143726;--gwic-err:#ff9d94;--gwic-errbg:#3d1a16;--gwic-runbg:#4a3d07;box-shadow:7px 7px 0 #000}
#gwic .gwic-note[hidden],#gwic .gwic-file[hidden],#gwic .gwic-seg-b[hidden]{display:none!important}
#gwic svg.gwic-ic{display:inline-block;vertical-align:middle}
#gwic svg.gwic-ic *{fill:none!important;stroke:currentColor!important}
#gwic .gwic-head{margin:0 0 18px;text-align:center}
#gwic .gwic-chip{display:inline-block;margin:0 0 10px;padding:4px 12px;background:var(--gwic-yel);border:2px solid var(--gwic-ink);border-radius:999px;color:#10161d;font-family:'Archivo',sans-serif;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#gwic .gwic-title{margin:0 0 6px;font-family:'Archivo',sans-serif;font-size:42px;line-height:1.05;font-weight:900;letter-spacing:-.5px;color:var(--gwic-ink)}
#gwic .gwic-title span{color:var(--gwic-acc)}
#gwic.gwic-dark .gwic-title span{color:#6db3f2}
#gwic .gwic-lead{margin:0;color:var(--gwic-mut);font-size:16.5px}
#gwic .gwic-drop{border:2.5px dashed var(--gwic-ink);border-radius:14px;background:var(--gwic-card);padding:26px 18px 20px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
#gwic .gwic-drop:hover{border-color:var(--gwic-acc)}
#gwic .gwic-drop.gwic-over{border-color:var(--gwic-acc);background:var(--gwic-runbg)}
#gwic .gwic-drop:focus-visible{outline:3px solid var(--gwic-acc);outline-offset:2px}
#gwic .gwic-drop-ic{width:30px;height:30px;color:#fff;background:var(--gwic-acc);border:2px solid var(--gwic-ink);border-radius:9px;padding:5px;box-shadow:3px 3px 0 var(--gwic-ink)}
#gwic .gwic-drop-t{margin:12px 0 2px;font-family:'Archivo',sans-serif;font-size:20px;font-weight:800;color:var(--gwic-ink)}
#gwic .gwic-drop-s{margin:0 0 16px;color:var(--gwic-mut);font-size:14.5px}
#gwic .gwic-drop-f{margin:16px 0 0;color:var(--gwic-mut);font-size:13px;line-height:1.6}
#gwic .gwic-btn{display:inline-block;border:2px solid var(--gwic-ink);background:var(--gwic-card);color:var(--gwic-ink);border-radius:10px;padding:9px 18px;font-family:'Archivo',sans-serif;font-size:15px;font-weight:700;cursor:pointer;line-height:1.3;box-shadow:3px 3px 0 var(--gwic-ink);transition:transform .08s,box-shadow .08s}
#gwic .gwic-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--gwic-ink)}
#gwic .gwic-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--gwic-ink)}
#gwic .gwic-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--gwic-ink)}
#gwic .gwic-btn-p{background:var(--gwic-acc);color:#fff}
#gwic .gwic-btn-p:hover{background:var(--gwic-acc-d)}
#gwic .gwic-btn-danger{color:var(--gwic-err)}
#gwic .gwic-panel{margin-top:18px;border:2px solid var(--gwic-ink);border-radius:14px;background:var(--gwic-card);padding:18px;box-shadow:4px 4px 0 var(--gwic-ink)}
#gwic .gwic-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px}
#gwic .gwic-row:last-of-type{margin-bottom:0}
#gwic .gwic-lab{font-family:'Archivo',sans-serif;font-weight:800;color:var(--gwic-ink);min-width:118px;font-size:15px}
#gwic .gwic-qval{display:inline-block;min-width:34px;text-align:center;background:var(--gwic-yel);border:2px solid var(--gwic-ink);border-radius:7px;padding:0 6px;color:#10161d;font-weight:700}
#gwic .gwic-seg{display:inline-flex;flex-wrap:wrap;border:2px solid var(--gwic-ink);border-radius:10px;overflow:hidden;background:var(--gwic-card)}
#gwic .gwic-seg-b{border:0;border-right:2px solid var(--gwic-ink);background:var(--gwic-card);color:var(--gwic-mut);padding:9px 18px;font-family:'Archivo',sans-serif;font-size:15px;font-weight:700;cursor:pointer}
#gwic .gwic-seg-b:last-child{border-right:0}
#gwic .gwic-seg-b.gwic-on{background:var(--gwic-acc);color:#fff}
#gwic .gwic-range{flex:1;min-width:160px;accent-color:var(--gwic-acc);height:28px;cursor:pointer}
#gwic .gwic-range:disabled{cursor:not-allowed;opacity:.5}
#gwic .gwic-check{display:flex;align-items:center;gap:9px;color:var(--gwic-ink);font-size:14.5px;cursor:pointer}
#gwic .gwic-check input{width:19px;height:19px;accent-color:var(--gwic-acc)}
#gwic .gwic-note{margin:0 0 14px;color:var(--gwic-ink);background:var(--gwic-runbg);border:2px solid var(--gwic-ink);border-radius:9px;padding:7px 12px;font-size:14px;font-weight:500}
#gwic .gwic-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
#gwic .gwic-status{margin:14px 0 0;color:var(--gwic-mut);font-size:14.5px}
#gwic .gwic-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
#gwic .gwic-item{display:flex;gap:12px;align-items:center;border:2px solid var(--gwic-ink);border-radius:12px;background:var(--gwic-card);padding:10px 12px;box-shadow:3px 3px 0 var(--gwic-ink)}
#gwic .gwic-thumb{width:54px;height:54px;flex:0 0 54px;border-radius:8px;object-fit:cover;background:var(--gwic-paper);border:2px solid var(--gwic-ink)}
#gwic .gwic-thumb-x{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 54px;border-radius:8px;background:var(--gwic-yel);border:2px solid var(--gwic-ink);color:#10161d;font-family:'Archivo',sans-serif;font-size:11px;font-weight:800;letter-spacing:.3px}
#gwic .gwic-meta{flex:1;min-width:0}
#gwic .gwic-name{margin:0;font-weight:700;color:var(--gwic-ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gwic .gwic-sub{margin:1px 0 0;color:var(--gwic-mut);font-size:13px}
#gwic .gwic-sub b{color:var(--gwic-ok);font-weight:700}
#gwic .gwic-badge{flex:0 0 auto;font-family:'Archivo',sans-serif;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:4px 11px;border:2px solid var(--gwic-ink);color:var(--gwic-mut);background:var(--gwic-card)}
#gwic .gwic-badge.gwic-b-run{color:#10161d;background:var(--gwic-runbg)}
#gwic .gwic-badge.gwic-b-done{color:#10161d;background:var(--gwic-okbg)}
#gwic.gwic-dark .gwic-badge.gwic-b-done{color:var(--gwic-ok)}
#gwic .gwic-badge.gwic-b-err{color:#10161d;background:var(--gwic-errbg)}
#gwic.gwic-dark .gwic-badge.gwic-b-err{color:var(--gwic-err)}
#gwic .gwic-acts{display:flex;gap:8px;flex:0 0 auto}
#gwic .gwic-iconbtn{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--gwic-ink);border-radius:9px;background:var(--gwic-card);color:var(--gwic-ink);cursor:pointer;box-shadow:2px 2px 0 var(--gwic-ink);transition:transform .08s,box-shadow .08s}
#gwic .gwic-iconbtn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--gwic-ink)}
#gwic .gwic-iconbtn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--gwic-ink)}
#gwic .gwic-iconbtn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 var(--gwic-ink)}
#gwic .gwic-iconbtn svg{width:19px;height:19px}
#gwic .gwic-privasi{margin:18px 0 0;padding:12px 14px;border:2px solid var(--gwic-ink);border-radius:12px;background:var(--gwic-yel);color:#10161d;font-size:14px;font-weight:500}
.gwic-doc{max-width:820px;margin:30px auto 0;line-height:1.65}
.gwic-doc h2{margin:26px 0 8px}
.gwic-doc h2:first-child{margin-top:0}
.gwic-doc p{margin:0 0 10px}
@media (max-width:640px){
#gwic{padding:16px 14px;box-shadow:4px 4px 0 var(--gwic-ink)}
#gwic .gwic-title{font-size:31px}
#gwic .gwic-drop{padding:20px 12px 16px}
#gwic .gwic-panel{padding:14px}
#gwic .gwic-lab{min-width:0;width:100%}
#gwic .gwic-seg{width:100%}
#gwic .gwic-seg-b{flex:1;padding:9px 6px;font-size:14px}
#gwic .gwic-item{flex-wrap:wrap}
#gwic .gwic-meta{flex:1 1 calc(100% - 70px)}
#gwic .gwic-badge{order:3}
#gwic .gwic-acts{order:4;margin-left:auto}
#gwic .gwic-actions .gwic-btn{flex:1 1 auto;text-align:center}
}
@media (prefers-reduced-motion:reduce){
#gwic .gwic-drop,#gwic .gwic-btn,#gwic .gwic-iconbtn{transition:none}
}