#csc-demo{--cd-ink:#25292d;--cd-muted:#757b82;--cd-line:#e4e6e9;--cd-orange:#e87428;--cd-soft:#fff5ed;--cd-surface:#fff;box-sizing:border-box;max-width:1240px;min-width:0;margin:24px auto;font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--cd-ink);text-align:left}
#csc-demo *,#csc-demo *:before,#csc-demo *:after{box-sizing:border-box}
#csc-demo [hidden]{display:none!important}
#csc-demo h2,#csc-demo h3,#csc-demo p{padding:0;margin:0}
#csc-demo button,#csc-demo input{font:inherit;line-height:1.4;letter-spacing:normal;text-transform:none}
#csc-demo button{cursor:pointer}
#csc-demo button:disabled{cursor:not-allowed;opacity:.5}
#csc-demo button:focus-visible,#csc-demo a:focus-visible,#csc-demo input:focus-visible{outline:3px solid #ee8d4c;outline-offset:3px}
#csc-demo a{color:#9a4816;text-decoration:none}
#csc-demo a:hover{text-decoration:underline}
#csc-demo .cd-title{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.5px;margin:0 0 9px}
#csc-demo .cd-subtitle{color:var(--cd-muted);font-size:15px}
#csc-demo .cd-box{border:1px solid var(--cd-line);border-radius:14px;background:var(--cd-surface);padding:20px;margin-top:22px}
#csc-demo .cd-drop{border:1px dashed #cdd1d5;background:#fafafa;border-radius:10px;text-align:center;padding:22px 16px;transition:background .15s,border-color .15s}
#csc-demo .cd-drop.cd-dragover{border-color:var(--cd-orange);background:var(--cd-soft)}
#csc-demo .cd-file-symbol{display:inline-flex;border:1px solid #ebceba;background:#fff7f0;border-radius:8px;padding:7px 10px;color:#a4521e;font:700 12px/1.4 monospace;letter-spacing:.5px;margin-bottom:10px}
#csc-demo .cd-droph3{font-size:18px;font-weight:600;margin-bottom:4px}
#csc-demo .cd-note{font-size:12px;color:var(--cd-muted);overflow-wrap:anywhere}
#csc-demo .cd-drop .cd-btn{margin-top:14px}
#csc-demo .cd-file{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--cd-line);padding-top:16px;margin-top:16px}
#csc-demo .cd-file-text{min-width:0}
#csc-demo .cd-file-name{font-weight:600;overflow-wrap:anywhere}
#csc-demo .cd-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:auto;min-height:40px;border:1px solid var(--cd-line);background:#fff;color:var(--cd-ink);border-radius:8px;padding:9px 15px;font-weight:600;box-shadow:none;white-space:normal;text-decoration:none;outline-offset:3px;margin:0}
#csc-demo .cd-btn:hover:not(:disabled){background:#f6f6f6}
#csc-demo .cd-btn:before,#csc-demo .cd-btn:after{display:none;content:none}
#csc-demo .cd-primary{border-color:var(--cd-orange);background:var(--cd-orange);color:#fff}
#csc-demo .cd-primary:hover:not(:disabled){background:#d56923;border-color:#d56923}
#csc-demo .cd-small{min-height:30px;font-size:12px;padding:5px 9px;border-radius:6px}
#csc-demo .cd-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#csc-demo .cd-status{margin-top:14px;padding:11px 13px;border-radius:8px;background:#f4f5f6;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
#csc-demo .cd-status[data-kind=error]{background:#fff0ec;color:#9b3425}
#csc-demo .cd-status[data-kind=warning]{background:#fff6e9;color:#815621}
#csc-demo .cd-progress{display:block;margin-top:12px;width:100%;height:5px;accent-color:var(--cd-orange);border:0;border-radius:4px;overflow:hidden;background:#f0ece8}
#csc-demo .cd-progress::-webkit-progress-bar{background:#f0ece8;border-radius:4px}
#csc-demo .cd-progress::-webkit-progress-value{background:var(--cd-orange);border-radius:4px}
#csc-demo .cd-progress::-moz-progress-bar{background:var(--cd-orange);border-radius:4px}
#csc-demo .cd-output{margin-top:24px;min-width:0}
#csc-demo .cd-table-wrap{width:100%;border:1px solid var(--cd-line);border-radius:12px;background:#fff;overflow:hidden}
#csc-demo .cd-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0;background:none;font-size:14px;border:0}
#csc-demo .cd-table th,#csc-demo .cd-table td{border:0;border-bottom:1px solid #eceef0;vertical-align:middle;text-align:left;padding:15px;background:transparent;white-space:normal;word-break:normal;line-height:1.5;color:var(--cd-ink)}
#csc-demo .cd-table thead th{font-size:12px;font-weight:600;color:var(--cd-muted);background:#fafafa;padding-top:13px;padding-bottom:13px;text-transform:none;letter-spacing:0}
#csc-demo .cd-table th:nth-child(1){width:15%}
#csc-demo .cd-table th:nth-child(2){width:51%}
#csc-demo .cd-table th:nth-child(3){width:17%}
#csc-demo .cd-table th:nth-child(4){width:17%}
#csc-demo .cd-table tbody tr:last-child td{border-bottom:0}
#csc-demo .cd-table .cd-player{font-size:16px;font-weight:700;overflow-wrap:anywhere}
#csc-demo .cd-crosshair-list{display:flex;flex-direction:column;gap:12px;min-width:0}
#csc-demo .cd-crosshair-card{display:flex;align-items:center;gap:16px;min-width:0;max-width:100%}
#csc-demo .cd-crosshair-stage{display:flex;align-items:center;justify-content:center;flex:0 0 96px;width:96px;height:96px;min-width:0;background:#444444;border-radius:8px;overflow:hidden}
#csc-demo .cd-crosshair-stage canvas{display:block;width:96px;height:96px;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;image-rendering:pixelated;background:#444444;box-shadow:none}
#csc-demo .cd-no-preview{color:#ccc;font-size:15px}
#csc-demo .cd-crosshair-info{flex:1;min-width:0}
#csc-demo .cd-code{display:block;padding:0;margin:0 0 10px;border:0;border-radius:0;background:none;color:#454a50;font:12px/1.6 Consolas,Monaco,monospace;white-space:normal;overflow-wrap:anywhere;word-break:normal;user-select:all;text-transform:none;box-shadow:none}
#csc-demo .cd-code-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#csc-demo .cd-converted{font-size:11px;color:var(--cd-muted);white-space:nowrap}
#csc-demo .cd-steam-link{display:inline-block;max-width:100%;font:12px/1.6 Consolas,Monaco,monospace;color:#5b6066;overflow-wrap:anywhere;user-select:text}
#csc-demo .cd-profile-link{display:inline-block;max-width:100%;font-size:13px;font-weight:600;overflow-wrap:anywhere}
#csc-demo .cd-empty{text-align:center;padding:24px;color:var(--cd-muted)}
@media(max-width:1100px){#csc-demo .cd-table th,#csc-demo .cd-table td{padding:12px}#csc-demo .cd-table th:nth-child(1){width:13%}#csc-demo .cd-table th:nth-child(2){width:48%}#csc-demo .cd-table th:nth-child(3){width:19%}#csc-demo .cd-table th:nth-child(4){width:20%}#csc-demo .cd-crosshair-card{gap:12px}}
@media(max-width:780px){#csc-demo .cd-table,#csc-demo .cd-table tbody{display:block;width:100%}#csc-demo .cd-table thead{display:none}#csc-demo .cd-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px;gap:14px;border-bottom:1px solid var(--cd-line)}#csc-demo .cd-table tbody tr:last-child{border-bottom:0}#csc-demo .cd-table td{display:block;border:0;padding:0;min-width:0}#csc-demo .cd-player,#csc-demo .cd-crosshairs{grid-column:1/-1}#csc-demo .cd-steamid:before,#csc-demo .cd-profile:before{display:block;content:attr(data-label);font-size:11px;font-weight:400;color:var(--cd-muted);margin-bottom:3px}#csc-demo .cd-table .cd-player{font-size:17px}#csc-demo .cd-table .cd-empty{grid-column:1/-1}#csc-demo .cd-crosshair-card{gap:14px}}
@media(max-width:480px){#csc-demo{margin:18px auto;font-size:14px}#csc-demo .cd-title{font-size:25px}#csc-demo .cd-box{padding:14px}#csc-demo .cd-drop{padding:18px 10px}#csc-demo .cd-file{align-items:stretch;flex-direction:column;gap:10px}#csc-demo .cd-table tbody tr{padding:14px;gap:12px}#csc-demo .cd-code{font-size:11px}#csc-demo .cd-steam-link{font-size:11px}#csc-demo .cd-profile-link{font-size:12px}}