.creator-platform-bar{position:relative;gap:20px;min-height:77px}
.creator-platform-primary{grid-template-columns:repeat(var(--platform-visible,8),minmax(0,1fr));gap:8px;align-items:stretch;min-width:0;flex:1}
.creator-platform-item{display:flex;align-items:center;min-width:0;position:relative;border:1px solid transparent;border-radius:9px;background:#fff}
.creator-platform-item[hidden]{display:none!important}
.creator-platform-item .creator-platform-link{flex:1;justify-content:flex-start;min-width:0;padding:10px 7px;border:0;background:transparent;cursor:pointer}
.creator-platform-copy{display:block;min-width:0}
.creator-platform-copy .creator-platform-name{display:block}
.creator-platform-copy small{display:block;margin-top:2px;font-size:12px;color:#8994a4;line-height:1.5}
.creator-platform-primary .creator-platform-copy small{display:none}
.creator-platform-primary .creator-platform-item{min-width:0}
.creator-platform-primary .creator-platform-link{gap:7px;padding:8px 2px}
.creator-platform-primary .creator-platform-name{font-size:14px}
.creator-platform-item:hover{background:#f7f9fc;border-color:#e6ebf3}
.platform-drag-handle{flex:none;display:grid;place-items:center;width:24px;min-height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:#8b97a8;font-size:22px;cursor:grab;touch-action:none}
.platform-drag-handle:active{cursor:grabbing}
.platform-drag-handle:focus-visible{outline:2px solid #e56d79;outline-offset:1px;background:#fff0f3}
.platform-drag-handle:hover{background:#e9edf4;color:#475569}
.platform-drag-handle:disabled{opacity:.35;cursor:default}
.creator-platform-primary .platform-drag-handle{width:16px;font-size:19px;opacity:0}
.creator-platform-primary .creator-platform-item:hover .platform-drag-handle,.creator-platform-primary .platform-drag-handle:focus-visible{opacity:1}
.creator-platform-directory{flex:none}
.creator-platform-directory>summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;list-style:none;border:0;border-radius:8px;background:#f3f5f8;color:#526078;font-size:14px;white-space:nowrap;cursor:pointer;user-select:none}
.creator-platform-directory>summary::-webkit-details-marker{display:none}
.creator-platform-directory>summary:hover,.creator-platform-directory[open]>summary{background:#fff1f2;color:#9c2941}
.creator-platform-directory>summary:focus-visible{outline:2px solid #e56d79;outline-offset:3px}
.platform-disclosure{width:7px;height:7px;margin:0 2px 3px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.creator-platform-directory[open] .platform-disclosure{transform:rotate(225deg);margin-top:5px}
.creator-platform-panel{position:fixed;z-index:35;top:88px;left:24px;right:24px;display:flex;flex-direction:column;max-height:calc(100dvh - 104px);padding:20px 22px 16px;border:1px solid #e7e9ef;border-radius:12px;background:#fff;box-shadow:0 20px 44px #25354c22;overflow:hidden}
.platform-panel-controls{flex:none;min-width:0}
.platform-panel-list{flex:1 1 auto;min-height:0;padding:2px 4px 4px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4dce7 transparent;scroll-padding:6px}
.platform-panel-list:focus-visible{outline:2px solid #e56d79;outline-offset:-2px}
.platform-panel-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.platform-panel-toolbar h3{margin:0;color:#38485f;font-size:18px;line-height:1.6;font-weight:600}
.platform-panel-toolbar p{margin:3px 0 0;color:#7b8798;font-size:13px;line-height:1.8}
.platform-panel-close{flex:none;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:#f4f6f9;color:#7b8798;font-size:25px;cursor:pointer}
.platform-panel-search-row{display:flex;align-items:center;gap:15px;margin-top:15px}
.platform-search-label{display:flex;align-items:center;gap:12px;flex:1;max-width:600px;padding:0 12px;border:1px solid #e1e7ee;border-radius:8px;background:#f9fafc}
.platform-search-label>span{font-size:13px;white-space:nowrap;color:#748196}
.platform-search{width:100%;min-width:0;height:41px;border:0;outline:0;background:transparent;color:#435168;font:inherit;font-size:14px}
.platform-search-label:focus-within{border-color:#e18a94;box-shadow:0 0 0 2px #fcecef}
.platform-order-reset{padding:7px 8px;border:0;background:transparent;color:#53657e;font-size:13px;cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.platform-group-filters{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}
.platform-group-filters button{padding:5px 9px;border:0;border-bottom:2px solid transparent;background:transparent;color:#53657e;font-size:13px;cursor:pointer}
.platform-group-filters button[aria-pressed=true]{border-color:#a72e45;color:#9c2941}
.platform-panel-info{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 9px;font-size:12px;color:#8b96a6;line-height:1.8}
.platform-order-status{color:#7b8798;text-align:right}
.creator-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.creator-platform-grid .creator-platform-item{border:0;background:#f5f7fa;min-height:68px}
.creator-platform-grid .creator-platform-item:hover{background:#fff1f3}
.creator-platform-grid .creator-platform-link{padding:10px 12px;gap:10px;min-height:66px}
.creator-platform-grid .creator-platform-name{font-size:15px;color:#536178}
.creator-platform-grid .platform-drag-handle{margin-right:6px}
.creator-platform-grid .creator-platform-icon{width:29px;height:29px}
.creator-platform-grid .creator-platform-icon img{width:27px;height:27px}
.creator-platform-item.is-pending .creator-platform-link{cursor:default}
.creator-platform-item.is-pending .creator-platform-copy small{color:#ae8a6b}
.platform-empty{padding:30px 15px;text-align:center;color:#8490a2;font-size:14px}
.platform-panel-footnote{margin:15px 0 0;color:#99a2b1;font-size:12px;line-height:1.8}
.platform-sort-ghost{opacity:.35;background:#ffe1e5!important}
.platform-sort-chosen{border-color:#e4939e!important;box-shadow:0 3px 12px #b65e7022}
.creator-platform-bar.is-dragging .creator-platform-item{user-select:none}
@media(max-width:1199px){.creator-platform-bar{gap:13px}.creator-platform-caption{width:135px}.creator-platform-directory>summary{gap:5px;padding:8px 9px}.creator-platform-primary .platform-drag-handle{width:14px}}
@media(max-width:850px){.creator-platform-bar{display:flex;flex-wrap:wrap;padding:13px 20px;gap:9px 16px}.creator-platform-caption{width:auto;flex:1;margin:0}.creator-platform-caption>div{display:block}.creator-platform-caption p{display:none}.creator-platform-directory{order:1}.creator-platform-primary{order:2;flex-basis:100%;display:grid;overflow:visible;gap:6px;padding-bottom:0}.creator-platform-primary .creator-platform-item{background:#f4f6f9;border:0;min-width:0}.creator-platform-primary .creator-platform-link{padding:8px 5px;min-height:40px;gap:6px}.creator-platform-primary .platform-drag-handle{opacity:1;width:17px}.creator-platform-primary .creator-platform-name{font-size:14px}.creator-platform-panel{left:14px;right:14px;padding:16px;max-height:62vh}.creator-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.creator-platform-grid .creator-platform-link{padding:10px 7px;gap:7px}.creator-platform-grid .creator-platform-icon{width:23px;height:23px}.creator-platform-grid .creator-platform-icon img{width:23px;height:23px}.creator-platform-grid .creator-platform-name{font-size:14px}.creator-platform-grid .platform-drag-handle{width:19px;margin-right:3px}.platform-panel-search-row{align-items:stretch;flex-wrap:wrap;gap:8px}.platform-search-label{flex-basis:100%;max-width:none}.platform-order-reset{padding:7px 10px;margin-left:auto}.platform-group-filters{gap:5px}.platform-group-filters button{font-size:12px;padding:5px 8px}.platform-panel-toolbar p{font-size:12px}.platform-panel-info{align-items:flex-start}.platform-panel-toolbar h3{font-size:17px}}
@media(max-width:359px){.creator-platform-grid{grid-template-columns:1fr}.creator-platform-bar{padding-left:14px;padding-right:14px}.creator-platform-panel{left:9px;right:9px;padding:12px}}
@media(prefers-reduced-motion:reduce){.creator-platform-bar *{scroll-behavior:auto!important;transition:none!important}}
.platform-panel-toolbar{padding-bottom:8px}
@media(max-width:850px){.creator-platform-panel{top:78px;max-height:calc(100dvh - 92px)}.platform-panel-search-row{flex-wrap:nowrap}.platform-search-label{flex-basis:0;min-width:0}.platform-search-label>span{display:none}.platform-order-reset{margin-left:0}.platform-group-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;overscroll-behavior:contain;scrollbar-width:thin}.platform-group-filters button{flex:none;white-space:nowrap}}
@media(max-height:600px){.creator-platform-panel{padding:10px 14px}.platform-panel-toolbar{align-items:center;padding-bottom:0}.platform-panel-toolbar p{display:none}.platform-panel-search-row{margin-top:8px;flex-wrap:nowrap;gap:8px}.platform-search-label{min-width:0;flex-basis:0}.platform-search-label>span{display:none}.platform-search{height:34px}.platform-order-reset{margin-left:0;padding:6px 9px}.platform-group-filters{flex-wrap:nowrap;overflow-x:auto;margin:8px 0 5px;padding-bottom:4px;overscroll-behavior:contain;scrollbar-width:thin}.platform-group-filters button{flex:none;white-space:nowrap}.platform-panel-info{margin:4px 0 6px}}

/* Reserve the same accessible target even when the drag handle is subtle. */
.creator-platform-primary .platform-drag-handle,.creator-platform-grid .platform-drag-handle{width:26px;min-height:36px}
.platform-drag-handle,.creator-platform-copy small,.platform-order-reset,.platform-result-count,.platform-order-status,
.platform-panel-toolbar p,.platform-panel-footnote,.platform-group-filters button,.platform-search::placeholder{color:var(--creator-secondary-text)}
.creator-platform-item.is-pending .creator-platform-copy small{color:#78562e}
.creator-platform-directory[open]>summary,.platform-group-filters button[aria-pressed=true]{color:#9c2941}
.platform-group-filters button,.platform-order-reset,.platform-panel-close{min-height:34px}
.platform-panel-close{min-width:34px}


.platform-static-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #dce4ef;border-radius:8px;white-space:nowrap;color:#43546d;background:#f6f8fb}

.creator-platform-bar.platform-enhanced>.platform-static-link,
.creator-platform-bar:not(.platform-enhanced)>.creator-platform-directory:not([data-static]),
.creator-platform-bar:not(.platform-enhanced) .platform-panel-controls,
.creator-platform-bar:not(.platform-enhanced) .platform-drag-handle{display:none}
@media(max-width:850px){.platform-static-link{grid-column:2;grid-row:1;justify-self:end}}
.platform-order-reset:focus-visible,.platform-group-filters button:focus-visible{outline:2px solid var(--creator-focus);outline-offset:2px}
