.ops-tool .dc-app{max-width:940px;margin:0 auto;padding:24px 20px 60px}.ops-tool .dc-mode-tabs{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;gap:4px;max-width:360px;margin:0 auto 20px;padding:4px;display:flex}.ops-tool .dc-mode-tab{text-align:center;cursor:pointer;color:var(--tx2);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:13px;font-weight:500;transition:all .15s}.ops-tool .dc-mode-tab.is-active{background:var(--ac);color:#fff}.ops-tool .dc-mode-tab:hover:not(.is-active){color:var(--tx)}.ops-tool .dc-input-row{background:linear-gradient(135deg,var(--acg),transparent);border:1px solid var(--bdr-hi);border-radius:14px;gap:12px;margin-bottom:14px;padding:6px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 0 24px #5563f71f}.ops-tool .dc-input-row:hover{border-color:var(--ac);box-shadow:0 0 40px 4px #5563f74d}.ops-tool .dc-input-row input{background:var(--bg2);color:var(--tx);letter-spacing:.3px;border:1px solid #0000;border-radius:10px;outline:none;flex:1;padding:20px 22px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:500;transition:border-color .2s,background .2s}.ops-tool .dc-input-row input::placeholder{color:var(--tx3);font-weight:400}.ops-tool .dc-input-row button{background:var(--ac);color:#fff;letter-spacing:.5px;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:0 32px;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s}.ops-tool .dc-input-row button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ops-tool .dc-input-row button:active:not(:disabled){transform:translateY(0)}.ops-tool .dc-input-row button:disabled{opacity:.4;cursor:not-allowed}.ops-tool .dc-examples{color:var(--tx3);margin-bottom:20px;font-size:12px}.ops-tool .dc-example-btn{color:var(--ac);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:underline}.ops-tool .dc-example-btn:hover{opacity:.8}.ops-tool .dc-err-box{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}.ops-tool .dc-rec-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.ops-tool .dc-rec-card{background:var(--bg3);border:1px solid var(--bdr);aspect-ratio:1;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.ops-tool .dc-rec-head{background:var(--bg3);border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.ops-tool .dc-rec-body{scrollbar-width:thin;scrollbar-color:var(--bdr)transparent;flex:1;padding:8px 16px 14px;overflow-y:auto}.ops-tool .dc-rec-body::-webkit-scrollbar{width:6px}.ops-tool .dc-rec-body::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:3px}.ops-tool .dc-rec-body::-webkit-scrollbar-thumb:hover{background:var(--bdr-hi)}.ops-tool .dc-rec-type{color:var(--ac);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.ops-tool .dc-rec-count{color:var(--tx3);font-size:11px}.ops-tool .dc-rec-badge{border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.ops-tool .dc-rec-badge--ok{color:var(--ok);background:#22c55e1f}.ops-tool .dc-rec-badge--empty{color:var(--tx2);background:#8a8aa41f}.ops-tool .dc-rec-badge--err{color:var(--err);background:#ef44441f}.ops-tool .dc-rec-item{color:var(--tx);word-break:break-all;border-bottom:1px solid #ffffff08;align-items:baseline;gap:8px;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;display:flex}.ops-tool .dc-rec-item:last-child{border-bottom:none}.ops-tool .dc-rec-priority{color:var(--warn);flex-shrink:0}.ops-tool .dc-rec-data{flex:1}.ops-tool .dc-rec-ttl{color:var(--tx3);flex-shrink:0;font-size:10px}.ops-tool .dc-rec-empty{color:var(--tx3);justify-content:center;align-items:center;height:100%;min-height:80px;font-size:12px;font-style:italic;display:flex}.ops-tool .dc-rec-copy{border:1px solid var(--bdr);color:var(--tx2);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:10px;transition:all .15s}.ops-tool .dc-rec-copy:hover{color:var(--tx);border-color:var(--bdr-hi)}.ops-tool .dc-rec-copy.is-copied{color:var(--ok);border-color:var(--ok)}.ops-tool .dc-spinner{border:2px solid var(--bg4);border-top-color:var(--ac);vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite dc-spin;display:inline-block}.ops-tool .dc-reverse{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:20px}.ops-tool .dc-reverse-title{color:var(--tx2);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.ops-tool .dc-reverse-dot{background:var(--cyan);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ops-tool .dc-reverse-query{color:var(--tx3);word-break:break-all;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px}.ops-tool .dc-reverse-list{margin:0;padding:0;list-style:none}.ops-tool .dc-reverse-list li{color:var(--tx);word-break:break-all;border-bottom:1px solid #ffffff08;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:13px}.ops-tool .dc-reverse-list li:last-child{border-bottom:none}.ops-tool .dc-reverse-meta{color:var(--tx3);border-top:1px solid #ffffff0a;gap:16px;margin-top:12px;padding-top:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.ops-tool .dc-reverse-empty{text-align:center;color:var(--tx3);padding:20px;font-size:13px}@media (max-width:640px){.ops-tool .dc-app{padding:18px 14px 40px}.ops-tool .dc-input-row{flex-direction:column}.ops-tool .dc-input-row button{padding:14px}.ops-tool .dc-rec-grid{grid-template-columns:1fr}}