.coros-connection{display:flex;flex-direction:column;min-height:0;position:relative}
.coros-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.coros-connection-heading{display:none;align-items:center;justify-content:space-between;gap:12px;min-height:16px}
.has-coros-connection .coros-connection-heading{display:flex}
.coros-connection-heading h3{margin:0;min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:16px;font-weight:600;color:#eeeeef}
#disconnectCoros{position:relative;border:0;padding:0;background:none;color:#fc625d;font-family:inherit;font-size:12px;line-height:16px;font-weight:600;flex:none}
#disconnectCoros::before{content:"";position:absolute;inset:-12px 0}
#connectCoros{width:100%;height:36px;min-height:36px;border:1px solid #232326;border-radius:6px;background:#111113;color:#eeeeef;font-size:12px;line-height:16px;font-weight:600}
.coros-connection button:disabled{opacity:.5;cursor:wait}
#corosConnectionStatus{font-size:11px;line-height:16px;margin:8px 0 0;color:#98989f;overflow-wrap:anywhere}
#corosConnectionStatus:empty{display:none}
.coros-import-divider{text-align:center;color:rgba(168,168,180,.55);font-size:13px;line-height:17px;margin:12px 0}
.has-coros-connection>.coros-import-divider{display:none}
.coros-manual-import{display:flex;flex-direction:column;gap:12px;padding-top:12px;flex:none}
.coros-share-field{display:grid;grid-template-columns:minmax(0,1fr) 47px;gap:12px 8px!important;margin:0!important;padding:0;border:0;border-radius:0;background:none;align-items:start}
.coros-share-field>label{display:contents!important}
.coros-share-field>label>span{grid-column:1/-1;color:#98989f;font-size:11px;line-height:14px}
.coros-share-field #modalLinkInput{grid-column:1;grid-row:2;box-sizing:border-box;width:100%;min-width:0;height:36px;padding:8px 12px;border:1px solid #232326;border-radius:6px;background:transparent;font-size:16px;line-height:18px;color:#eeeeef}
.coros-share-field #modalLinkInput::placeholder{font-size:13px;color:rgba(168,168,180,.55)}
.coros-share-field #modalLoadLink{grid-column:2;grid-row:2;width:47px;height:36px;min-height:36px;padding:0;border:0;border-radius:6px;background:#232326;font-size:12px;line-height:16px;font-weight:600;color:#eeeeef}
.coros-manual-import .upload-field{box-sizing:border-box;margin:0;height:64px;min-height:64px;border:.5px dashed rgba(255,255,255,.18);border-radius:6px;padding:18px}
.coros-manual-import .upload-field strong{font-size:11px;font-weight:400;line-height:14px;color:#98989f}
#corosActivityBrowser{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:12px}
#corosActivityBrowser[hidden]{display:none}
.coros-library-label{margin:0 0 12px;color:#98989f;font-size:11px;line-height:14px}
.coros-list-viewport{position:relative;flex:1;min-height:0;overflow:hidden}
.coros-list-viewport::after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,#171717);pointer-events:none}
#corosActivityList{height:100%;list-style:none;margin:0;padding:0 0 40px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
#corosActivityList::-webkit-scrollbar{display:none}
#corosActivityList li+li{margin-top:4px}
.coros-activity{display:flex;flex-direction:column;align-items:stretch;gap:2px;box-sizing:border-box;width:100%;min-height:68px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:#111113;color:#eeeeef;text-align:left}
.coros-activity[aria-pressed=true]{border-color:#eeeeef}
.coros-activity:hover{background:#202023}
.coros-activity strong{font-size:14px;line-height:18px;font-weight:600}
.coros-activity-meta{display:flex;flex-wrap:wrap;gap:0 8px;font-size:11px;line-height:14px;font-weight:400;color:#98989f;overflow-wrap:anywhere}
.coros-library-more button{width:100%;min-height:36px;border:1px solid #232326;border-radius:6px;background:#111113;color:#98989f;font-size:11px}
.coros-activity:focus-visible,#disconnectCoros:focus-visible,.coros-library-more button:focus-visible{outline:2px solid #eeeeef;outline-offset:2px}
@media(min-width:761px){
 body.stix-desktop #uploadModal{inset:auto;left:var(--import-left,24px);top:var(--import-top,56px);width:351px;max-width:calc(100vw - 24px);padding:0;background:none;backdrop-filter:none}
 body.stix-desktop #uploadModal.open{display:block}
 #uploadModal>.modal{display:flex;flex-direction:column;width:100%;max-height:var(--import-height,calc(100dvh - 80px));padding:24px;overflow:auto;background:#080809;border:1px solid #232326;border-radius:6px;box-shadow:0 12px 32px #0005}
 #uploadModal>.modal>.modal-head,#uploadModal .coros-connection{flex:none}
 #uploadModal>.modal.has-coros-connection{height:min(672px,var(--import-height,calc(100dvh - 80px)));gap:32px;overflow:hidden;background:#171717}
 #uploadModal>.has-coros-connection .coros-connection{flex:1;min-height:0}
 #uploadModal .modal-head,#uploadModal .fields-panel{display:none}
 #uploadModal .coros-manual-import .upload-field span{display:none}
}
@media(max-width:760px){
 body.stix-mobile .studio-grid>.mobile-import-panel{margin:0 12px;padding:0;align-items:center!important}
 body.stix-mobile #mobileImportPanel>.modal{display:flex;flex-direction:column;gap:0;flex:none;width:100%;max-height:100%;padding:0 25px;overflow:auto;background:transparent}
 body.stix-mobile #mobileImportPanel.has-coros-connection{background:#171717;border-radius:6px;overflow:hidden}
 body.stix-mobile #mobileImportPanel>.modal.has-coros-connection{height:100%;gap:32px;padding:25px;overflow:hidden}
 body.stix-mobile .has-coros-connection>.coros-connection{flex:1;min-height:0}
 body.stix-mobile #mobileImportPanel .coros-share-field{display:grid;grid-template-columns:minmax(0,1fr) 47px;gap:12px 8px!important}
 body.stix-mobile #mobileImportPanel #modalLinkInput{height:36px;min-height:36px}
 body.stix-mobile #mobileImportPanel #modalLoadLink{width:47px;height:36px;min-height:36px}
 body.stix-mobile #mobileImportPanel .upload-field{height:64px;min-height:64px}
 body.stix-mobile #mobileImportPanel .fields-panel{display:none}
}
@media(max-width:760px) and (max-height:620px){
 body.stix-mobile #mobileImportPanel.has-coros-connection{overflow:auto;align-items:flex-start!important}
 body.stix-mobile #mobileImportPanel>.modal.has-coros-connection{height:auto;min-height:100%;overflow:visible}
 body.stix-mobile .has-coros-connection>.coros-connection{min-height:240px}
}