:root{color-scheme:dark;--page:#081726;--page-soft:#0e2032;--surface:#10273a;--surface-strong:#193347;--ink:#eef7ff;--muted:#b0c5d6;--border:#304b60;--primary:#72d3f5;--border-strong:#526b7e}html[data-theme=light]{color-scheme:light;--page:#eef3f8;--page-soft:#f7f9fc;--surface:#fff;--surface-strong:#f0f5fa;--ink:#09213a;--muted:#526a7f;--border:#cbdbe7;--primary:#126794;--border-strong:#adc5d7}.cl-main{max-width:1480px;margin:auto;padding:28px clamp(16px,3vw,40px)}.topnav{flex-wrap:wrap}.cl-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;min-height:40px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--ink);text-decoration:none;cursor:pointer;font-weight:600}.cl-button:hover,.cl-button[aria-pressed=true]{background:var(--surface-strong);border-color:var(--cyan)}.cl-button.primary{background:#176ea5;color:white}.cl-button:disabled{opacity:.45;cursor:default}.cl-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:35px;padding:32px;background:linear-gradient(120deg,#103b58,#0c263d);border:1px solid #25516d;border-bottom:3px solid #22c7df;border-radius:16px;color:#eff8ff}.cl-hero h1{font-size:clamp(29px,3vw,44px);line-height:1.14;margin:12px 0}.cl-hero p{color:#c1d6e4}.cl-hero aside{align-self:center;padding:22px;border-left:1px solid #466578}.cl-kicker{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--primary);margin:0 0 8px}.cl-hero .cl-kicker{color:#72d3f5}.cl-actions,.cl-file-actions{display:flex;gap:8px;flex-wrap:wrap}.cl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 36px}.cl-stat{padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:12px;border-left:3px solid #22c7df}.cl-stat strong{display:block;font-size:28px;line-height:1.2}.cl-stat small{color:var(--muted)}.cl-section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:25px 0 18px}.cl-section-title h2{font-size:25px;margin:0}.cl-section-title>p{max-width:370px;color:var(--muted)}.cl-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cl-module{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.cl-module h3{margin:0;font-size:20px}.cl-module p{color:var(--muted);margin:0}.cl-module .cl-actions{margin-top:auto;padding-top:8px}.cl-badge{display:inline-block;border:1px solid var(--border-strong);border-radius:20px;padding:2px 8px;font-size:12px;color:var(--muted);width:fit-content}.cl-badge.available{color:#70dfb7;border-color:#367f6b}html[data-theme=light] .cl-badge.available{color:#166749}.cl-badge.held{color:#ffd185;border-color:#886531}html[data-theme=light] .cl-badge.held{color:#80500a}.cl-library{margin-top:40px;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.cl-search label{font-weight:700;display:block;margin-bottom:8px}.cl-search>div{display:flex;gap:9px}.cl-search input{min-width:0;flex:1}.cl-main input,.cl-main select{padding:9px 11px;background:var(--page-soft);color:var(--ink);border:1px solid var(--border-strong);border-radius:7px;max-width:100%}.cl-filters{margin:18px 0;padding:13px;background:var(--page-soft);border:1px solid var(--border);border-radius:10px}.cl-filters summary{cursor:pointer;font-weight:600}.cl-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}.cl-filter-fields label{font-size:13px;color:var(--muted)}.cl-filter-fields select{display:block;width:100%;margin-top:5px}.cl-results-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:22px 0 12px}.cl-results-bar h3,.cl-results-bar p{margin:0}.cl-results-bar p{color:var(--muted);font-size:13px}.cl-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:9px}.cl-table{width:100%;border-collapse:collapse;min-width:850px;font-size:13px}.cl-table th,.cl-table td{text-align:left;padding:12px;vertical-align:top;border-bottom:1px solid var(--border)}.cl-table th{background:var(--surface-strong)}.cl-table td:first-child{width:40%;overflow-wrap:anywhere}.cl-file-name{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.cl-path{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.cl-file-actions .cl-button{font-size:12px;min-height:34px;padding:5px 9px}.cl-file-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cl-file-card{padding:16px;border:1px solid var(--border);border-radius:10px;min-width:0}.cl-file-card .cl-file-name{overflow-wrap:anywhere}.cl-file-card p{color:var(--muted);font-size:12px}.cl-pager{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0}.cl-pager label{display:flex;gap:7px;align-items:center}.cl-pager input{width:70px}.cl-note,.cl-footer{color:var(--muted);font-size:13px}.cl-footer{padding:28px 0}.cl-empty{padding:35px;text-align:center;border:1px dashed var(--border-strong);border-radius:10px}.cl-empty h3{margin:0 0 8px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:14px;max-width:min(1120px,94vw);width:1120px;max-height:90vh;padding:20px}dialog::backdrop{background:#020a14bf}.cl-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;position:sticky;top:-20px;background:var(--surface);padding:8px 0 14px;z-index:1}.cl-dialog-head h2{font-size:20px;margin:0;overflow-wrap:anywhere}.cl-preview-image{max-width:100%;display:block;margin:auto;border:1px solid var(--border)}.cl-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--page-soft);padding:16px;font:13px/1.6 Consolas,monospace;max-height:60vh;overflow:auto}.cl-folder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cl-folder{background:var(--page-soft);padding:14px;border:1px solid var(--border);border-radius:9px}.cl-folder h3{font-size:15px;margin:0}.cl-folder p{font-size:13px;color:var(--muted);margin:5px 0 10px}.cl-dialog-meta{color:var(--muted);font-size:13px;overflow-wrap:anywhere;margin:10px 0 16px}.cl-dialog-meta code{font-size:11px}.cl-error{border-color:#ca7b7b}@media(max-width:950px){.cl-modules,.cl-file-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-hero{grid-template-columns:1fr}.cl-hero aside{border-left:0;border-top:1px solid #466578;padding:16px 0 0}.cl-section-title{align-items:start;flex-direction:column;gap:0}.cl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cl-main{padding:18px 14px}.cl-hero{padding:22px;gap:10px}.cl-modules,.cl-file-cards,.cl-filter-fields,.cl-folder-list{grid-template-columns:1fr}.cl-library{padding:15px}.cl-search>div{flex-wrap:wrap}.cl-search input{flex-basis:100%}.cl-results-bar{align-items:start;flex-direction:column}.cl-stats{gap:8px}.cl-stat{padding:12px}.cl-stat strong{font-size:24px}.cl-section-title h2{font-size:22px}.topbar{padding:16px;gap:14px}.topnav{gap:10px}.topnav a{font-size:12px}.cl-table-wrap{max-width:100%}}

.cl-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.cl-dialog-actions [hidden],.cl-video-footer [hidden]{display:none}.cl-dialog-video[open]{display:flex;flex-direction:column;box-sizing:border-box;width:min(1180px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden}.cl-dialog-video .cl-dialog-head{position:static;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center}.cl-dialog-video .cl-dialog-head h2{font-size:18px;min-width:0}.cl-dialog-video #dialogBody{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding:14px 18px}.cl-video-stage{display:flex;align-items:center;justify-content:center;min-height:0;background:#030a12;border:1px solid var(--border);border-radius:10px;overflow:hidden}.cl-video-stage video{display:block;width:100%;max-height:calc(100vh - 235px);max-height:calc(100dvh - 235px);object-fit:contain;background:#030a12}.cl-video-state{margin:0;color:var(--muted);font-size:13px}.cl-video-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}.cl-dialog-video.cl-dialog-maximized{width:calc(100vw - 24px);max-width:none;height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:10px}.cl-dialog-maximized #dialogBody{flex:1}.cl-dialog-maximized .cl-video-stage{flex:1}.cl-dialog-maximized video{height:100%}@media(max-width:600px){.cl-dialog-video .cl-dialog-head{padding:10px;align-items:flex-start;gap:10px}.cl-dialog-video .cl-dialog-head h2{font-size:15px}.cl-dialog-actions{flex-direction:column;gap:5px}.cl-dialog-actions .cl-button{min-height:36px;padding:5px 9px}.cl-dialog-video #dialogBody{padding:10px}.cl-video-stage video{max-height:calc(100dvh - 260px)}}
