.ops-tool .bg-app{max-width:960px;margin:0 auto;padding:24px 20px 60px}.ops-tool .bg-privacy{background:#22c55e0f;border:1px solid #22c55e40;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.ops-tool .bg-privacy-icon{flex-shrink:0;font-size:22px;line-height:1.3}.ops-tool .bg-privacy-text{color:var(--ok);font-size:12px;line-height:1.7}.ops-tool .bg-privacy-text strong{font-weight:600}.ops-tool .bg-dropzone{border:2px dashed var(--bdr);text-align:center;cursor:pointer;background:var(--bg3);border-radius:14px;margin-bottom:12px;padding:96px 20px;transition:border-color .2s,background .2s}.ops-tool .bg-dropzone:hover,.ops-tool .bg-dropzone.active,.ops-tool .bg-dropzone:focus-visible{border-color:var(--ac);background:#5563f70f;outline:none}.ops-tool .bg-dz-title{color:var(--tx);margin-bottom:6px;font-size:14px;font-weight:500;line-height:1.6}.ops-tool .bg-dz-sub{color:var(--tx3);font-size:12px}.ops-tool .bg-firstload{background:var(--bg2);border:1px solid var(--bdr);color:var(--tx2);border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:12px;line-height:1.7}.ops-tool .bg-status{background:var(--bg3);border:1px solid var(--bdr);border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:12px;display:flex}.ops-tool .bg-status.loading{border-color:#eab3084d}.ops-tool .bg-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ops-tool .bg-status-dot.loading{background:var(--warn);animation:1.4s ease-in-out infinite bg-pulse}.ops-tool .bg-status-msg{color:var(--tx2);flex-shrink:0}.ops-tool .bg-status-bar{background:var(--bg);border-radius:2px;flex:1;height:4px;overflow:hidden}.ops-tool .bg-status-bar-fill{background:linear-gradient(90deg,var(--ac),var(--ac2));height:100%;transition:width .3s}.ops-tool .bg-error{color:#fca5a5;background:#ef444414;border:1px solid #ef44444d;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.7}.ops-tool .bg-compare{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:20px}.ops-tool .bg-compare-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.ops-tool .bg-cell{aspect-ratio:1;background:#1a1a1a;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ops-tool .bg-cell-label{color:#fff;z-index:2;background:#000000b3;border-radius:5px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:8px;left:8px}.ops-tool .bg-cell img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;display:block}.ops-tool .bg-cell.checker{background-color:#1a1a1a;background-image:linear-gradient(45deg,#3a3a3a 25%,#0000 25%),linear-gradient(-45deg,#3a3a3a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3a3a3a 75%),linear-gradient(-45deg,#0000 75%,#3a3a3a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.ops-tool .bg-overlay{color:#fff;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ops-tool .bg-spin{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite bg-rot}.ops-tool .bg-overlay-msg{font-family:JetBrains Mono,monospace;font-size:13px}.ops-tool .bg-options{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.ops-tool .bg-options-label{color:var(--tx2);margin-right:6px;font-size:12px}.ops-tool .bg-pick{cursor:pointer;border:2px solid var(--bdr);background:var(--bg2);border-radius:6px;width:30px;height:30px;padding:0;transition:border-color .12s;position:relative;overflow:hidden}.ops-tool .bg-pick:hover{border-color:var(--bdr-hi)}.ops-tool .bg-pick.active{border-color:var(--ac)}.ops-tool .bg-pick.transparent{background-color:#888;background-image:linear-gradient(45deg,#666 25%,#0000 25%),linear-gradient(-45deg,#666 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#666 75%),linear-gradient(-45deg,#0000 75%,#666 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.ops-tool .bg-pick.custom{color:var(--tx3);justify-content:center;align-items:center;font-size:14px;display:flex}.ops-tool .bg-pick.custom input{opacity:0;cursor:pointer;border:none;padding:0;position:absolute;inset:0}.ops-tool .bg-note{color:var(--tx3);margin-bottom:14px;font-size:12px;line-height:1.6}.ops-tool .bg-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ops-tool .bg-btn{cursor:pointer;border:1px solid var(--bdr);border-radius:8px;padding:10px 22px;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.ops-tool .bg-btn.primary{background:var(--ac);border-color:var(--ac);color:#fff}.ops-tool .bg-btn.primary:hover{opacity:.85}.ops-tool .bg-btn.secondary{background:var(--bg4);color:var(--tx2)}.ops-tool .bg-btn.secondary:hover{border-color:var(--ac);color:var(--ac)}.ops-tool .bg-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:640px){.ops-tool .bg-compare-grid{grid-template-columns:1fr}.ops-tool .bg-dropzone{padding:64px 16px}}