.cdc-tool{background:var(--bg-surface,#111118);border:1px solid rgba(139,92,246,.18);border-radius:14px;padding:28px;margin-bottom:28px}
.cdc-tool h2{font-size:1.15rem;margin:0 0 6px;color:var(--txt-primary,#F1F5F9)}
.cdc-tool .tool-desc{font-size:0.9rem;color:var(--txt-secondary,#94A3B8);margin:0 0 16px}
.cdc-tool textarea,.cdc-tool input[type=text]{width:100%;box-sizing:border-box;background:#0D0D14;border:1px solid rgba(139,92,246,.25);border-radius:8px;color:#F1F5F9;font-family:monospace;font-size:13px;padding:10px 14px;resize:vertical;min-height:80px}
.cdc-tool input[type=text]{min-height:unset;height:40px;resize:none}
.cdc-tool-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;align-items:center}
.cdc-t-btn{background:#8B5CF6;color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:700;cursor:pointer}
.cdc-t-btn:hover{background:#7C3AED}
.cdc-t-btn.sec{background:rgba(139,92,246,.15);color:#A78BFA}
.cdc-t-btn.sec:hover{background:rgba(139,92,246,.3)}
.cdc-out-wrap{position:relative;margin-top:10px}
.cdc-out{background:#0D0D14;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:12px 80px 12px 14px;font-family:monospace;font-size:13px;color:#F1F5F9;white-space:pre-wrap;word-break:break-all;min-height:48px}
.cdc-cpy{position:absolute;top:8px;right:8px;background:rgba(139,92,246,.25);margin-top:3px;color:#E2D9F3 !important;border:none;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;cursor:pointer;line-height:1.4}
.cdc-cpy:hover{background:rgba(139,92,246,.5)}
.cdc-tog{display:flex;gap:4px;margin-bottom:12px}
.cdc-tog button{flex:1;padding:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#CBD5E1 !important;font-size:13px;cursor:pointer}
.cdc-tog button.on{background:rgba(139,92,246,.35);border-color:rgba(139,92,246,.7);color:#fff !important;font-weight:700}
.cdc-preview-wrap{margin-top:12px;border:1px solid rgba(139,92,246,.2);border-radius:8px;overflow:hidden;background:#fff}
.cdc-preview-frame{width:100%;height:320px;border:none;display:block}
#html-ed-frame {width: 100%;background: white;}