@layer utilities{:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .min-w-max{min-width:max-content}}@layer utilities{:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .bg-muted\/60{background-color:var(--muted)}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .bg-muted\/60{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}}@layer utilities{:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .bg-slate-950\/60{background-color:#02061899}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .bg-slate-950\/60{background-color:color-mix(in oklab,var(--color-slate-950)60%,transparent)}}}@layer utilities{:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .text-sky-600{color:var(--color-sky-600)}}@layer utilities{@media (hover:hover){:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .hover\:border-cyan-500\/40:hover{border-color:#00b7d766}}}@layer utilities{@media (hover:hover){@supports (color:color-mix(in lab,red,red)){:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .hover\:border-cyan-500\/40:hover{border-color:color-mix(in oklab,var(--color-cyan-500)40%,transparent)}}}}@layer utilities{@media (min-width:40rem){:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .sm\:w-52{width:calc(var(--spacing)*52)}}}@layer utilities{@media (min-width:64rem){:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}}@layer utilities{:where(body:has([data-site-media-library],[data-testid="site-auth-workspace"],[data-testid="member-dashboard-settings"],[data-site-user-auth-root],[data-site-social-settings],[data-site-social-signin],[data-site-social-connections],[data-editor-open-media-library])) .dark\:text-sky-300:is(.dark *){color:var(--color-sky-300)}}
.member-dashboard-settings{border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden;color:var(--foreground)}
.member-dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--border)}
.member-dashboard-header h3{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;margin:4px 0}.member-dashboard-header p,.member-dashboard-audiences p,.member-dashboard-owner p{font-size:13px;color:var(--muted-foreground);line-height:1.6}
.member-dashboard-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:700}.member-dashboard-actions{display:flex;flex-wrap:wrap;gap:8px}
.member-dashboard-summary{display:flex;flex-wrap:wrap;gap:8px 24px;padding:12px 20px;background:var(--muted);font-size:12px}.member-dashboard-summary span{display:flex;gap:6px;align-items:center}
.member-dashboard-notice{margin:16px 20px 0;padding:12px 14px;background:var(--muted);border:1px solid var(--border);border-radius:10px;font-size:13px;line-height:1.6}
.member-dashboard-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:20px}.member-dashboard-audiences{display:flex;flex-direction:column;gap:10px;min-width:0}.member-dashboard-audiences h4,.member-dashboard-editor-title h4{font-size:14px;font-weight:650}
.member-dashboard-audiences>button,.member-dashboard-role>button{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--border);border-radius:10px;padding:12px;width:100%;font-size:13px;background:var(--background);overflow-wrap:anywhere}.member-dashboard-audiences button[aria-pressed=true]{background:color-mix(in srgb,var(--primary) 10%,var(--card));border-color:var(--primary)}
.member-dashboard-audiences button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.member-dashboard-audiences small{font-size:11px;color:var(--muted-foreground)}.member-dashboard-role>div{display:flex;justify-content:flex-end;margin-top:2px}
.member-dashboard-audiences label,.member-dashboard-fields>label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:550}.member-dashboard-settings select,.member-dashboard-settings textarea{width:100%;min-height:40px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);font-size:13px}.member-dashboard-settings textarea{min-height:90px;resize:vertical}
.member-dashboard-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.65fr);gap:20px;min-width:0;align-items:start}.member-dashboard-fields{display:flex;flex-direction:column;gap:18px;min-width:0;border:0;padding:0}.member-dashboard-editor-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.member-dashboard-page-links{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.member-dashboard-page-links legend{font-size:13px;font-weight:550;padding:0 4px}.member-dashboard-page-links label{display:flex;gap:10px;align-items:center;font-size:13px}.member-dashboard-page-links small{display:block;font-size:11px;color:var(--muted-foreground)}.member-dashboard-page-links p{font-size:12px;color:var(--muted-foreground)}
.member-dashboard-preview{position:sticky;top:12px;border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--background);overflow-wrap:anywhere}.member-dashboard-preview>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}.member-dashboard-preview>h4{font-weight:650;font-size:20px;line-height:1.3;margin:16px 0 8px}.member-dashboard-preview p{font-size:13px;line-height:1.6;white-space:pre-wrap;color:var(--muted-foreground)}.member-dashboard-preview>div{margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card);font-size:13px}.member-dashboard-preview li{margin-top:7px}.member-dashboard-preview strong{font-weight:600}.member-dashboard-preview>small{display:block;margin-top:14px;color:var(--muted-foreground);font-size:11px;line-height:1.6}.member-dashboard-preview>a{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--primary)}
.member-dashboard-owner{margin:0 20px 20px;border:1px solid var(--border);border-radius:10px;padding:14px}.member-dashboard-owner summary{cursor:pointer;font-weight:600;font-size:13px}.member-dashboard-owner p{margin:10px 0}.member-dashboard-owner>label{display:flex;gap:8px;align-items:center;font-size:13px;margin:14px 0}
.member-dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-top:1px solid var(--border)}.member-dashboard-footer p{font-size:12px;line-height:1.6;color:var(--muted-foreground)}.member-dashboard-loading{padding:28px;border:1px solid var(--border);border-radius:12px;font-size:14px}
@media(max-width:1200px){.member-dashboard-main{grid-template-columns:minmax(0,1fr)}.member-dashboard-preview{position:static}}
@media(max-width:700px){.member-dashboard-header{align-items:flex-start;flex-direction:column;padding:16px}.member-dashboard-layout{grid-template-columns:minmax(0,1fr);padding:16px}.member-dashboard-audiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.member-dashboard-audiences h4,.member-dashboard-audiences>label,.member-dashboard-audiences>p{grid-column:1/-1}.member-dashboard-summary{padding:12px 16px}.member-dashboard-notice{margin:16px 16px 0}.member-dashboard-owner{margin:0 16px 16px}.member-dashboard-footer{padding:16px;flex-direction:column;align-items:stretch}}
.site-media-library { --media-panel:#fff; --media-soft:#f8fafc; --media-line:#dbe4ec; --media-ink:#0f172a; --media-muted:#526477; --media-accent:#0e7490; color:var(--media-ink); display:grid; gap:16px; min-width:0; }
.dark .site-media-library,.site-media-details.dark { --media-panel:#0b1724; --media-soft:#101f2e; --media-line:#26394c; --media-ink:#f1f5f9; --media-muted:#a4b4c5; --media-accent:#67e8f9; }
.site-media-page-header { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.site-media-page-header h2 { margin:4px 0 5px; font-size:27px; font-weight:700; letter-spacing:-.03em; }
.site-media-page-header p { color:var(--media-accent); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.site-media-page-header span { color:var(--media-muted); font-size:13px; }
.site-media-page-header>div:last-child,.site-media-summary { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.site-media-page-header button,.site-media-selection button { gap:7px; min-height:40px; }
.site-media-summary { border-bottom:1px solid var(--media-line); padding:0 0 13px; gap:14px; color:var(--media-muted); font-size:12px; }
.site-media-summary strong { color:var(--media-ink); font-weight:600; }.site-media-summary>button { margin-left:auto; gap:5px; }
.site-media-manager { --media-panel:#fff; --media-soft:#f8fafc; --media-line:#dbe4ec; --media-ink:#0f172a; --media-muted:#526477; --media-accent:#0e7490; color:var(--media-ink); position:relative; border:1px solid var(--media-line); border-radius:16px; background:var(--media-panel); padding:16px; min-width:0; display:flex; flex-direction:column; gap:13px; height:100%; }
.dark .site-media-manager { --media-panel:#0b1724; --media-soft:#101f2e; --media-line:#26394c; --media-ink:#f1f5f9; --media-muted:#a4b4c5; --media-accent:#67e8f9; }
.site-media-browser-toolbar { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.site-media-search { display:flex; align-items:center; position:relative; flex:1 1 250px; min-width:0; }.site-media-search>svg { position:absolute; left:12px; color:var(--media-muted); }.site-media-search input { padding-left:36px; width:100%; min-width:0; height:40px; }
.site-media-manager select { border:1px solid var(--media-line); border-radius:8px; background:var(--media-panel); color:var(--media-ink); min-height:40px; padding:7px 26px 7px 10px; font-size:12px; max-width:100%; }
.site-media-browser-toolbar>button { min-height:40px; gap:6px; }
.site-media-view { display:flex; border:1px solid var(--media-line); border-radius:8px; padding:3px; gap:3px; }.site-media-view button { display:grid; place-items:center; width:34px; height:32px; border-radius:5px; color:var(--media-muted); }.site-media-view [aria-checked=true] { color:var(--media-accent); background:var(--media-soft); }
.site-media-type-filters { display:flex; gap:6px; overflow:auto; padding-bottom:2px; }.site-media-type-filters button { border:1px solid var(--media-line); border-radius:8px; padding:8px 10px; font-size:12px; flex-shrink:0; min-height:36px; }.site-media-type-filters span { color:var(--media-muted); margin-left:7px; font-size:10px; }.site-media-type-filters [aria-pressed=true],.site-media-favorite-active { border-color:var(--media-accent); color:var(--media-accent); background:var(--media-soft); }
.site-media-organization { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }.site-media-organization label { display:flex; gap:4px; align-items:center; min-width:0; flex:0 1 auto; }.site-media-organization label>svg { color:var(--media-muted); }.site-media-reset { min-height:36px; padding:7px; color:var(--media-muted); font-size:11px; }
.site-media-result-count { color:var(--media-muted); font-size:11px; }
.site-media-selection { display:flex; flex-wrap:wrap; gap:8px; align-items:center; background:var(--media-soft); border:1px solid var(--media-line); padding:10px; border-radius:10px; }.site-media-selection>span { font-size:12px; font-weight:600; }.site-media-selection form { display:flex; gap:5px; min-width:0; flex:1 1 220px; }.site-media-selection form input { min-width:0; }.site-media-selection>button:last-child { margin-left:auto; padding:8px; }.site-media-selection .site-media-delete { color:#dc2626; }
.site-media-results { display:grid; gap:12px; min-height:0; overflow-y:auto; align-content:start; }.site-media-results-grid { grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); }.site-media-results article { position:relative; border:1px solid var(--media-line); border-radius:12px; overflow:hidden; min-width:0; }.site-media-results article.is-selected { border-color:var(--media-accent); box-shadow:0 0 0 1px var(--media-accent); }
.site-media-asset-preview { aspect-ratio:4/3; position:relative; background:var(--media-soft); }.site-media-asset-preview>button:first-child { height:100%; width:100%; display:block; }.site-media-asset-preview .site-media-checkbox { position:absolute; top:8px; left:8px; width:29px; height:29px; border:1px solid #94a3b8; border-radius:7px; color:var(--media-ink); background:var(--media-panel); display:grid; place-items:center; }.site-media-checkbox[aria-checked=true] { background:#0891b2; border-color:#0891b2; color:white; }.site-media-private { position:absolute; right:8px; top:8px; background:#0f172a; color:white; padding:3px 6px; font-size:9px; border-radius:4px; }
.site-media-file-preview { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; height:100%; color:var(--media-muted); }.site-media-file-preview>span { font-size:10px; text-transform:uppercase; letter-spacing:.08em; }.site-media-file-preview p { font-size:12px; }
.site-media-asset-info { padding:11px 37px 12px 11px; min-width:0; }.site-media-file-name { font-size:12px; font-weight:600; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; text-align:left; }.site-media-asset-info p { font-size:10px; color:var(--media-muted); margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.site-media-usage { display:block; font-size:9px; color:var(--media-muted); margin-top:5px; }.site-media-asset-favorite { position:absolute; right:7px; bottom:30px; padding:6px; color:var(--media-muted); }.site-media-asset-favorite[aria-pressed=true] { color:#d97706; }.site-media-asset-favorite[aria-pressed=true] svg { fill:#fbbf24; }
.site-media-results-list { grid-template-columns:1fr; }.site-media-results-list article { display:grid; grid-template-columns:95px minmax(0,1fr); }.site-media-results-list .site-media-asset-preview { aspect-ratio:auto; min-height:90px; }.site-media-results-list .site-media-asset-info { align-self:center; padding-left:13px; }.site-media-results-list .site-media-asset-favorite { bottom:32px; }
.site-media-empty { padding:45px 15px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px; color:var(--media-muted); }.site-media-empty h3 { font-size:16px; color:var(--media-ink); font-weight:600; }.site-media-empty p { font-size:12px; max-width:320px; line-height:1.65; }
.site-media-drop-overlay { position:absolute; inset:7px; z-index:3; border:2px dashed var(--media-accent); border-radius:13px; background:var(--media-panel); opacity:.98; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; color:var(--media-accent); text-align:center; padding:20px; }.site-media-drop-overlay span { font-size:12px; color:var(--media-muted); }
.site-media-error,.site-media-notice { padding:11px 13px; border-radius:10px; font-size:12px; line-height:1.6; }.site-media-error { color:#b91c1c; background:#fef2f2; border:1px solid #fecaca; }.dark .site-media-error { color:#fda4af; background:#88133722; border-color:#fda4af44; }.site-media-notice { background:var(--media-soft); border:1px solid var(--media-line); color:var(--media-accent); }
.site-media-help { font-size:11px; color:var(--media-muted); }.site-media-help summary { cursor:pointer; min-height:36px; display:list-item; align-content:center; }.site-media-help p { line-height:1.7; max-width:720px; padding:6px 0 10px; }
.site-media-details { --media-panel:#fff; --media-soft:#f8fafc; --media-line:#dbe4ec; --media-ink:#0f172a; --media-muted:#526477; --media-accent:#0e7490; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:320; width:calc(100vw - 24px); max-width:860px; max-height:calc(100dvh - 24px); display:flex; flex-direction:column; border:1px solid var(--media-line); border-radius:16px; background:var(--media-panel); color:var(--media-ink); box-shadow:0 25px 80px #0006; overflow:hidden; }
.site-media-details>header,.site-media-details>footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:17px 20px; border-bottom:1px solid var(--media-line); }.site-media-details>header h2 { font-size:17px; font-weight:600; }.site-media-details>header p { font-size:11px; color:var(--media-muted); margin-top:5px; max-width:600px; word-break:break-word; }.site-media-details>header button { padding:8px; }
.site-media-details-body { overflow-y:auto; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:23px; padding:20px; }.site-media-detail-preview { border:1px solid var(--media-line); border-radius:10px; background:var(--media-soft); height:240px; overflow:hidden; display:flex; align-items:center; justify-content:center; }.site-media-detail-preview video { width:100%; max-height:240px; }.site-media-detail-preview audio { width:calc(100% - 20px); }.site-media-detail-facts { display:grid; gap:8px; margin:15px 0; font-size:11px; }.site-media-detail-facts>div { display:flex; gap:12px; justify-content:space-between; }.site-media-detail-facts dt { color:var(--media-muted); }.site-media-detail-facts dd { text-align:right; word-break:break-word; }
.site-media-details fieldset { display:grid; gap:15px; }.site-media-details label { display:grid; gap:7px; font-size:12px; font-weight:600; }.site-media-details label>span { font-weight:400; color:var(--media-muted); font-size:10px; }.site-media-detail-hint { color:var(--media-muted); font-size:11px; line-height:1.7; margin-top:20px; }.site-media-details>footer { border-bottom:0; border-top:1px solid var(--media-line); flex-wrap:wrap; }.site-media-details>footer>div { display:flex; gap:7px; }.site-media-details button { gap:7px; }
.site-media-library button:focus-visible,.site-media-library select:focus-visible,.site-media-details button:focus-visible { outline:2px solid var(--media-accent); outline-offset:3px; }.site-media-library button:disabled { opacity:.5; }
[data-editor-site-media-studio-content]>.site-media-manager { overflow:hidden; }
@media(max-width:640px) { .site-media-library { gap:12px; }.site-media-page-header { gap:12px; }.site-media-page-header h2 { font-size:23px; }.site-media-page-header span { font-size:12px; }.site-media-page-header>div:last-child { width:100%; }.site-media-page-header>div:last-child>button:last-child { margin-left:auto; }.site-media-summary { gap:10px; font-size:10px; }.site-media-manager { padding:12px; gap:11px; }.site-media-browser-toolbar { gap:7px; }.site-media-search { flex-basis:100%; }.site-media-browser-toolbar>select { flex:1; min-width:0; }.site-media-organization label { flex:1 1 120px; }.site-media-organization select { width:100%; }.site-media-organization>label:first-child { flex-basis:calc(50% - 8px); }.site-media-type-filters button { font-size:11px; padding:7px 9px; }.site-media-results-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.site-media-asset-info { padding:9px 29px 10px 9px; }.site-media-asset-favorite { right:3px; }.site-media-selection form { flex-basis:100%; order:1; }.site-media-details-body { grid-template-columns:1fr; padding:16px; gap:20px; }.site-media-detail-preview { height:210px; }.site-media-details>header,.site-media-details>footer { padding:14px 16px; }.site-media-empty { padding:28px 10px; } }