/* Isolated overlays and asset pickers for SWAG Command Center. */
html[data-theme="command-center"] .studio-emoji-modal { position:fixed;z-index:1500;inset:0;padding:22px;display:grid;place-items:center;pointer-events:auto;background:rgba(2,2,4,.76);backdrop-filter:blur(12px);animation:command-modal-backdrop-in .2s ease both; }
html[data-theme="command-center"] body:has(.studio-emoji-modal:not([hidden])) { overflow:hidden; }
html[data-theme="command-center"] .studio-emoji-modal[hidden] { display:none!important; }
html[data-theme="command-center"] .studio-modal-backdrop { position:absolute;z-index:0;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:default; }
html[data-theme="command-center"] .studio-emoji-modal > section { width:min(660px,calc(100vw - 32px));height:min(680px,calc(100vh - 44px));max-height:none;position:relative;z-index:1;left:auto!important;top:auto!important;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid #3a3244;border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.1),transparent 30%),#0b0b0e;box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 0 1px rgba(139,92,246,.05);pointer-events:auto;animation:command-modal-panel-in .28s cubic-bezier(.22,.8,.2,1) both; }
html[data-theme="command-center"] .studio-emoji-modal > section > header { min-height:82px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #29272f;background:rgba(13,12,16,.92); }
html[data-theme="command-center"] .studio-emoji-modal > section > header > div { min-width:0;display:grid;gap:5px; }
html[data-theme="command-center"] .studio-emoji-modal h2 { margin:0;color:#f7f5fb;font:720 20px Space Grotesk,Inter,sans-serif;letter-spacing:-.02em; }
html[data-theme="command-center"] .studio-emoji-modal p { margin:0;color:#85808d;font-size:10px;line-height:1.45; }
html[data-theme="command-center"] .studio-emoji-modal header > button { width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #35313a;border-radius:9px;color:#aaa4b2;background:#151419;cursor:pointer;transition:.2s ease; }
html[data-theme="command-center"] .studio-emoji-modal header > button:hover { color:#fff;border-color:#5b4777;background:#21182e;transform:rotate(3deg); }
html[data-theme="command-center"] .studio-emoji-modal header > button .ui-icon { width:17px;height:17px; }
html[data-theme="command-center"] .studio-emoji-modal > section > .studio-search { min-height:48px;margin:13px 15px 5px!important;padding:0 13px;grid-column:auto;grid-row:auto;border-color:#34303a;background:#0f0e12; }
html[data-theme="command-center"] .studio-emoji-modal > section > .studio-search input { width:100%;min-width:0;color:#f3f1f6;font-size:11px; }
html[data-theme="command-center"] .studio-emoji-grid { min-height:0;padding:11px 15px 16px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(70px,auto);align-content:start;gap:7px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4b3769 #111015; }
html[data-theme="command-center"] .studio-emoji-grid::-webkit-scrollbar { width:7px; }
html[data-theme="command-center"] .studio-emoji-grid::-webkit-scrollbar-track { background:#111015; }
html[data-theme="command-center"] .studio-emoji-grid::-webkit-scrollbar-thumb { border-radius:99px;background:#4b3769; }
html[data-theme="command-center"] .studio-emoji-grid > button { min-width:0;min-height:70px;padding:7px 5px;position:relative;display:grid;grid-template-rows:38px auto;place-items:center;gap:5px;overflow:hidden;border:1px solid #29272f;border-radius:9px;color:#85808c;background:#121116;cursor:pointer;transition:transform .18s cubic-bezier(.22,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease; }
html[data-theme="command-center"] .studio-emoji-grid > button:hover { z-index:1;transform:translateY(-2px);border-color:#61478a;color:#fff;background:#1b1523;box-shadow:0 10px 24px rgba(0,0,0,.28); }
html[data-theme="command-center"] .studio-emoji-grid > button:focus-visible,html[data-theme="command-center"] .studio-copy-guild > div button:focus-visible { outline:0;border-color:#a78bfa;box-shadow:0 0 0 3px rgba(139,92,246,.16); }
html[data-theme="command-center"] .studio-emoji-grid > button.is-selected { border-color:#8b5cf6;color:#fff;background:#25193a;box-shadow:inset 0 0 0 1px rgba(167,139,250,.2),0 0 18px rgba(109,40,217,.1); }
html[data-theme="command-center"] .studio-emoji-grid > button.is-selected::after { content:"";width:7px;height:7px;position:absolute;right:6px;top:6px;border:2px solid #241538;border-radius:50%;background:#c4b5fd;box-shadow:0 0 10px rgba(167,139,250,.5); }
html[data-theme="command-center"] .studio-emoji-grid img { width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;display:block;object-fit:contain; }
html[data-theme="command-center"] .studio-emoji-grid span { width:100%;max-width:100%;overflow:hidden;color:inherit;font:650 7px DM Mono,monospace;text-align:center;text-overflow:ellipsis;white-space:nowrap; }
html[data-theme="command-center"] .studio-emoji-grid .studio-no-emoji { height:36px;display:grid;place-items:center;color:#a9a4af;font-size:8px!important;line-height:1.2;white-space:normal!important; }
html[data-theme="command-center"] .studio-copy-modal > section { width:min(900px,calc(100vw - 32px));height:min(760px,calc(100vh - 44px)); }
html[data-theme="command-center"] .studio-copy-toolbar { padding:13px 15px;display:block;border-bottom:1px solid #28262d; }
html[data-theme="command-center"] .studio-copy-toolbar .studio-search { margin:0!important; }
html[data-theme="command-center"] .studio-copy-emoji-results { min-height:0;padding:15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4b3769 #111015; }
html[data-theme="command-center"] .studio-copy-guild { padding:0 0 17px; }
html[data-theme="command-center"] .studio-copy-guild + .studio-copy-guild { margin-top:17px;padding-top:17px;border-top:1px solid #28262d; }
html[data-theme="command-center"] .studio-copy-guild > header { margin-bottom:11px;display:flex;align-items:center;gap:10px; }
html[data-theme="command-center"] .studio-copy-guild > header img,html[data-theme="command-center"] .studio-copy-guild > header svg { width:36px;height:36px;object-fit:cover;border:1px solid #34313a;border-radius:9px;background:#111015; }
html[data-theme="command-center"] .studio-copy-guild > header > div { display:grid;gap:3px; }
html[data-theme="command-center"] .studio-copy-guild > header strong { font-size:11px; }
html[data-theme="command-center"] .studio-copy-guild > header small { color:#7c7783;font-size:8px; }
html[data-theme="command-center"] .studio-copy-guild > div { display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px; }
html[data-theme="command-center"] .studio-copy-guild > div button { min-width:0;min-height:72px;padding:7px 5px;display:grid;grid-template-rows:38px auto;place-items:center;gap:5px;overflow:hidden;border:1px solid #29272f;border-radius:9px;color:#85808c;background:#121116;cursor:pointer; }
html[data-theme="command-center"] .studio-copy-guild > div button:hover { border-color:#61478a;color:#fff;background:#1b1523; }
html[data-theme="command-center"] .studio-copy-guild > div img { width:36px!important;height:36px!important;max-width:36px!important;object-fit:contain; }
html[data-theme="command-center"] .studio-copy-guild > div span { width:100%;overflow:hidden;font:650 7px DM Mono;text-overflow:ellipsis;white-space:nowrap; }
html[data-theme="command-center"] .studio-copy-loading,html[data-theme="command-center"] .studio-empty { min-height:180px;padding:36px;display:grid;place-items:center;color:#85808c;font-size:10px;text-align:center; }
html[data-theme="command-center"] .revision-panel { padding:0 12px 12px;display:grid;gap:6px; }
html[data-theme="command-center"] .revision-panel > button { min-height:42px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid #2d2a32;border-radius:7px;color:#a7a2ad;background:#101014; }
html[data-theme="command-center"] .revision-panel > button:hover { border-color:#594275;color:#fff;background:#19131f; }
html[data-theme="command-center"] .revision-panel > button small { color:#a98fe0;font:700 7px DM Mono;text-transform:uppercase; }

/* Discord-like picker: compact, anchored to the control and optimized for scanning. */
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) { padding:0;display:block;pointer-events:none;background:transparent;backdrop-filter:none;animation:none; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-modal-backdrop { pointer-events:auto;background:transparent; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) > section { width:min(390px,calc(100vw - 24px));height:min(430px,calc(100vh - 24px));position:fixed;left:var(--picker-left,12px)!important;top:var(--picker-top,12px)!important;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid #34353c;border-radius:12px;background:#111214;box-shadow:0 18px 55px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025);pointer-events:auto;transform-origin:85% 100%;animation:command-emoji-pop .18s cubic-bezier(.2,.8,.2,1) both; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) > section > header { min-height:56px;padding:11px 12px;border-bottom:0;background:#111214; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) h2 { font:750 13px Space Grotesk,Inter,sans-serif;letter-spacing:0; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) header p { margin-top:2px;color:#7f8189;font-size:8px; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) header > button { width:30px;height:30px;flex-basis:30px;border:0;border-radius:6px;background:transparent; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) > section > .studio-search { min-height:40px;margin:0 10px 8px!important;padding:0 10px;border-color:#3b3d44;border-radius:7px;background:#1a1b1e; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) > section > .studio-search:focus-within { border-color:#8064ef;box-shadow:0 0 0 2px rgba(88,101,242,.18); }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid { padding:4px 9px 10px;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:48px;gap:3px;scrollbar-color:#3d3e44 transparent; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid > button { min-height:48px;height:48px;padding:4px;display:grid;grid-template-rows:1fr;place-items:center;border-color:transparent;border-radius:7px;background:transparent; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid > button:hover { transform:none;border-color:transparent;background:#292b2f;box-shadow:none; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid > button.is-selected { border-color:#7662d9;background:#333053;box-shadow:inset 0 0 0 1px rgba(196,181,253,.12); }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid img { width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid span { display:none; }
html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid .studio-no-emoji { width:100%;height:auto;display:grid;color:#b7b8bf;font-size:7px!important; }
@keyframes command-emoji-pop { from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none} }
@keyframes command-modal-backdrop-in { from{opacity:0}to{opacity:1} }
@keyframes command-modal-panel-in { from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none} }
@media(max-width:760px){html[data-theme="command-center"] .studio-emoji-modal{padding:10px}html[data-theme="command-center"] .studio-emoji-modal>section{width:100%;height:min(760px,calc(100vh - 20px));border-radius:12px}html[data-theme="command-center"] .studio-emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding-inline:11px}html[data-theme="command-center"] .studio-copy-guild>div{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:420px){html[data-theme="command-center"] .studio-emoji-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-theme="command-center"] .studio-copy-guild>div{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-theme="command-center"] .studio-emoji-modal h2{font-size:17px}html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal)>section{width:100%;height:min(560px,72vh);left:0!important;right:0;top:auto!important;bottom:0;border-width:1px 0 0;border-radius:15px 15px 0 0;transform-origin:50% 100%;animation-name:command-emoji-sheet}html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:46px;padding-inline:8px}html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) .studio-emoji-grid>button{height:46px;min-height:46px}html[data-theme="command-center"] .studio-emoji-modal.is-portaled:not(.studio-copy-modal) h2{font-size:13px}}
@keyframes command-emoji-sheet { from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none} }
