.dc-root{--navy: #0f172a;--blue: #3b82f6;--blue-hover: #2563eb;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--red: #ef4444;--radius: 8px;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--gray-100);color:var(--gray-900)}.dc-header{background:var(--navy);color:#fff;padding:0 24px;height:54px;display:flex;align-items:center;gap:12px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.dc-logo{width:30px;height:30px;background:var(--blue);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px}.dc-header h1{font-size:15px;font-weight:600}.dc-sub{font-size:11px;color:var(--gray-400);margin-top:1px}.dc-layout{display:flex;flex:1;overflow:hidden}.dc-sidebar{width:360px;flex-shrink:0;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow-y:auto}.dc-section{padding:16px 18px;border-bottom:1px solid var(--gray-100)}.dc-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin-bottom:10px}.dc-drop-zone{border:2px dashed var(--gray-300);border-radius:var(--radius);padding:18px 12px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--gray-50);-webkit-user-select:none;user-select:none}.dc-drop-zone:hover,.dc-drop-zone.drag-over{border-color:var(--blue);background:#eff6ff}.dc-drop-zone.compact{padding:10px 12px}.dc-drop-icon{font-size:22px;margin-bottom:6px}.dc-drop-text{font-size:13px;color:var(--gray-500)}.dc-drop-text strong{color:var(--blue)}.dc-drop-hint{font-size:11px;color:var(--gray-400);margin-top:3px}.dc-file-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.dc-file-item{display:flex;align-items:center;gap:7px;padding:6px 8px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px}.dc-file-icon{font-size:13px;flex-shrink:0}.dc-file-name{font-size:12px;color:var(--gray-700);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-file-size{font-size:11px;color:var(--gray-400);flex-shrink:0}.dc-file-rm{background:none;border:none;color:var(--gray-300);cursor:pointer;font-size:15px;line-height:1;padding:0 1px;flex-shrink:0;transition:color .1s}.dc-file-rm:hover{color:var(--red)}.dc-field{margin-bottom:10px}.dc-field:last-child{margin-bottom:0}.dc-field label{display:block;font-size:12px;font-weight:500;color:var(--gray-700);margin-bottom:4px}.dc-field input[type=text],.dc-field select,.dc-field textarea{width:100%;padding:7px 10px;border:1px solid var(--gray-300);border-radius:6px;font-size:13px;color:var(--gray-900);background:#fff;font-family:inherit;transition:border-color .15s,box-shadow .15s}.dc-field input:focus,.dc-field select:focus,.dc-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.dc-field textarea{resize:vertical;min-height:68px}.dc-run-wrap{padding:14px 18px;background:#fff;border-top:1px solid var(--gray-200);margin-top:auto}.dc-btn-run{width:100%;padding:10px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.dc-btn-run:hover:not(:disabled){background:var(--blue-hover)}.dc-btn-run:disabled{opacity:.55;cursor:not-allowed}.dc-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.dc-results-bar{padding:10px 22px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dc-results-bar-left{display:flex;align-items:center;gap:6px}.dc-results-title{font-size:13px;font-weight:600;color:var(--gray-700)}.dc-results-meta{font-size:12px;color:var(--gray-400)}.dc-results-actions{display:flex;gap:6px}.dc-btn-sm{padding:5px 10px;border:1px solid var(--gray-200);border-radius:6px;background:#fff;font-size:12px;color:var(--gray-500);cursor:pointer;transition:all .15s}.dc-btn-sm:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.dc-results-body{flex:1;overflow-y:auto;padding:28px 28px 40px}.dc-center-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.dc-empty-icon{font-size:44px;opacity:.3}.dc-empty-title{font-size:15px;font-weight:500;color:var(--gray-500)}.dc-empty-title.error{color:var(--red)}.dc-empty-sub{font-size:13px;color:var(--gray-400);max-width:320px;line-height:1.5}.dc-spinner{width:38px;height:38px;border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:dc-spin .75s linear infinite}@keyframes dc-spin{to{transform:rotate(360deg)}}.dc-loading-text{font-size:14px;color:var(--gray-600);font-weight:500}.dc-loading-sub{font-size:12px;color:var(--gray-400)}.dc-stream-text{font-family:Menlo,Courier New,monospace;font-size:12.5px;line-height:1.75;white-space:pre-wrap;color:var(--gray-700);margin:0}.dc-md{font-size:14px;line-height:1.75;color:var(--gray-800);max-width:820px}.dc-md h1,.dc-md h2,.dc-md h3{font-weight:700;margin:1.4em 0 .5em;color:var(--navy)}.dc-md h2{font-size:16px;border-bottom:1px solid var(--gray-200);padding-bottom:.3em}.dc-md h3{font-size:14px}.dc-md p{margin-bottom:.75em}.dc-md strong{font-weight:600;color:var(--gray-900)}.dc-md code{font-family:Menlo,monospace;font-size:12px;background:var(--gray-100);padding:1px 5px;border-radius:4px}.dc-md pre{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;overflow-x:auto;margin-bottom:1em}.dc-md pre code{background:none;padding:0;font-size:12px;line-height:1.6}.dc-md ul,.dc-md ol{padding-left:1.5em;margin-bottom:.8em}.dc-md li{margin-bottom:.25em}.dc-md hr{border:none;border-top:1px solid var(--gray-200);margin:1.6em 0}.dc-md blockquote{border-left:3px solid var(--blue);padding-left:1em;color:var(--gray-500);margin:1em 0}.dc-md table{border-collapse:collapse;margin-bottom:1em;font-size:13px}.dc-md th,.dc-md td{border:1px solid var(--gray-200);padding:6px 10px;text-align:left}.dc-md th{background:var(--gray-50);font-weight:600}.dc-output{max-width:860px}.dc-finding{border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px 18px;margin-bottom:14px;background:#fff}.dc-finding .dc-md{margin:0}.dc-finding .dc-md>:first-child{margin-top:0}.dc-finding .dc-md>:last-child{margin-bottom:0}.dc-finding-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.dc-mark{border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s}.dc-mark:hover:not(:disabled){background:var(--gray-50)}.dc-mark:disabled{opacity:.55;cursor:not-allowed}.dc-mark-correct.on{background:#ecfdf5;border-color:#10b981;color:#047857}.dc-mark-over.on{background:#fef2f2;border-color:var(--red);color:#b91c1c}.dc-mark-missed.on{background:#eff6ff;border-color:var(--blue);color:#1d4ed8}.dc-missed-input{width:100%;margin-top:10px;padding:7px 10px;border:1px solid var(--gray-300);border-radius:6px;font-size:13px;font-family:inherit}.dc-missed-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.dc-tail{margin-top:18px}.dc-feedback{margin-top:28px;padding-top:22px;border-top:1px solid var(--gray-200)}.dc-feedback-box{width:100%;min-height:80px;resize:vertical;padding:9px 11px;border:1px solid var(--gray-300);border-radius:6px;font-size:13px;font-family:inherit;margin-bottom:12px}.dc-feedback-box:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.dc-feedback-box:disabled{background:var(--gray-50);color:var(--gray-500)}.dc-btn-feedback{background:var(--navy);color:#fff;border:none;border-radius:var(--radius);padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.dc-btn-feedback:hover:not(:disabled){background:var(--gray-800)}.dc-btn-feedback:disabled{opacity:.5;cursor:not-allowed}.dc-fb-error{margin-top:10px;color:var(--red);font-size:13px}.dc-learning-log{margin-top:20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius);padding:16px 20px}.dc-ll-title{font-size:13px;font-weight:700;color:#075985;margin-bottom:8px}.dc-learning-log .dc-md{font-size:13px}.dc-ll-saved{margin-top:10px;font-size:12px;color:#047857;font-weight:500}.rv-root{height:100%;display:flex;flex-direction:column;background:#fff;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-500: #64748b;--gray-700: #334155;--navy: #0f172a;--blue: #3b82f6;--red: #ef4444}.rv-bar{padding:12px 24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.rv-title{font-size:14px;font-weight:600;color:var(--gray-700)}.rv-refresh{border:1px solid var(--gray-200);background:#fff;border-radius:6px;padding:5px 12px;font-size:12px;color:var(--gray-500);cursor:pointer;transition:all .15s}.rv-refresh:hover{background:#f8fafc;color:var(--gray-700)}.rv-body{flex:1;overflow-y:auto;padding:24px}.rv-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gray-500);font-size:14px;text-align:center}.rv-error{color:var(--red)}.rv-empty-icon{font-size:44px;opacity:.3}.rv-empty-title{font-size:15px;font-weight:500;color:var(--gray-500)}.rv-empty-sub{font-size:13px;color:var(--gray-400);max-width:340px;line-height:1.5}.rv-spinner{width:34px;height:34px;border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:rv-spin .75s linear infinite}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-card{max-width:860px;border:1px solid var(--gray-200);border-radius:8px;padding:16px 20px;margin-bottom:16px}.rv-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.rv-date{font-size:12px;color:var(--gray-500)}.rv-chip{font-size:11px;font-weight:600;background:#eff6ff;color:#1d4ed8;padding:2px 8px;border-radius:10px;text-transform:capitalize}.rv-chip-muted{background:#f1f5f9;color:var(--gray-500);text-transform:none}.rv-note{font-size:13px;color:var(--gray-700);margin-bottom:10px}.rv-md{font-size:13px;line-height:1.7;color:#1e293b}.rv-md h1,.rv-md h2,.rv-md h3{font-size:14px;font-weight:700;margin:1em 0 .4em;color:var(--navy)}.rv-md p{margin-bottom:.6em}.rv-md code{font-family:Menlo,monospace;font-size:12px;background:#f1f5f9;padding:1px 5px;border-radius:4px}.rv-md pre{background:#f8fafc;border:1px solid var(--gray-200);border-radius:8px;padding:14px;overflow-x:auto;margin-bottom:1em}.rv-md pre code{background:none;padding:0}.rv-md ul,.rv-md ol{padding-left:1.4em;margin-bottom:.6em}.rv-md strong{font-weight:600}.pg-root{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:#f1f5f9}.pg-card{width:100%;max-width:380px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:28px;box-shadow:0 4px 16px #0f172a0f}.pg-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pg-logo{width:34px;height:34px;background:#3b82f6;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pg-card h1{font-size:15px;font-weight:600;color:#0f172a}.pg-sub{font-size:11px;color:#94a3b8;margin-top:1px}.pg-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:8px}.pg-input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-family:inherit;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.pg-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.pg-error{margin-top:10px;font-size:13px;color:#ef4444}.pg-btn{width:100%;margin-top:18px;padding:11px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.pg-btn:hover:not(:disabled){background:#2563eb}.pg-btn:disabled{background:#94a3b8;cursor:default}.app-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-header{background:#0f172a;color:#fff;padding:0 24px;height:54px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.app-brand{display:flex;align-items:center;gap:12px}.app-logo{width:30px;height:30px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px}.app-header h1{font-size:15px;font-weight:600}.app-sub{font-size:11px;color:#94a3b8;margin-top:1px}.app-nav{display:flex;gap:4px}.app-nav button{background:transparent;border:none;color:#94a3b8;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.app-nav button:hover{color:#e2e8f0;background:#ffffff0f}.app-nav button.active{color:#fff;background:#3b82f6}.app-body{flex:1;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f1f5f9;color:#0f172a;-webkit-font-smoothing:antialiased}