.demo-skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:10}.demo-skip:focus{top:8px}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.demo-header a{color:#e2eaf3;font-size:14px}.tour{border-top:3px solid #35738c}.tour h1{font-size:26px;margin:14px 0 8px;letter-spacing:-.025em}.tour p{max-width:900px;margin:8px 0}.tour progress{width:100%;height:6px;accent-color:#35738c;margin-top:18px}.tour [hidden]{display:none!important}.demo-context{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:8px 0}.demo-context strong{font-size:19px}.demo-context .muted{display:block}.demo-context [aria-pressed=true]{box-shadow:0 0 0 2px #85b7ce}.demo-context .toolbar{gap:4px}#demoStatus{min-height:28px;padding:8px 0;color:#1f5d68;overflow-wrap:anywhere}#demoNav{position:sticky;top:16px;display:flex;flex-direction:column;gap:3px;padding:16px 10px;background:linear-gradient(#102a43,#163852);border-radius:14px}#demoNav button{margin:0;text-align:left;background:transparent;color:#d2dfeb;font-size:14px;padding:10px 12px}#demoNav button[aria-pressed=true]{background:white;color:#102a43}.demo-screen-header{justify-content:space-between;align-items:end}.demo-screen-header h2{margin:0 auto 0 0;font-size:27px}.filter-label{font-size:12px;margin:0;width:190px;font-weight:600}.filter-label select,.filter-label input{padding:9px;font-size:14px}.demo-table-wrap{overflow:auto;border:1px solid #e0e6ed;border-radius:10px}.demo-table{border-collapse:collapse;width:100%;font-size:14px;min-width:610px}.demo-table th{text-align:left;font-size:11px;color:#687b8d;text-transform:uppercase;letter-spacing:.05em;background:#f4f7fa;padding:12px}.demo-table td{padding:14px 12px;border-top:1px solid #e4e9ef;vertical-align:top}.demo-title{background:transparent;color:#173f67;text-align:left;padding:0;min-height:44px;margin:0;display:block;max-width:320px;font-size:14px;white-space:normal}.demo-title span{display:block;color:#6c7d8d;font-size:11px;font-weight:500}.demo-pill{display:inline-block;border-radius:20px;background:#edf2f8;color:#294760;font-size:12px;padding:4px 9px;white-space:nowrap}.demo-pill.red{background:#ffebeb;color:#9a3030}.demo-pill.green{background:#e4f4ec;color:#246948}.demo-pill.amber{background:#fff2d9;color:#7d5711}.demo-caption{font-size:12px;color:#63788a;margin:12px 0}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.demo-metric{background:#f2f7fc;color:#183650;border:1px solid #d6e2ee;border-left:3px solid #33718c;text-align:left;margin:0;display:flex;flex-direction:column;gap:5px;padding:17px}.demo-metric strong{font-size:32px;line-height:1.1}.demo-metric span{font-size:12px}.demo-metric.red{border-left-color:#b94141}.demo-metric.amber{border-left-color:#ca9330}.demo-metric.green{border-left-color:#3d8661}.demo-list{display:grid;gap:0}.demo-list>button{border-radius:0;border-top:1px solid #e4e9ef;background:white;color:#173f67;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;margin:0;padding:15px 0}.demo-list>button span:first-child{min-width:0}.demo-list small{display:block;color:#6b7e90;font-weight:400}.demo-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px}.demo-section-title h3{margin:0}.demo-section-title button{margin:0}.demo-empty{padding:32px;text-align:center;color:#617386;background:#f8fafc;border-radius:10px}.demo-asset-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-asset-meta p{margin:0;padding:12px;background:#f4f7fa;border-radius:8px}.demo-asset-meta small{display:block;color:#6b7e90}.demo-history{margin-top:20px;border-left:2px solid #d4e1ec;padding-left:16px}.demo-history p{font-size:13px}.demo-history small{display:block;color:#748597}.demo-photos{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.demo-photos figure{margin:0;width:150px}.demo-photos img{width:150px;height:110px;object-fit:cover;border:1px solid #dce4eb;border-radius:8px}.demo-photos figcaption{font-size:11px;overflow-wrap:anywhere;color:#6c7b8d}.demo-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-footnote{margin-top:24px;max-width:1000px}.demo-explore .tour #tryText{display:none}.demo-tagline{color:#617b90;font-size:12px;margin:0 0 16px}.demo-count{font-size:13px;color:#63778a}.demo-subnav{margin-bottom:16px}.demo-subnav button[aria-pressed=true]{background:#173f67;color:white}dialog{border:1px solid #d2dce5;border-radius:16px;box-shadow:0 30px 100px #102a4345;width:min(760px,calc(100% - 24px));max-height:88vh;padding:24px;color:#18344d}dialog::backdrop{background:#081d35a8}.dialog-top{display:flex;align-items:start;gap:16px;justify-content:space-between;border-bottom:1px solid #e0e7ee;margin-bottom:18px}.dialog-top h2{font-size:23px;line-height:1.3;margin:0 0 16px;overflow-wrap:anywhere}.dialog-top button{flex-shrink:0;margin:0}.demo-note{background:#eef5fa;border-radius:9px;padding:12px;font-size:13px}.demo-danger-note{background:#fff1d6}.demo-card-action{width:100%;text-align:left}.demo-worker-intro{background:#edf6f5;padding:16px;border-radius:10px;margin-bottom:18px}.demo-form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}#demoScreen h3{margin-top:0}@media(max-width:1000px){#demoNav{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}#demoNav button{font-size:12px;text-align:center;padding:9px 6px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){main{padding:12px}.demo-header{gap:8px}.demo-header .toolbar{gap:10px}.demo-header button{font-size:12px;padding:8px}.tour{padding:16px}.tour h1{font-size:22px}.demo-context .toolbar{width:100%}.demo-context .toolbar button{flex:1;font-size:12px}.demo-screen-header h2{width:100%;font-size:24px}.filter-label{width:calc(50% - 6px)}#demoNav{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}.demo-metrics{gap:8px}.demo-metric{padding:13px}.demo-metric strong{font-size:27px}.demo-field-row{grid-template-columns:1fr}.demo-asset-meta{grid-template-columns:1fr}dialog{padding:16px}.panel{padding:16px}.demo-header a{font-size:12px}}

@media(max-width:600px){.demo-table-wrap{border:0;overflow:visible}.demo-table,.demo-table tbody{display:block;min-width:0;width:100%}.demo-table thead{display:none}.demo-table tbody{display:grid;gap:12px}.demo-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dce5ee;border-radius:10px;padding:10px}.demo-table td{display:block;border:0;padding:6px;overflow-wrap:anywhere}.demo-table td:first-child{grid-column:1/-1}.demo-table td:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#708497;margin-bottom:3px}.demo-title{max-width:100%}.demo-table td .demo-pill{white-space:normal}}