.content-selection{display:grid;gap:1rem;margin-block:1.25rem}.content-selection__source{border:0;display:grid;gap:.5rem;margin:0;padding:0}.content-selection__source-options{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.content-selection__source-option{align-items:center;border:1px solid var(--border-color, #d6d9e0);border-radius:.75rem;cursor:pointer;display:flex;gap:.5rem;padding:.75rem}.content-selection__panel{border-top:1px solid var(--border-color, #d6d9e0);display:grid;gap:1rem;padding-top:1rem}.content-selection__panel[hidden],.content-selection__field-error[hidden],.content-selection__summary[hidden],.content-pack-modal [hidden]{display:none}.content-selection__fields{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.content-selection__field{min-width:0}.content-selection__field-error,.content-selection__summary{color:var(--danger-color, #b42318);font-size:.875rem;margin-top:.375rem}.content-selection [aria-invalid=true]{border-color:var(--danger-color, #b42318)}.content-selection__pack-summary{margin:0}.content-pack-modal{background:var(--surface-container-low, #14192a);border:1px solid rgba(255,177,193,.2);border-radius:1.5rem;box-shadow:0 28px 80px #01061294;color:var(--primary-text, #dde1fb);font-family:var(--font-family);max-height:min(88dvh,760px);max-width:46rem;overflow:hidden;padding:0;width:calc(100% - 2rem)}.content-pack-modal::backdrop{background:#010612b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-pack-modal__header,.content-pack-modal__footer{align-items:center;background:var(--surface-container-low, #14192a);display:flex;gap:.75rem;justify-content:space-between;padding:1.125rem 1.25rem}.content-pack-modal__header{border-bottom:1px solid var(--border-color, rgba(223, 225, 251, .15))}.content-pack-modal__header h2{color:var(--primary-text, #dde1fb);flex:1 1 auto;font-family:var(--font-family-display, var(--font-family));font-size:clamp(1.25rem,3vw,1.625rem);line-height:1.2;margin:0}.content-pack-modal__global-controls{flex:0 0 auto}.content-pack-modal__global-controls .nav-language-switcher__trigger{background:var(--surface-container-highest, #2f3448);border:1px solid rgba(223,225,251,.18);border-radius:999px;box-shadow:none;color:var(--primary-text, #dde1fb);font-size:.875rem;min-height:2.625rem;padding:.625rem .875rem}.content-pack-modal__global-controls .nav-language-switcher__menu{background:var(--surface-container-high, #24293c);border-color:#dfe1fb2e}.content-pack-modal__body{display:grid;gap:.75rem;max-height:54dvh;overflow-y:auto;padding:1rem 1.25rem;scrollbar-color:var(--surface-container-highest, #2f3448) transparent}.content-pack-modal>.btn-secondary{background:#63f7ff0f;border:1px dashed rgba(99,247,255,.46);border-radius:.75rem;color:var(--accent-secondary-color, #63f7ff);margin:0 1.25rem 1rem;min-height:2.75rem;padding:.625rem 1rem}.content-pack-modal>.btn-secondary:hover:not(:disabled){background:#63f7ff1f;border-color:var(--accent-secondary-color, #63f7ff);box-shadow:0 0 20px #63f7ff14;color:var(--link-color-hover, #e6feff);transform:none}.content-pack-modal__group{background:var(--surface-container, #1a1f31);border:1px solid var(--border-color, rgba(223, 225, 251, .15));border-radius:1rem;display:grid;gap:.875rem;padding:.75rem}.content-pack-modal__group-header,.content-pack-modal__role-row{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto}.content-pack-modal__group-header>:first-child{min-width:0;overflow-wrap:anywhere;text-align:start}.content-pack-modal__group-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:.625rem;color:var(--primary-text, #dde1fb);cursor:pointer;font:inherit;font-weight:var(--font-weight-bold, 700);line-height:1.35;min-height:2.75rem;padding:.625rem 2.25rem .625rem .75rem;position:relative;transition:background-color .18s ease,color .18s ease;width:100%}.content-pack-modal__group-toggle:after{border-bottom:2px solid currentcolor;border-right:2px solid currentcolor;content:"";height:.5rem;position:absolute;right:.875rem;top:50%;transform:translateY(-65%) rotate(45deg);transition:transform .18s ease;width:.5rem}.content-pack-modal__group-toggle[aria-expanded=true]{background:#63f7ff14;color:var(--link-color-hover, #e6feff)}.content-pack-modal__group-toggle[aria-expanded=true]:after{transform:translateY(-30%) rotate(225deg)}.content-pack-modal__group-toggle:hover{background:#63f7ff14}.content-pack-modal__delete-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e74c3c14;border:1px solid rgba(255,126,139,.36);border-radius:.625rem;color:#ff9aa5;cursor:pointer;font:inherit;font-size:.8125rem;font-weight:var(--font-weight-bold, 700);min-height:2.625rem;padding:.5rem .75rem;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.content-pack-modal__delete-action:hover:not(:disabled){background:#e74c3c29;border-color:#ff9aa5b3;color:#ffd2d7}.content-pack-modal__delete-action:disabled{cursor:not-allowed;opacity:.38}.content-pack-modal__editor,.content-pack-modal__roles{display:grid;gap:.75rem}.content-pack-modal__editor{border-top:1px solid var(--border-color, rgba(223, 225, 251, .15));padding:.875rem .75rem .25rem}.content-pack-modal__field{min-width:0}.content-pack-modal .input-label{color:var(--secondary-text, #bfc7d4);font-size:.875rem;font-weight:var(--font-weight-medium, 500);margin-bottom:.375rem}.content-pack-modal .input-field{background:var(--surface-container-lowest, #080d1f);border:1px solid rgba(223,225,251,.2);border-radius:.75rem;color:var(--primary-text, #dde1fb);min-height:3rem;padding:.75rem .875rem}.content-pack-modal .input-field:focus{border-color:var(--accent-secondary-color, #63f7ff);box-shadow:0 0 0 3px var(--accent-secondary-glow, rgba(0, 244, 254, .28))}.content-pack-modal__role-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#63f7ff0f;border:1px solid rgba(99,247,255,.38);border-radius:.625rem;color:var(--accent-secondary-color, #63f7ff);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:var(--font-weight-bold, 700);justify-self:start;min-height:2.5rem;padding:.5rem .75rem}.content-pack-modal__role-add:hover:not(:disabled){background:#63f7ff1f}.content-pack-modal__role-add:disabled{cursor:not-allowed;opacity:.42}.content-pack-modal__group-toggle:focus-visible,.content-pack-modal__delete-action:focus-visible,.content-pack-modal__role-add:focus-visible,.content-pack-modal>.btn-secondary:focus-visible,.content-pack-modal__footer .btn:focus-visible{outline:3px solid var(--accent-secondary-glow, rgba(0, 244, 254, .28));outline-offset:2px}.content-pack-modal__field [aria-invalid=true],.content-pack-modal [aria-invalid=true]{border-color:var(--danger-color, #b42318)}.content-pack-modal__field [data-custom-content-error],.content-pack-modal__error-summary{color:var(--danger-color, #b42318);font-size:.875rem;margin-top:.375rem}.content-pack-modal__error-summary{padding-inline:1.25rem}.content-pack-modal__footer{border-top:1px solid var(--border-color, rgba(223, 225, 251, .15));justify-content:flex-end;position:sticky;bottom:0}.content-pack-modal__footer .btn{border-radius:.75rem;min-height:3rem;padding-inline:1.25rem}.content-pack-modal__footer .btn-secondary{background:var(--surface-container-high, #24293c);border:1px solid rgba(223,225,251,.18);color:var(--primary-text, #dde1fb)}.content-pack-modal__footer .btn-secondary:hover:not(:disabled){background:var(--surface-container-highest, #2f3448);border-color:#dfe1fb4d;color:var(--link-color-hover, #e6feff);transform:none}.content-pack-modal__footer .btn-primary{background:linear-gradient(135deg,var(--online-coral-soft, #ffb1c1),var(--online-coral, #ff5c8d));box-shadow:0 12px 26px #ff5c8d3d;color:var(--btn-primary-text, #0d1224);font-weight:var(--font-weight-bold, 700)}@media (max-width: 640px){.content-selection__source-options,.content-selection__fields{grid-template-columns:1fr}.content-selection__remove-role{justify-self:start}}@media (max-width: 390px){.content-pack-modal{border-radius:1.125rem;max-height:calc(100dvh - 1rem);width:calc(100% - 1rem)}.content-pack-modal__header{display:grid;grid-template-columns:minmax(0,1fr) auto}.content-pack-modal__header h2{font-size:1.125rem;min-width:0;overflow-wrap:anywhere}.content-pack-modal__body{padding:.75rem}.content-pack-modal>.btn-secondary{margin:0 .75rem .75rem;width:calc(100% - 1.5rem)}.content-pack-modal__group-header,.content-pack-modal__role-row,.content-pack-modal__footer{align-items:stretch;grid-template-columns:1fr}.content-pack-modal__footer{display:grid}.content-pack-modal__footer .btn{width:100%}}