:root{color:#17201c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:280px minmax(0,1fr);max-width:100vw;min-height:100vh;display:grid;overflow-x:hidden}.sidebar{color:#f7f8f5;background:#17201c;flex-direction:column;gap:18px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.brand-mark{color:#17201c;background:#edb230;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy span,.brand-copy small,.sidebar-section-title,.sidebar-stat span,.sidebar-meter span{color:#aebdb5;font-size:12px;font-weight:700}.brand-copy strong{color:#b8c5bd;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.1;overflow:hidden}.brand-copy small{color:#edb230;text-transform:uppercase;border:1px solid #3b5148;border-radius:999px;width:max-content;padding:2px 7px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav-item,.sidebar-stat{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.sidebar-nav-item{color:#b8c5bd;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;min-height:42px;padding:0 10px}.sidebar-nav-item span,.sidebar-nav-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-nav-item strong{color:#f7f8f5;font-variant-numeric:tabular-nums}.sidebar-nav-item.active,.sidebar-nav-item:hover{color:#fff;background:#26342f;border-color:#48635a}.sidebar-section{background:#1c2924;border:1px solid #2d4239;border-radius:8px;gap:12px;padding:14px;display:grid}.sidebar-section.compact{gap:10px}.sidebar-section-title{align-items:center;gap:7px;display:inline-flex}.sidebar-primary{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.1;overflow:hidden}.sidebar-meter{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-meter strong,.sidebar-stat strong{color:#fff;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:13px}.sidebar-stat{min-width:0}.sidebar-stat svg{color:#edb230}.sidebar-stat span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace{flex-direction:column;gap:22px;min-width:0;padding:28px;display:flex;overflow:hidden}.topbar,.panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:inline-flex}.topbar h1,.panel-heading h2{color:#17201c;letter-spacing:0;margin:0}.topbar h1{font-size:38px;line-height:1.05}.topbar p,.panel-heading p{color:#66746d;margin:8px 0 0}.refresh-button,.state-panel button{color:#fff;background:#1c8f73;border:0;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.refresh-button.secondary{color:#17201c;background:#fff;border:1px solid #dce3de}.auto-refresh-control{color:#2e3934;background:#fff;border:1px solid #dce3de;border-radius:8px;grid-template-columns:34px auto auto;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:14px;font-weight:700;display:inline-grid}.auto-refresh-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle-track{background:#c8d2cc;border-radius:999px;align-items:center;width:34px;height:20px;padding:2px;transition:background .16s;display:inline-flex}.toggle-track span{background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .16s;display:block;transform:translate(0);box-shadow:0 1px 3px #17201c40}.auto-refresh-control input:checked+.toggle-track{background:#1c8f73}.auto-refresh-control input:checked+.toggle-track span{transform:translate(14px)}.auto-refresh-control input:focus-visible+.toggle-track{outline-offset:2px;outline:2px solid #edb230}.auto-refresh-control strong{color:#17201c;font-variant-numeric:tabular-nums;text-align:right;min-width:28px}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;display:grid}.metric,.status-panel,.path-panel,.state-panel{background:#fff;border:1px solid #dce3de;border-radius:8px;box-shadow:0 16px 34px #17201c0f}.metric{flex-direction:column;justify-content:space-between;min-height:126px;padding:18px;display:flex}.metric span,.metric small,.info-line span{color:#66746d;font-size:13px}.metric strong{color:#17201c;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;font-size:24px;line-height:1.05}.status-panel{padding:20px}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.search-box{color:#66746d;background:#f7f8f5;border:1px solid #dce3de;border-radius:8px;align-items:center;gap:8px;min-width:min(320px,100%);height:40px;padding:0 12px;display:inline-flex}.search-box input{color:#17201c;background:0 0;border:0;outline:0;width:100%;font-size:14px}.segmented{background:#f7f8f5;border:1px solid #dce3de;border-radius:8px;height:40px;display:inline-flex;overflow:hidden}.segmented button{color:#66746d;background:0 0;border:0;border-right:1px solid #dce3de;min-width:72px;font-size:13px;font-weight:700}.segmented.wide button{min-width:92px}.segmented button:last-child{border-right:0}.segmented .selected{color:#fff;background:#17201c}.table-frame{border:1px solid #e8ede9;border-radius:8px;margin-top:18px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8ede9;padding:14px 16px;font-size:14px}th{color:#66746d;text-transform:uppercase;letter-spacing:0;background:#f7f8f5;font-size:12px}td{color:#2e3934}tbody tr:last-child td{border-bottom:0}.game-cell,.speed-cell,.status-pill,.state-panel{align-items:center;gap:8px;display:inline-flex}.progress-cell{gap:6px;min-width:170px;display:grid}.progress-cell small{color:#66746d;font-size:12px}.progress-bar{background:#e8ede9;border-radius:8px;width:100%;height:8px;overflow:hidden}.progress-bar span{border-radius:inherit;background:#1c8f73;height:100%;display:block}.game-cell{font-weight:800}.speed-cell{color:#2e3934;font-variant-numeric:tabular-nums;min-width:108px;font-weight:700}.status-pill{white-space:normal;border-radius:8px;max-width:320px;min-height:28px;padding:0 9px;font-size:12px;font-weight:800}.status-pill.cached{color:#11735a;background:#e8f6f0}.status-pill.active{color:#245da8;background:#e8f1ff}.status-pill.blocked{color:#9f3434;background:#f8e7e7}.status-pill.error{color:#7f1d1d;background:#fdeaea}.status-pill.missing{color:#8d5c00;background:#fff4dc}.empty-state{color:#66746d;text-align:center;padding:34px}.empty-state.compact{border:1px dashed #dce3de;border-radius:8px;padding:18px}.workshop-command{background:#fff;border:1px solid #dce3de;border-radius:8px;gap:14px;padding:18px;display:grid;box-shadow:0 16px 34px #17201c0f}.workshop-command-head,.workshop-panel-title,.workshop-detail-title,.workshop-cache-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.workshop-command-head h2,.workshop-panel-title h3,.workshop-detail-title h3{color:#17201c;letter-spacing:0;margin:0}.workshop-command-head h2{font-size:24px}.workshop-command-head p,.workshop-panel-title span,.workshop-detail-title span{color:#66746d;margin:4px 0 0;font-size:13px;font-weight:700}.workshop-search-form{grid-template-columns:minmax(180px,240px) minmax(260px,1fr) minmax(150px,190px) minmax(260px,auto) auto;align-items:end;gap:12px;display:grid}.workshop-search-form label{gap:7px;min-width:0;display:grid}.workshop-search-form label span{color:#66746d;text-transform:uppercase;font-size:12px;font-weight:800}.workshop-search-form select,.workshop-id-lookup input,.workshop-search-input{color:#17201c;background:#f7f8f5;border:1px solid #dce3de;border-radius:8px;width:100%;height:42px}.workshop-search-form select{outline:0;padding:0 12px}.workshop-search-input{color:#66746d;align-items:center;gap:8px;padding:0 12px;display:flex}.workshop-search-input input{color:#17201c;background:0 0;border:0;outline:0;width:100%;min-width:0}.workshop-type-toggle{background:#f7f8f5;border:1px solid #dce3de;border-radius:8px;height:42px;display:inline-flex;overflow:hidden}.workshop-type-toggle button{color:#66746d;background:0 0;border:0;border-right:1px solid #dce3de;min-width:88px;font-size:13px;font-weight:800}.workshop-type-toggle button:last-child{border-right:0}.workshop-type-toggle .selected{color:#11735a;background:#e8f6f0}.workshop-id-lookup{grid-template-columns:minmax(220px,1fr) auto;gap:10px;max-width:680px;display:grid}.workshop-id-lookup input{outline:0;padding:0 12px}.workshop-console{grid-template-columns:minmax(340px,.9fr) minmax(420px,1.2fr) minmax(320px,.85fr);align-items:start;gap:14px;display:grid}.workshop-results-panel,.workshop-detail-panel,.workshop-cache-column{background:#fff;border:1px solid #dce3de;border-radius:8px;min-width:0;box-shadow:0 16px 34px #17201c0f}.workshop-results-panel,.workshop-cache-column{gap:12px;padding:14px;display:grid}.workshop-detail-panel{overflow:hidden}.workshop-panel-title{min-height:34px}.workshop-panel-title h3{font-size:16px}.workshop-result-list{gap:8px;display:grid}.workshop-result-row{color:#17201c;text-align:left;background:#fff;border:1px solid #e8ede9;border-radius:8px;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:82px;padding:8px;display:grid}.workshop-result-row.selected,.workshop-result-row:hover{background:#f0f8f4;border-color:#b6d8ce}.workshop-result-preview{color:#66746d;background:#e8ede9;border-radius:8px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.workshop-result-preview img{object-fit:cover;width:100%;height:100%}.workshop-result-main,.workshop-result-meta{flex-wrap:wrap;grid-column:2/3;align-items:center;gap:5px;min-width:0;display:flex}.workshop-result-main strong{color:#17201c;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.workshop-result-main span,.workshop-result-meta>span:not(.status-pill){color:#66746d;font-size:12px;font-weight:700}.workshop-more-button{color:#17201c;background:#fff;border:1px solid #dce3de;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:800;display:inline-flex}.workshop-detail{min-width:0;display:grid}.workshop-detail-media{aspect-ratio:16/7;color:#66746d;background:#e8ede9;place-items:center;display:grid;overflow:hidden}.workshop-detail-media img{object-fit:cover;width:100%;height:100%}.workshop-detail-body{gap:14px;padding:16px;display:grid}.workshop-detail-title h3{margin-top:4px;font-size:24px;line-height:1.14}.workshop-detail-title a{color:#17201c;border:1px solid #dce3de;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.workshop-facts.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.workshop-facts.split .info-line{grid-template-columns:96px minmax(0,1fr)}.workshop-description.expanded{-webkit-line-clamp:unset;max-height:190px;display:block;overflow:auto}.workshop-children-table{border-top:1px solid #e8ede9;gap:8px;padding-top:12px;display:grid}.workshop-children-table a{color:#17201c;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:38px;font-size:13px;font-weight:800;text-decoration:none;display:grid}.workshop-children-table img{object-fit:cover;border-radius:6px;width:30px;height:30px}.workshop-children-table a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workshop-cache-column .workshop-cache-panel{box-shadow:none;border-color:#e8ede9;margin-top:0}.workshop-config-list{gap:10px;margin-top:18px;display:grid}.workshop-config-row{border:1px solid #e8ede9;border-radius:8px;grid-template-columns:minmax(160px,240px) minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.workshop-config-row>div:first-child{gap:3px;display:grid}.workshop-config-row strong{color:#17201c;font-size:15px}.workshop-config-row span{color:#66746d;font-size:12px;font-weight:700}.workshop-config-items{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.workshop-config-items a{color:#17201c;text-overflow:ellipsis;white-space:nowrap;border:1px solid #dce3de;border-radius:8px;max-width:220px;padding:7px 9px;font-size:12px;font-weight:800;text-decoration:none;overflow:hidden}.workshop-lookup{grid-template-columns:minmax(120px,180px) minmax(220px,1fr) auto;align-items:end;gap:12px;margin-top:18px;display:grid}.workshop-lookup label{gap:7px;min-width:0;display:grid}.workshop-lookup label span{color:#66746d;text-transform:uppercase;font-size:12px;font-weight:800}.workshop-lookup input{color:#17201c;background:#f7f8f5;border:1px solid #dce3de;border-radius:8px;outline:0;width:100%;height:42px;padding:0 12px}.workshop-app-list{gap:18px;margin-top:18px;display:grid}.workshop-app-section{gap:12px;display:grid}.workshop-app-heading{border-bottom:1px solid #e8ede9;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.workshop-app-heading div{gap:3px;display:grid}.workshop-app-heading strong{color:#17201c;font-size:18px}.workshop-app-heading span{color:#66746d;font-size:13px}.workshop-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.workshop-card{background:#fff;border:1px solid #dce3de;border-radius:8px;grid-template-columns:128px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.workshop-card.featured{grid-template-columns:minmax(180px,280px) minmax(0,1fr);margin-top:18px}.workshop-preview{color:#66746d;background:#e8ede9;place-items:center;min-height:156px;display:grid}.workshop-preview img{object-fit:cover;width:100%;height:100%}.workshop-card-body{align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.workshop-title-row,.workshop-meta-row,.child-list-title{align-items:center;gap:10px;display:flex}.workshop-title-row{justify-content:space-between}.workshop-title-row div{min-width:0}.workshop-title-row span{color:#66746d;text-transform:uppercase;font-size:12px;font-weight:800}.workshop-title-row h3{color:#17201c;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:18px;line-height:1.18;overflow:hidden}.workshop-title-row a{color:#17201c;border:1px solid #dce3de;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.workshop-meta-row{flex-wrap:wrap}.workshop-meta-row>span:not(.status-pill){color:#66746d;font-size:12px;font-weight:700}.workshop-description{color:#2e3934;white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.workshop-card.featured .workshop-description{-webkit-line-clamp:8}.workshop-facts{border-top:1px solid #e8ede9;gap:7px;padding-top:10px;display:grid}.workshop-facts .info-line{grid-template-columns:110px minmax(0,1fr)}.workshop-action-row{justify-content:flex-end;margin-top:12px;display:flex}.workshop-cache-panel{background:#fff;border:1px solid #dce3de;border-radius:8px;gap:12px;margin-top:12px;padding:14px;display:grid}.workshop-cache-heading{color:#66746d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.artifact-list{gap:10px;display:grid}.artifact-row{border-top:1px solid #e8ede9;gap:7px;padding-top:10px;display:grid}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#2e3934;border:1px solid #dce3de;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.child-list{border-top:1px solid #e8ede9;gap:6px;padding-top:10px;display:grid}.child-list-title{color:#66746d;text-transform:uppercase;font-size:12px;font-weight:800}.child-list a{color:#17201c;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;text-decoration:none;display:grid}.child-list img{object-fit:cover;border-radius:6px;width:28px;height:28px}.child-list a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-state{color:#66746d;align-items:center;gap:8px;min-height:42px;margin-top:18px;font-weight:700;display:inline-flex}.inline-state.error{color:#9f3434}.path-panel{gap:12px;padding:18px;display:grid}.auth-console{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:18px;display:grid}.auth-control-panel,.auth-qr-panel{background:#fff;border:1px solid #dce3de;border-radius:8px;align-content:start;gap:16px;padding:20px;display:grid;box-shadow:0 16px 34px #17201c0f}.auth-token-field{gap:7px;display:grid}.auth-token-field span{color:#66746d;text-transform:uppercase;font-size:12px;font-weight:800}.auth-token-field input{color:#17201c;background:#f7f8f5;border:1px solid #dce3de;border-radius:8px;outline:0;width:100%;min-height:42px;padding:0 12px}.auth-token-field input:focus{border-color:#1c8f73;box-shadow:0 0 0 3px #1c8f731f}.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.auth-status-card{background:#f7f8f5;border:1px solid #e8ede9;border-radius:8px;gap:10px;padding:14px;display:grid}.qr-frame{background:#fff;border:1px solid #e8ede9;border-radius:8px;place-items:center;min-height:260px;padding:20px;display:grid}.qr-frame svg{width:min(220px,100%);height:auto}.auth-session-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-line{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:14px;display:grid}.info-line code{overflow-wrap:anywhere;color:#2e3934;min-width:0;font-size:13px}.state-panel{color:#66746d;justify-content:center;min-height:180px;font-weight:700}.state-panel.error{color:#9f3434}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{gap:12px;height:auto;padding:12px 14px;position:static;overflow:hidden}.sidebar-brand{grid-template-columns:42px minmax(0,1fr)}.sidebar-nav{overscroll-behavior-x:contain;grid-template-columns:none;grid-auto-columns:minmax(96px,1fr);grid-auto-flow:column;width:100%;max-width:100%;padding-bottom:2px;display:grid;overflow-x:auto}.sidebar-nav-item{grid-template-columns:20px minmax(0,1fr);min-width:0}.sidebar-nav-item strong,.sidebar-section{display:none}.workspace{padding:18px}.topbar h1{font-size:30px}.topbar,.panel-heading{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.toolbar,.search-box,.workshop-search-form,.workshop-id-lookup,.workshop-lookup,.workshop-lookup .wide{width:100%}.workshop-search-form,.workshop-console,.auth-console,.workshop-config-row,.workshop-id-lookup{grid-template-columns:1fr}.workshop-type-toggle{width:100%}.workshop-type-toggle button{flex:1;min-width:0}.workshop-result-row{grid-template-columns:48px minmax(0,1fr) 18px}.workshop-result-meta{grid-column:2/-1}.workshop-facts.split,.auth-session-facts{grid-template-columns:1fr}.workshop-config-items{justify-content:flex-start}.workshop-lookup,.workshop-card,.workshop-card.featured{grid-template-columns:1fr}.workshop-preview{min-height:190px}.segmented{width:100%}.segmented button{flex:1;min-width:0;padding:0 6px}.segmented.wide button{min-width:0}}@media (width<=540px){.topbar-actions,.auto-refresh-control,.refresh-button{width:100%}.auto-refresh-control{grid-template-columns:34px minmax(0,1fr) auto}.refresh-button{justify-content:center}.info-line{grid-template-columns:1fr}}
