.catalog-management{container-type:inline-size}.catalog-heading{margin-bottom:26px}.catalog-heading h2{font-size:30px;line-height:1.25;margin:12px 0}.catalog-heading p{font-size:13px;line-height:1.8;color:#6a82a5;max-width:720px}.catalog-toolbar{display:flex;gap:12px;margin-bottom:24px}.catalog-toolbar .button{padding:12px 18px;font-size:12px}.catalog-item-list{display:grid;gap:16px}.catalog-item{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #d9e5f8;background:#f8fbff;border-radius:20px}.catalog-list-art{width:116px;height:72px;object-fit:cover;border-radius:12px;background:#edf4ff}.catalog-item>div:first-of-type{min-width:0;flex:1}.catalog-item h3{font-size:18px;margin:0 0 10px;overflow-wrap:anywhere}.catalog-item p{font-size:12px;color:#6b83a5;margin:9px 0}.catalog-item .platform-pills{margin-top:10px}.catalog-item .platform-badge{font-size:10px;padding:5px 8px}.catalog-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end;max-width:230px}.catalog-item-actions .button{font-size:11px;padding:10px 14px}.catalog-delete,.catalog-clear{border:0;background:transparent;color:#ac566b;padding:9px;cursor:pointer;font:inherit;font-size:11px}.catalog-status{display:inline-block;font-size:10px;font-weight:750;border-radius:7px;padding:4px 8px;background:#eaf0fa;color:#6b80a2}.catalog-status.published{background:#def8eb;color:#087d57}.catalog-empty{padding:35px;border:1px dashed #c6d9f2;background:#f6faff;border-radius:20px;text-align:center;color:#6c82a3;font-size:13px}.catalog-game-summary{display:flex;align-items:center;gap:22px;padding:20px;margin-bottom:26px;background:#f3f8ff;border:1px solid #d7e5f9;border-radius:20px}.catalog-game-summary>img{width:140px;height:88px;object-fit:cover;border-radius:13px}.catalog-game-summary>div{flex:1;min-width:0}.catalog-game-summary h3{margin:0 0 10px}.catalog-game-summary .button{font-size:12px;padding:12px}.catalog-history{border-top:1px solid #d9e4f6;margin-top:28px;padding:20px 0;color:#687f9f;font-size:12px}.catalog-history summary{font-weight:750;cursor:pointer}.catalog-history>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.catalog-history .button{font-size:10px;padding:8px 12px}#catalog-wizard{max-width:none!important;display:block}.catalog-steps{display:flex;gap:7px;margin:25px 0;overflow:hidden}.catalog-steps button{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font:inherit;font-size:11px;padding:12px 8px;border:1px solid #d8e4f6;border-radius:12px;background:#f3f7ff;color:#8193ae}.catalog-steps b{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#e6edf8}.catalog-steps button.current{border-color:#a2bff6;background:#eef2ff;color:#5e60c5}.catalog-steps button.complete{background:#e7f8ee;color:#08815a;border-color:#bae7d0}.catalog-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.85fr);gap:28px;align-items:start}.catalog-edit-column{min-width:0}.catalog-edit-column>section{display:grid;gap:18px}.catalog-edit-column h3{font-size:22px;line-height:1.4;margin:0 0 12px}.catalog-edit-column p{font-size:12px;color:#6980a4;line-height:1.8}.catalog-language-fields{display:grid;gap:16px}.catalog-language-fields small{font-size:10px;color:#7c90ac}.catalog-parent{margin:0;padding:12px;border-radius:10px;background:#eef4ff}.catalog-platforms{display:flex!important;flex-wrap:wrap;gap:14px!important}.catalog-platforms label{display:flex!important;align-items:center;gap:7px;flex-direction:row}.catalog-platforms input[type=checkbox]{width:17px;height:17px}.catalog-upload{display:grid;grid-template-columns:minmax(0,1fr) 115px;align-items:center;gap:20px;padding:18px;border:1px solid #d7e4f6;background:#f5f9ff;border-radius:17px}.catalog-upload strong{font-size:13px}.catalog-upload img{width:115px;height:78px;border-radius:12px;object-fit:contain;background:#e8f1ff}.catalog-upload p{font-size:10px!important;margin:8px 0}.catalog-upload-button{display:inline-flex!important;width:fit-content;cursor:pointer;align-items:center;border:1px solid #b9cff1;padding:10px 12px;border-radius:10px;background:#fff;color:#526f9f;font-size:11px!important}.catalog-upload-button input{width:1px!important;height:1px;opacity:0;position:absolute;overflow:hidden;padding:0!important;pointer-events:none}.catalog-upload-button:focus-within{outline:3px solid #6fb9fa}.catalog-clear{display:block;padding:8px 0;color:#687fa3;font-size:10px}.catalog-text-languages{display:flex;gap:10px}.catalog-text-languages button{font:inherit;font-size:12px;border:1px solid #c8daf7;border-radius:10px;background:#f3f8ff;padding:9px 15px;color:#617a9f;cursor:pointer}.catalog-text-languages [aria-pressed=true]{background:#eaeaff;color:#6455d0;border-color:#c1b8f7}.catalog-rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.catalog-rich-toolbar button{min-width:33px;min-height:33px;padding:5px 9px;border:1px solid #d3e0f6;border-radius:8px;background:#f1f7ff;color:#506d9f;cursor:pointer;font:inherit;font-size:12px}.catalog-rich-editor{min-height:260px;max-height:480px;overflow:auto;outline:0;border:1px solid #bfd4f8;border-radius:15px;padding:18px;background:#fff;font-size:14px;line-height:1.8}.catalog-rich-editor:focus{box-shadow:0 0 0 3px #72b9fc2b;border-color:#7caceb}.catalog-rich-editor h2{font-size:24px}.catalog-rich-editor h3{font-size:20px}.catalog-rich-editor h2:first-child{margin-top:0}.catalog-wizard-footer{display:flex;gap:12px;justify-content:space-between;margin-top:28px}.catalog-wizard-footer .button{font-size:12px;padding:12px 16px}.catalog-form-status{font-size:12px;color:#a64864;line-height:1.6;margin-top:14px}.catalog-save-summary{padding:20px;border:1px solid #d6e5fa;border-radius:14px;background:#f3f9ff}.catalog-save-summary p{overflow-wrap:anywhere}.catalog-save-summary small{color:#7189a9}.catalog-live-preview{position:sticky;top:20px;min-width:0;border:1px solid #d1dff7;background:#f3f8ff;border-radius:20px;padding:20px}.catalog-live-preview>.eyebrow{font-size:9px}.catalog-preview-content{margin-top:16px;border:1px solid #d5e2f5;border-radius:15px;overflow:hidden;background:#fff;max-height:620px;overflow-y:auto}.catalog-preview-banner{aspect-ratio:3.25;background:#e8f1ff}.catalog-preview-banner img{width:100%;height:100%;object-fit:cover}.catalog-preview-body{padding:20px}.catalog-preview-body h3{font-size:23px;line-height:1.25;margin:15px 0;overflow-wrap:anywhere}.catalog-preview-body>.motion-glyph{width:45px;height:45px}.catalog-preview-body .platform-pills{margin-bottom:18px}.catalog-preview-body .platform-badge{font-size:10px;padding:5px 7px}.catalog-preview-body .service-rich-copy{font-size:12px}.catalog-preview-body .service-rich-copy h2{font-size:19px}.catalog-preview-body .service-rich-copy h3{font-size:17px}.catalog-preview-target{font-size:12px;color:#6679c3;display:block;margin:12px 0}.catalog-discord-preview{display:grid;gap:12px;border:1px solid #cedefa;background:#f4f9ff;padding:18px;margin-top:20px;border-radius:13px;font-size:12px}.catalog-discord-preview span{display:block;padding:11px;border-radius:9px;background:linear-gradient(110deg,#168bf1,#8055eb);color:#fff;text-align:center}.catalog-preview-toggle{display:none}.service-custom-icon{display:inline-grid;place-items:center;width:58px;height:58px;flex-shrink:0;padding:6px;border-radius:15px;border:1px solid #d3e2f7;background:#f4f9ff}.service-custom-icon img{width:100%;height:100%;object-fit:contain}.service-detail-title .service-custom-icon{width:70px;height:70px}.service-ordering-disclosure{padding:0!important;overflow:hidden;border:1px solid #bdd6f4;border-radius:20px;margin-top:32px;background:linear-gradient(115deg,#fbfdff,#edf5ff)}.service-ordering-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;list-style:none;cursor:pointer}.service-ordering-disclosure>summary::-webkit-details-marker{display:none}.service-ordering-disclosure .ordering-heading{display:flex;align-items:center;gap:20px}.service-ordering-disclosure .ordering-heading strong{font-size:16px;color:#375987}.service-ordering-disclosure .motion-glyph{width:42px;height:42px}.ordering-expand{display:flex;align-items:center;gap:12px;border:1px solid #c7dafa;border-radius:10px;background:#fff;padding:10px 14px;font-size:12px;color:#5e76aa;flex-shrink:0}.ordering-expand>span{transition:transform .2s}.service-ordering-disclosure[open] .ordering-expand>span{transform:rotate(180deg)}.service-ordering-disclosure>.service-rich-copy{padding:4px 28px 20px}.service-ordering-disclosure>.service-discord{margin:0 28px 28px;width:fit-content}.service-ordering-disclosure summary:focus-visible{outline:3px solid #74baf8;outline-offset:-4px}@container(max-width:820px){.catalog-wizard-layout{grid-template-columns:minmax(0,1fr)}.catalog-live-preview{position:static}.catalog-live-preview .catalog-preview-content{display:none}.catalog-live-preview.is-preview-open .catalog-preview-content{display:block}.catalog-preview-toggle{display:block;width:100%;margin-top:12px;padding:12px;border:1px solid #c2d6f5;border-radius:10px;background:#fff;color:#5b70a7;cursor:pointer;font:inherit;font-size:12px}.catalog-item{flex-wrap:wrap}.catalog-item-actions{max-width:none;justify-content:flex-start;width:100%}.catalog-list-art{width:95px;height:65px}.catalog-steps button span{display:none}.catalog-steps button{justify-content:center}}@media(max-width:650px){.catalog-steps button span{display:none}.catalog-wizard-layout{grid-template-columns:1fr}.catalog-upload{grid-template-columns:minmax(0,1fr) 90px;padding:14px;gap:12px}.catalog-upload img{width:90px;height:66px}.catalog-game-summary{flex-wrap:wrap}.catalog-game-summary>img{width:100px;height:65px}.catalog-toolbar{flex-wrap:wrap}.catalog-wizard-footer .button{font-size:11px;padding:11px}.service-ordering-disclosure>summary{padding:18px;gap:12px}.service-ordering-disclosure .ordering-heading{gap:10px}.service-ordering-disclosure .ordering-heading strong{font-size:13px}.ordering-expand{font-size:11px;padding:9px}.service-ordering-disclosure .motion-glyph{display:none}.service-ordering-disclosure>.service-rich-copy{padding:0 18px 18px}.service-ordering-disclosure>.service-discord{margin:0 18px 20px}}@media(prefers-reduced-motion:reduce){.ordering-expand>span{transition:none}}

.catalog-live-preview .motion-glyph{--service-accent:inherit}