/* CS-CONFIG Viewmodel UI 1.2.1. Upload controls and results table match csc-demo. */
#csc-viewmodel{--cvm-ink:#25292d;--cvm-muted:#757b82;--cvm-line:#e4e6e9;--cvm-accent:#e87428;--cvm-accent-soft:#fff5ed;--cvm-soft:#f6f7f8;--cvm-surface:#fff;--cvm-radius:14px;box-sizing:border-box;width:100%;max-width:1240px;min-width:0;margin:24px auto;font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--cvm-ink);text-align:left}
#csc-viewmodel *,#csc-viewmodel *:before,#csc-viewmodel *:after{box-sizing:border-box}
#csc-viewmodel [hidden]{display:none!important}
#csc-viewmodel h2,#csc-viewmodel h3,#csc-viewmodel p{padding:0;margin:0}
#csc-viewmodel button,#csc-viewmodel input,#csc-viewmodel textarea{font:inherit;line-height:1.4;letter-spacing:normal;text-transform:none}
#csc-viewmodel button{cursor:pointer}
#csc-viewmodel button:disabled{cursor:not-allowed;opacity:.5}
#csc-viewmodel button:focus-visible,#csc-viewmodel a:focus-visible,#csc-viewmodel input:focus-visible,#csc-viewmodel textarea:focus-visible,#csc-viewmodel summary:focus-visible{outline:3px solid #ee8d4c;outline-offset:3px}
#csc-viewmodel a{color:#9a4816;text-decoration:none}
#csc-viewmodel a:hover{text-decoration:underline}
#csc-viewmodel .cvm-title{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.5px;margin:0 0 9px;color:var(--cvm-ink);text-align:left}
#csc-viewmodel .cvm-subtitle{color:var(--cvm-muted);font-size:15px;line-height:1.5}
#csc-viewmodel .cvm-picker{border:1px solid var(--cvm-line);border-radius:14px;background:var(--cvm-surface);padding:20px;margin-top:22px;min-width:0}
#csc-viewmodel .cvm-drop{border:1px dashed #cdd1d5;background:#fafafa;border-radius:10px;text-align:center;padding:22px 16px;transition:background .15s,border-color .15s}
#csc-viewmodel .cvm-drop.cvm-dragover{border-color:var(--cvm-accent);background:var(--cvm-accent-soft)}
#csc-viewmodel .cvm-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-viewmodel .cvm-drop-title{font-size: 18px;font-weight: 600;margin-bottom: 4px;}
#csc-viewmodel .cvm-note{font-size:12px;color:var(--cvm-muted);overflow-wrap:anywhere}
#csc-viewmodel .cvm-drop .cvm-btn{margin-top:14px}
#csc-viewmodel .cvm-file-row{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--cvm-line);padding-top:16px;margin-top:16px}
#csc-viewmodel .cvm-file-text{min-width:0}
#csc-viewmodel .cvm-file-name{font-weight:600;overflow-wrap:anywhere}
#csc-viewmodel .cvm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;max-width:100%}
#csc-viewmodel .cvm-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:auto;min-height:40px;border:1px solid var(--cvm-line);background:#fff;color:var(--cvm-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-viewmodel .cvm-btn:hover:not(:disabled){background:#f6f6f6}
#csc-viewmodel .cvm-btn:before,#csc-viewmodel .cvm-btn:after{display:none;content:none}
#csc-viewmodel .cvm-primary{border-color:var(--cvm-accent);background:var(--cvm-accent);color:#fff}
#csc-viewmodel .cvm-primary:hover:not(:disabled){background:#d56923;border-color:#d56923}
#csc-viewmodel .cvm-small{min-height:30px;font-size:12px;padding:5px 9px;border-radius:6px}
#csc-viewmodel .cvm-status{margin-top:14px;padding:11px 13px;border-radius:8px;background:#f4f5f6;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
#csc-viewmodel .cvm-progress{display:block;margin-top:12px;width:100%;height:5px;accent-color:var(--cvm-accent);border:0;border-radius:4px;overflow:hidden;background:#f0ece8}
#csc-viewmodel .cvm-progress::-webkit-progress-bar{background:#f0ece8;border-radius:4px}
#csc-viewmodel .cvm-progress::-webkit-progress-value{background:var(--cvm-accent);border-radius:4px}
#csc-viewmodel .cvm-progress::-moz-progress-bar{background:var(--cvm-accent);border-radius:4px}
#csc-viewmodel .cvm-notice{margin-top:14px;padding:11px 13px;border:1px solid #edd6ae;border-radius:8px;background:#fff6e9;color:#815621;font-size:13px;overflow-wrap:anywhere}
#csc-viewmodel .cvm-notice p{margin:0 0 7px}
#csc-viewmodel .cvm-notice p:last-child{margin-bottom:0}
#csc-viewmodel .cvm-output{margin-top:24px;min-width:0}
/* Results follow the crosshair parser: Player | Commands | Steam | Profile. */
#csc-viewmodel .cvm-table-wrap{width:100%;border:1px solid var(--cvm-line);border-radius:12px;background:#fff;overflow:hidden}
#csc-viewmodel .cvm-table{display:table;width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0;background:none;font-size:14px;border:0;box-shadow:none}
#csc-viewmodel .cvm-table th,#csc-viewmodel .cvm-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(--cvm-ink)}
#csc-viewmodel .cvm-table thead th{font-size:12px;font-weight:600;color:var(--cvm-muted);background:#fafafa;padding-top:13px;padding-bottom:13px;text-transform:none;letter-spacing:0}
#csc-viewmodel .cvm-table thead th:nth-child(1){width:15%}
#csc-viewmodel .cvm-table thead th:nth-child(2){width:51%}
#csc-viewmodel .cvm-table thead th:nth-child(3){width:17%}
#csc-viewmodel .cvm-table thead th:nth-child(4){width:17%}
#csc-viewmodel .cvm-table tbody tr:last-child>th,#csc-viewmodel .cvm-table tbody tr:last-child>td{border-bottom:0}
#csc-viewmodel .cvm-table tbody tr{background:transparent}
#csc-viewmodel .cvm-name{color:var(--cvm-ink);font-size:16px;line-height:1.5;font-weight:700;overflow-wrap:anywhere;text-transform:none;letter-spacing:normal}
#csc-viewmodel .cvm-config{min-width:0;max-width:100%}
/* Compact tiles: normal rows stay about 84 px high, including cell padding. */
#csc-viewmodel .cvm-config-row{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
#csc-viewmodel .cvm-values{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:8px;flex:0 1 276px;min-width:0;max-width:100%;margin:0;color:var(--cvm-ink);font:inherit;text-align:center;white-space:normal}
#csc-viewmodel .cvm-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:54px;max-width:100%;padding:5px 6px;border:1px solid transparent;border-radius:8px;background:var(--cvm-soft);text-align:center}
#csc-viewmodel .cvm-fov{border-color:#f1d4bd;background:var(--cvm-accent-soft)}
#csc-viewmodel .cvm-value-label{display:block;max-width:100%;color:var(--cvm-muted);font-size:10px;line-height:12px;font-weight:700;letter-spacing:.6px;white-space:nowrap}
#csc-viewmodel .cvm-value-number{display:block;max-width:100%;font-size:20px;line-height:22px;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#csc-viewmodel .cvm-fov .cvm-value-number{color:#b95410}
#csc-viewmodel .cvm-command-actions{display:flex;align-items:center;flex:0 0 auto}
#csc-viewmodel .cvm-copy{width:96px;white-space:normal}
#csc-viewmodel .cvm-steam-link{display:inline-block;max-width:100%;font:12px/1.6 Consolas,Monaco,monospace;color:#5b6066;overflow-wrap:anywhere;user-select:text}
#csc-viewmodel .cvm-profile{display:inline-block;max-width:100%;font-size:13px;line-height:1.5}
#csc-viewmodel .cvm-profile-link{display:inline-block;max-width:100%;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
#csc-viewmodel .cvm-profile-empty{color:var(--cvm-muted);font-size:12px;overflow-wrap:anywhere}
#csc-viewmodel .cvm-copy-fallback{display:block;width:100%;max-width:100%;height:84px;min-height:84px;max-height:84px;margin:12px 0 0;padding:10px;border:1px solid var(--cvm-line);border-radius:6px;background:#fafafa;color:#454a50;font:12px/1.6 Consolas,Monaco,monospace;resize:none!important;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;text-align:left;box-shadow:none}
#csc-viewmodel .cvm-partial{display:block;margin-top:8px;color:#946214;font-size:12px}
#csc-viewmodel .cvm-history{margin-top:12px;border-top:1px solid var(--cvm-line);padding-top:10px}
#csc-viewmodel summary{cursor:pointer;font-size:12px;color:var(--cvm-muted)}
#csc-viewmodel .cvm-history-entry{margin-top:12px}
#csc-viewmodel .cvm-history-time{margin:0 0 7px;font-size:11px;color:var(--cvm-muted)}
#csc-viewmodel .cvm-empty{text-align:center;padding:24px;color:var(--cvm-muted)}
#csc-viewmodel .cvm-diagnostics{margin-top:10px}
#csc-viewmodel .cvm-diagnostics p{margin-top:8px}
@media(max-width:1100px){#csc-viewmodel .cvm-value{padding:5px 4px}#csc-viewmodel .cvm-value-number{font-size:18px}#csc-viewmodel .cvm-table th,#csc-viewmodel .cvm-table td{padding:12px}#csc-viewmodel .cvm-table thead th:nth-child(1){width:13%}#csc-viewmodel .cvm-table thead th:nth-child(2){width:48%}#csc-viewmodel .cvm-table thead th:nth-child(3){width:19%}#csc-viewmodel .cvm-table thead th:nth-child(4){width:20%}}
@media(max-width:780px){#csc-viewmodel .cvm-table,#csc-viewmodel .cvm-table tbody{display:block;width:100%}#csc-viewmodel .cvm-table thead{display:none}#csc-viewmodel .cvm-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px;gap:14px;border-bottom:1px solid var(--cvm-line)}#csc-viewmodel .cvm-table tbody tr:last-child{border-bottom:0}#csc-viewmodel .cvm-table tbody th,#csc-viewmodel .cvm-table tbody td{display:block;border:0;padding:0;min-width:0}#csc-viewmodel .cvm-player,#csc-viewmodel .cvm-settings{grid-column:1/-1}#csc-viewmodel .cvm-steamid:before,#csc-viewmodel .cvm-profile-cell:before{display:block;content:attr(data-label);font-size:11px;font-weight:400;color:var(--cvm-muted);margin-bottom:3px}#csc-viewmodel .cvm-name{font-size:17px}}
@media(max-width:480px){#csc-viewmodel{margin:18px auto;font-size:14px}#csc-viewmodel .cvm-title{font-size:25px}#csc-viewmodel .cvm-picker{padding:14px}#csc-viewmodel .cvm-drop{padding:18px 10px}#csc-viewmodel .cvm-file-row{align-items:stretch;flex-direction:column;gap:10px}#csc-viewmodel .cvm-table tbody tr{padding:14px;gap:12px}#csc-viewmodel .cvm-config-row{gap:8px}#csc-viewmodel .cvm-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#csc-viewmodel .cvm-value{min-height:48px;padding:4px 2px;border-radius:7px}#csc-viewmodel .cvm-value-label{font-size:9px;line-height:11px;letter-spacing:.4px}#csc-viewmodel .cvm-value-number{font-size:18px;line-height:20px}#csc-viewmodel .cvm-copy{width:86px;padding:5px 6px;font-size:11px}#csc-viewmodel .cvm-steam-link{font-size:11px}#csc-viewmodel .cvm-profile-link{font-size:12px}}
@media(max-width:360px){#csc-viewmodel .cvm-value{padding:4px 1px}#csc-viewmodel .cvm-value-number{font-size:16px;line-height:18px}}
@media(prefers-reduced-motion:reduce){#csc-viewmodel *{transition:none!important}}