.drc-wrapper{--drc-bg-primary:#0a0f1e;--drc-bg-secondary:#111827;--drc-bg-card:#1a2236;--drc-bg-input:#0d1424;--drc-border:#2a3a5c;--drc-border-focus:#3b82f6;--drc-text-primary:#e2e8f0;--drc-text-secondary:#94a3b8;--drc-text-muted:#64748b;--drc-accent-blue:#3b82f6;--drc-accent-cyan:#22d3ee;--drc-accent-green:#10b981;--drc-accent-amber:#f59e0b;--drc-accent-red:#ef4444;--drc-font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', 'Consolas', monospace;--drc-font-sans:'Segoe UI', system-ui, -apple-system, sans-serif;--drc-radius:8px;font-family:var(--drc-font-sans);color:var(--drc-text-primary);background:var(--drc-bg-primary);color-scheme:dark;line-height:1.6;max-width:1100px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box}.drc-wrapper *,.drc-wrapper *::before,.drc-wrapper *::after{box-sizing:border-box}.drc-header h1{font-size:1.75rem;margin:0 0 .6rem;color:var(--drc-text-primary)}.drc-subtitle{color:var(--drc-text-secondary);font-size:.95rem;max-width:760px;margin:0 0 1.75rem}.drc-subtitle code{background:var(--drc-bg-card);border:1px solid var(--drc-border);border-radius:4px;padding:.1rem .35rem;font-family:var(--drc-font-mono);font-size:.85em;color:var(--drc-accent-cyan)}.drc-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--drc-bg-secondary);border:1px solid var(--drc-border);border-radius:var(--drc-radius);padding:.35rem}.drc-toggle-btn{flex:1;padding:.65rem 1rem;background:#fff0;border:none;border-radius:6px;color:var(--drc-text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background 0.2s,color 0.2s;min-height:44px}.drc-toggle-btn:hover{color:var(--drc-text-primary)}.drc-toggle-btn--active{background:var(--drc-accent-blue);color:#fff}.drc-toggle-btn--active:hover{color:#fff}.drc-panels{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.drc-panel{display:flex;flex-direction:column;background:var(--drc-bg-card);border:1px solid var(--drc-border);border-radius:var(--drc-radius);padding:1rem;min-width:0}.drc-panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;gap:.5rem}.drc-panel-head label{font-size:.8rem;font-weight:600;color:var(--drc-text-secondary);text-transform:uppercase;letter-spacing:.05em}.drc-linecount{font-size:.75rem;color:var(--drc-text-muted);font-family:var(--drc-font-mono);white-space:nowrap}.drc-textarea{width:100%;min-height:320px;resize:vertical;background:var(--drc-bg-input);border:1px solid var(--drc-border);border-radius:6px;color:var(--drc-text-primary);font-family:var(--drc-font-mono);font-size:.85rem;line-height:1.5;padding:.85rem;outline:none;transition:border-color 0.2s;white-space:pre;overflow-wrap:normal;overflow-x:auto}.drc-textarea:focus{border-color:var(--drc-border-focus)}.drc-textarea[readonly]{color:var(--drc-accent-cyan)}.drc-panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.drc-swap-col{display:flex;align-items:center;justify-content:center}.drc-swap-btn{width:44px;height:44px;border-radius:50%;background:var(--drc-bg-secondary);border:1px solid var(--drc-border);color:var(--drc-accent-cyan);font-size:1.3rem;cursor:pointer;transition:background 0.2s,transform 0.2s,border-color 0.2s}.drc-swap-btn:hover{background:var(--drc-bg-card);border-color:var(--drc-border-focus);transform:rotate(180deg)}.drc-btn{padding:.65rem 1.25rem;background:var(--drc-accent-blue);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background 0.2s,transform 0.1s;white-space:nowrap;font-family:inherit;min-height:44px}.drc-btn:hover{background:#2563eb}.drc-btn:active{transform:scale(.97)}.drc-btn--secondary{background:#fff0;border:1px solid var(--drc-border);color:var(--drc-text-secondary)}.drc-btn--secondary:hover{background:var(--drc-bg-secondary);color:var(--drc-text-primary)}.drc-warnings{margin-top:1.25rem;background:var(--drc-bg-card);border:1px solid var(--drc-accent-amber);border-radius:var(--drc-radius);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.4rem}.drc-warnings.drc-hidden{display:none}.drc-warn{font-size:.85rem;color:var(--drc-text-secondary);word-break:break-word}.drc-warn--error{color:var(--drc-accent-red);font-weight:600}.drc-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--drc-border)}.drc-info h2{font-size:1.1rem;margin:0 0 .5rem}.drc-info p{color:var(--drc-text-secondary);font-size:.88rem}.drc-info code{background:var(--drc-bg-card);border:1px solid var(--drc-border);border-radius:4px;padding:.1rem .35rem;font-family:var(--drc-font-mono);font-size:.85em;color:var(--drc-accent-cyan)}.drc-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--drc-border);font-size:.85rem;color:var(--drc-text-muted);text-align:center}.drc-footer a{color:var(--drc-accent-cyan);text-decoration:none}.drc-footer a:hover{text-decoration:underline}.drc-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--drc-accent-green);color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-size:.85rem;font-weight:600;opacity:0;transition:transform 0.3s,opacity 0.3s;z-index:10000;pointer-events:none}.drc-toast.drc-show{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:768px){.drc-wrapper{padding:1.5rem 1rem}}@media (max-width:640px){.drc-wrapper{padding:1rem .75rem}.drc-header h1{font-size:1.35rem}.drc-toggle{flex-direction:column}.drc-panels{grid-template-columns:1fr}.drc-swap-col{order:2}.drc-swap-btn{width:100%;height:44px;border-radius:var(--drc-radius)}.drc-textarea{min-height:220px;font-size:.8rem}.drc-panel-actions .drc-btn{flex:1;text-align:center}}@media (max-width:400px){.drc-btn{width:100%}}