.ops-tool .cc-app{max-width:940px;margin:0 auto;padding:24px 20px 60px}.ops-tool .cc-tabs{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;gap:4px;max-width:460px;margin:0 auto 20px;padding:4px;display:flex}.ops-tool .cc-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 .cc-tab.is-active{background:var(--ac);color:#fff}.ops-tool .cc-tab:hover:not(.is-active){color:var(--tx)}.ops-tool .cc-input-wrap{margin-bottom:16px}.ops-tool .cc-input-lbl{color:var(--tx3);letter-spacing:.3px;margin-bottom:6px;font-size:11px;display:block}.ops-tool .cc-textarea{background:var(--bg2);border:1px solid var(--bdr);width:100%;min-height:100px;color:var(--tx);resize:vertical;border-radius:10px;outline:none;padding:14px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;transition:border-color .2s}.ops-tool .cc-textarea:focus{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--acg)}.ops-tool .cc-textarea::placeholder{color:var(--tx3)}.ops-tool .cc-decode-picker{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.ops-tool .cc-decode-lbl{color:var(--tx3);margin-right:4px;font-size:12px}.ops-tool .cc-decode-btn{background:var(--bg2);border:1px solid var(--bdr);color:var(--tx2);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .15s}.ops-tool .cc-decode-btn:hover:not(.is-active){border-color:var(--bdr-hi);color:var(--tx)}.ops-tool .cc-decode-btn.is-active{background:var(--ac);border-color:var(--ac);color:#fff}.ops-tool .cc-results{gap:10px;display:grid}.ops-tool .cc-result-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:10px;padding:12px 14px}.ops-tool .cc-result-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ops-tool .cc-result-lbl{color:var(--tx3);letter-spacing:.3px;font-size:11px}.ops-tool .cc-meta{color:var(--tx2)}.ops-tool .cc-warn{color:var(--warn)}.ops-tool .cc-result-val{color:var(--tx);word-break:break-all;white-space:pre-wrap;max-height:200px;margin:0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.8;overflow-y:auto}.ops-tool .cc-empty{color:var(--tx3);font-style:italic}.ops-tool .cc-empty-box{text-align:center;color:var(--tx3);padding:24px;font-size:12px;font-style:italic}.ops-tool .cc-copy{border:1px solid var(--bdr);color:var(--tx3);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex-shrink:0;padding:3px 10px;font-size:11px;transition:all .15s}.ops-tool .cc-copy:hover:not(:disabled){border-color:var(--ac);color:var(--ac)}.ops-tool .cc-copy:disabled{opacity:.4;cursor:not-allowed}.ops-tool .cc-copy.is-copied{border-color:var(--ok);color:var(--ok)}.ops-tool .cc-table-wrap{overflow-x:auto}.ops-tool .cc-char-table{border-collapse:collapse;width:100%}.ops-tool .cc-char-table th{text-align:left;color:var(--tx3);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--bdr);padding:8px 10px;font-size:10px;font-weight:600}.ops-tool .cc-char-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:8px 10px;font-size:12px}.ops-tool .cc-char-table tr:last-child td{border-bottom:none}.ops-tool .cc-col-ch{text-align:center;width:40px;min-width:36px;font-family:Noto Sans JP,sans-serif;font-size:18px}.ops-tool .cc-col-mono{color:var(--tx2);word-break:break-all;font-family:JetBrains Mono,monospace}.ops-tool .cc-num{text-align:right}@media (max-width:640px){.ops-tool .cc-tabs{max-width:none}.ops-tool .cc-tab{font-size:11px}.ops-tool .cc-decode-btn{padding:5px 8px;font-size:11px}.ops-tool .cc-char-table th,.ops-tool .cc-char-table td{padding:6px 8px;font-size:11px}}