.ops-tool .pj-app{max-width:860px;margin:0 auto;padding:24px 20px 60px}.ops-tool .pj-drop{background:var(--bg2);border:2px dashed var(--bdr);color:var(--tx);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.ops-tool .pj-drop:hover,.ops-tool .pj-drop:focus-visible{border-color:var(--ac);background:var(--bg3);outline:none;box-shadow:0 0 32px #5563f72e}.ops-tool .pj-drop.is-drag{border-color:var(--ac);background:var(--acg);box-shadow:0 0 48px #5563f74d}.ops-tool .pj-drop.is-busy{pointer-events:none;opacity:.7}.ops-tool .pj-drop-icon{font-size:40px;line-height:1}.ops-tool .pj-drop-main{color:var(--tx);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600}.ops-tool .pj-drop-sub{color:var(--tx2);font-size:13px}.ops-tool .pj-err-box{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:10px;margin-top:16px;padding:12px 16px;font-size:13px}.ops-tool .pj-section{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;margin-top:16px;padding:20px}.ops-tool .pj-settings{flex-direction:column;gap:18px;display:flex}.ops-tool .pj-field{align-items:center;gap:12px;display:flex}.ops-tool .pj-field label{color:var(--tx2);min-width:80px;font-size:13px;font-weight:500}.ops-tool .pj-field input[type=range]{accent-color:var(--ac);flex:1}.ops-tool .pj-field input[type=color]{border:1px solid var(--bdr);background:var(--bg2);cursor:pointer;border-radius:6px;width:48px;height:32px;padding:0}.ops-tool .pj-field-val{color:var(--ac);text-align:right;min-width:52px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.ops-tool .pj-bg-val{color:var(--tx2);text-align:left;font-weight:500}.ops-tool .pj-preview{background:var(--bg2);background-image:linear-gradient(45deg,var(--bg3)25%,transparent 25%),linear-gradient(-45deg,var(--bg3)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg3)75%),linear-gradient(-45deg,transparent 75%,var(--bg3)75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;justify-content:center;align-items:center;min-height:200px;padding:16px;display:flex}.ops-tool .pj-preview-img{-o-object-fit:contain;object-fit:contain;border-radius:4px;max-width:100%;max-height:400px}.ops-tool .pj-preview-placeholder{color:var(--tx2);align-items:center;gap:10px;font-size:13px;display:flex}.ops-tool .pj-meta{flex-direction:column;gap:6px;margin-top:14px;display:flex}.ops-tool .pj-meta-row{align-items:baseline;gap:12px;font-size:13px;display:flex}.ops-tool .pj-meta-label{color:var(--tx2);min-width:80px}.ops-tool .pj-meta-val{color:var(--tx);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px}.ops-tool .pj-meta-val strong{color:var(--ac)}.ops-tool .pj-actions{gap:10px;margin-top:16px;display:flex}.ops-tool .pj-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;transition:opacity .15s,background .15s}.ops-tool .pj-btn--primary{background:var(--ac);color:#fff}.ops-tool .pj-btn--primary:hover:not(:disabled){opacity:.9}.ops-tool .pj-btn--primary:disabled{opacity:.4;cursor:not-allowed}.ops-tool .pj-btn--ghost{color:var(--tx2);border-color:var(--bdr);background:0 0}.ops-tool .pj-btn--ghost:hover{color:var(--tx);border-color:var(--bdr-hi)}.ops-tool .pj-spinner{border:2px solid var(--bg4);border-top-color:var(--ac);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite pj-spin;display:inline-block}@media (max-width:640px){.ops-tool .pj-app{padding:18px 14px 40px}.ops-tool .pj-drop{padding:40px 18px}.ops-tool .pj-field{flex-wrap:wrap}.ops-tool .pj-field label{width:100%;min-width:0}}