@font-face{font-family:Coffee Extra;src:url('fonts/CoffeeExtra.woff2') format('woff2');font-display:swap}@font-face{font-family:Nunito;src:url('fonts/Nunito.ttf') format('truetype');font-display:swap}
#mgs-eigen{--eg-ink:#fff;--eg-muted:#c6b5d9;--eg-yellow:#ffdb67;--eg-panel:#322044;box-sizing:border-box;isolation:isolate;color:var(--eg-ink);font:16px/1.55 Nunito,Arial,sans-serif;background:radial-gradient(ellipse at 95% 0,#61377766,transparent 45%),radial-gradient(ellipse at 2% 100%,#512c7155,transparent 45%),#201329;border-radius:28px;padding:28px 40px 0;max-width:1180px;margin:24px auto;min-height:85vh;overflow:hidden}
#mgs-eigen *{box-sizing:border-box}#mgs-eigen [hidden]{display:none!important}#mgs-eigen h1,#mgs-eigen h2,#mgs-eigen p{margin:0}#mgs-eigen h1,#mgs-eigen h2{font-family:Coffee Extra,Nunito,sans-serif;font-weight:400;color:#fff;line-height:1.15}#mgs-eigen h1{font-size:clamp(32px,4vw,52px);margin:12px 0 16px}#mgs-eigen h2{font-size:27px;margin:18px 0}#mgs-eigen button,#mgs-eigen input,#mgs-eigen select,#mgs-eigen textarea{font:inherit}#mgs-eigen button{cursor:pointer;border:1px solid transparent;border-radius:14px;padding:12px 20px;background:#efb2dc;color:#241329;font-weight:800;line-height:1.35;transition:background .15s,transform .15s}#mgs-eigen button:hover{background:#f6cce9;color:#241329;transform:translateY(-1px)}#mgs-eigen button:disabled{opacity:.45;cursor:default;transform:none}#mgs-eigen button:focus-visible,#mgs-eigen a:focus-visible,#mgs-eigen input:focus-visible,#mgs-eigen select:focus-visible,#mgs-eigen textarea:focus-visible{outline:3px solid #ffdb67;outline-offset:3px}#mgs-eigen .eg-yellow{background:#ffdb67;color:#251535}#mgs-eigen .eg-yellow:hover{background:#ffe99c}#mgs-eigen .eg-quiet{background:transparent;color:#edd9f8;border-color:#715581}#mgs-eigen .eg-quiet:hover{background:#513460;color:#fff}#mgs-eigen input:not([type=checkbox]),#mgs-eigen select,#mgs-eigen textarea{width:100%;background:#fff9ff;border:2px solid transparent;color:#281932;border-radius:12px;padding:13px 16px;line-height:1.45}#mgs-eigen input[type=checkbox]{width:22px;height:22px;accent-color:#dda2d0;flex-shrink:0}#mgs-eigen .eg-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px}#mgs-eigen .eg-header img{object-fit:contain;max-width:170px;max-height:90px}#mgs-eigen .eg-saved{font-size:13px;color:var(--eg-muted)}#mgs-eigen .eg-steps{display:flex;gap:8px;border-top:1px solid #ffffff18;padding:20px 0}#mgs-eigen .eg-steps button{font-size:14px;background:transparent;color:#b5a0c9;padding:9px 16px;flex:1;white-space:nowrap}#mgs-eigen .eg-steps button.active{background:#eeb3db;color:#251535;opacity:1}#mgs-eigen .eg-steps button.complete{color:#f2dbfc}#mgs-eigen .eg-heading{max-width:800px;margin:25px 0 34px}#mgs-eigen .eg-heading p{color:var(--eg-muted);font-size:18px}#mgs-eigen .eg-eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:900;color:#e6b4de}#mgs-eigen .eg-content{padding-bottom:36px}#mgs-eigen .eg-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}#mgs-eigen .eg-theme{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#352342;border:2px solid transparent;color:white;padding:14px 10px;min-height:145px}#mgs-eigen .eg-theme:hover,#mgs-eigen .eg-theme[aria-pressed=true]{background:#533561;border-color:#f4c4e5;color:#fff}#mgs-eigen .eg-theme img{height:88px;max-width:100%;object-fit:contain}#mgs-eigen .eg-theme strong{font-size:13px;margin-top:10px}#mgs-eigen .eg-empty-theme{font-size:40px;color:#ffd76f;line-height:88px}#mgs-eigen .eg-formats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 28px}#mgs-eigen .eg-formats button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#33203f;border:2px solid #60466e;color:white;padding:20px}#mgs-eigen .eg-formats button:hover,#mgs-eigen .eg-formats button[aria-pressed=true]{border-color:#ffdb67;background:#493044;color:white}#mgs-eigen .eg-formats strong{font:28px Coffee Extra,Nunito,sans-serif}#mgs-eigen .eg-formats small{color:#dbc8e2}#mgs-eigen .eg-footer{display:flex;align-items:center;gap:15px;padding:22px 0;border-top:1px solid #ffffff22;flex-wrap:wrap}#mgs-eigen .eg-footer>span{margin-right:auto;font-size:13px;color:#cbb5db}#mgs-eigen .eg-footer button{font-size:14px}#mgs-eigen .eg-notice{background:#ffe7b4;color:#372037;padding:16px 20px;border-radius:12px;margin:10px 0;line-height:1.5}#mgs-eigen .eg-counter{display:flex;align-items:center;gap:12px;margin:20px 0 30px}#mgs-eigen .eg-counter strong{font-size:24px;color:#ffdb67;white-space:nowrap}#mgs-eigen .eg-counter span{color:#cbb5db}#mgs-eigen .eg-meter{height:7px;flex:1;background:#55405f;border-radius:8px;overflow:hidden}#mgs-eigen .eg-meter i{display:block;height:100%;background:#e9afdc}#mgs-eigen .eg-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}#mgs-eigen .eg-tabs button{background:#3b2849;color:#d8c4e5}#mgs-eigen .eg-tabs button.selected,#mgs-eigen .eg-tabs button:hover{background:#eeb3db;color:#251535}#mgs-eigen .eg-search{display:flex;gap:10px;margin-bottom:12px}#mgs-eigen .eg-search button{flex-shrink:0}#mgs-eigen .eg-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}#mgs-eigen .eg-result{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px;background:#3d2a4b;border-radius:12px}#mgs-eigen .eg-result strong,#mgs-eigen .eg-result small{display:block}#mgs-eigen .eg-result small{font-size:12px;color:#cbb5db}#mgs-eigen .eg-result button{padding:10px;font-size:13px}#mgs-eigen .eg-list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}#mgs-eigen .eg-song-list{border:1px solid #674c73;border-radius:18px;overflow:hidden}#mgs-eigen .eg-song{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #ffffff16;background:#30203d}#mgs-eigen .eg-song:last-child{border:0}#mgs-eigen .eg-song-copy{flex:1;min-width:0}#mgs-eigen .eg-song-copy strong,#mgs-eigen .eg-song-copy span{display:block;overflow-wrap:anywhere}#mgs-eigen .eg-song-copy span{font-size:13px;color:#cbb5db}#mgs-eigen .eg-status{display:inline-block;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap}#mgs-eigen .eg-status.ready{color:#b2edce;background:#31634855}#mgs-eigen .eg-status.listen{color:#ffe3a0;background:#99681744}#mgs-eigen .eg-status.problem{color:#ffc3d3;background:#a83a5144}#mgs-eigen .eg-remove{background:transparent;color:#debfdc;font-size:26px;padding:0 13px}#mgs-eigen .eg-remove:hover{background:#664151;color:white}#mgs-eigen .eg-song-tools button{font-size:13px}#mgs-eigen .eg-story-tag{color:#ffbfdc}#mgs-eigen .eg-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px;font-size:13px}#mgs-eigen .eg-empty{padding:30px;color:#cbb5db}#mgs-eigen .eg-field{display:block;margin:18px 0;font-weight:800}#mgs-eigen .eg-field>span{display:block;margin-bottom:8px}#mgs-eigen .eg-check{display:flex;gap:10px;align-items:center;margin:24px 0;font-size:14px}#mgs-eigen .eg-review-summary{display:flex;justify-content:space-between;gap:14px;padding:24px;border-radius:16px;background:#392648}#mgs-eigen .eg-review-summary span{color:#cbb5db}#mgs-eigen .eg-checkout-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}#mgs-eigen .eg-sample{padding:20px;background:#3e2751;border-radius:20px;border:1px solid #7c548e;text-align:center;position:relative}#mgs-eigen .eg-sample h2{font-size:26px;overflow-wrap:anywhere}#mgs-eigen .eg-sample-grid{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:4px;margin:20px 0}#mgs-eigen .eg-sample-grid>div{display:flex;flex-direction:column;justify-content:center;min-height:65px;border-radius:5px;background:#fff6fd;color:#331e43;padding:6px;font-size:10px;line-height:1.3;overflow-wrap:anywhere}#mgs-eigen .eg-sample-grid small{display:block;font-size:8px;color:#775f83;margin-top:4px}#mgs-eigen .eg-sample>small{color:#d5c3e2;font-size:11px}#mgs-eigen .eg-package{padding:0 12px}#mgs-eigen .eg-package p{color:#cbb5db;margin:16px 0}#mgs-eigen .eg-package small{display:block;color:#cbb5db;margin-top:15px}#mgs-eigen hr{border:0;border-top:1px solid #ffffff22;margin:28px 0}#mgs-eigen .eg-paid{max-width:680px;margin:30px auto;padding:35px;border:1px solid #a07aac;border-radius:24px;background:#3b2749;text-align:center}#mgs-eigen .eg-paid-check{display:inline-flex;width:68px;height:68px;border-radius:50%;background:#c4edce;color:#285541;align-items:center;justify-content:center;font-size:36px}#mgs-eigen .eg-paid p{color:#dbc6e6;margin:18px 0 28px}#mgs-eigen .eg-paid button{margin:8px}#mgs-eigen .eg-dialog{border:1px solid #9f77ae;border-radius:24px;background:#30203e;color:#fff;width:min(720px,calc(100vw - 28px));max-height:90vh;padding:28px;box-shadow:0 24px 100px #0008}#mgs-eigen .eg-dialog::backdrop{background:#100617ba;backdrop-filter:blur(5px)}#mgs-eigen .eg-close{float:right;padding:7px 12px;font-size:12px;background:#584168;color:#fff}#mgs-eigen .eg-dialog h2{clear:both;padding-top:12px}#mgs-eigen .eg-muted{color:#cbb5db}#mgs-eigen .eg-preview-actions,#mgs-eigen .eg-adjust{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}#mgs-eigen .eg-adjust button{font-size:13px}#mgs-eigen .eg-video{margin:15px 0}#mgs-eigen .eg-video iframe{width:100%;height:280px;border:0;border-radius:12px}#mgs-eigen .eg-story-button{background:#54324c;color:#ffd3e6}#mgs-eigen .eg-story-button:hover{background:#6e4260;color:#fff}#mgs-eigen .eg-inline-warning{color:#ffdb67;margin-bottom:16px}#mgs-eigen .eg-shrink-list,#mgs-eigen .eg-swap-list{max-height:50vh;overflow:auto;margin:20px 0}#mgs-eigen .eg-swap-list{display:flex;flex-direction:column;gap:8px}#mgs-eigen .eg-version{padding:16px;margin:12px 0;background:#493354;border-radius:12px}
@media(max-width:800px){#mgs-eigen{padding:20px 22px 0;margin:0;border-radius:0}.eg-header img{width:140px}#mgs-eigen .eg-themes{grid-template-columns:repeat(3,minmax(0,1fr))}#mgs-eigen .eg-checkout-grid{grid-template-columns:1fr}#mgs-eigen .eg-steps{overflow-x:auto}#mgs-eigen .eg-steps button{font-size:12px;padding:8px 10px}#mgs-eigen .eg-results{grid-template-columns:1fr}}
@media(max-width:480px){#mgs-eigen{padding:16px 14px 0}#mgs-eigen .eg-saved{font-size:11px}#mgs-eigen .eg-header img{width:130px}#mgs-eigen .eg-theme{min-height:120px;padding:10px 5px}#mgs-eigen .eg-theme img{height:65px}#mgs-eigen .eg-theme strong{font-size:11px}#mgs-eigen .eg-formats{gap:10px}#mgs-eigen .eg-formats button{padding:16px 12px}#mgs-eigen .eg-formats span,#mgs-eigen .eg-formats small{font-size:12px}#mgs-eigen .eg-song{gap:8px;padding:12px 10px}#mgs-eigen .eg-status{font-size:9px}#mgs-eigen .eg-song-copy strong{font-size:13px}#mgs-eigen .eg-song-tools button{padding:8px;font-size:11px}#mgs-eigen .eg-footer{gap:10px}#mgs-eigen .eg-footer>span{display:none}#mgs-eigen .eg-footer button{font-size:12px;padding:10px 12px}#mgs-eigen .eg-review-summary{flex-direction:column}#mgs-eigen .eg-dialog{padding:20px}#mgs-eigen .eg-list-title h2{font-size:22px}#mgs-eigen .eg-list-title button{font-size:12px;padding:10px}#mgs-eigen .eg-heading p{font-size:16px}}

/* The dedicated composer owns the viewport, including the space outside the app. */
html.mgs-eigen-page{min-height:100%;background:radial-gradient(ellipse at 95% 0,#61377766,transparent 55%),radial-gradient(ellipse at 0 100%,#512c7155,transparent 55%),#201329!important;background-attachment:fixed!important}
html.mgs-eigen-page body.mgs-eigen-page{zoom:1!important;margin:0!important;padding:0!important;width:100%;max-width:none;min-height:100vh;min-height:100svh;background:transparent!important;color:#fff;--eg-admin-height:0px}
html.mgs-eigen-page body.admin-bar{--eg-admin-height:32px}
body.mgs-eigen-page #mgs-eigen{background:transparent;border-radius:0;margin:0 auto;padding-top:32px;min-height:calc(100vh - var(--eg-admin-height,0px));min-height:calc(100svh - var(--eg-admin-height,0px))}
#mgs-eigen .eg-list-search{display:flex;align-items:center;gap:14px;margin:8px 0 12px}
#mgs-eigen .eg-list-search .eg-field{flex:1;min-width:0;margin:0}
#mgs-eigen .eg-list-search .eg-field>span{font-size:14px;color:#e8d5f2}
#mgs-eigen .eg-list-search>button{font-size:13px;flex-shrink:0;margin-top:28px}
#mgs-eigen .eg-filter-count{font-size:13px;color:#c6b5d9;margin:0 0 12px}
#mgs-eigen .eg-review-summary{align-items:center;flex-wrap:wrap;padding:18px 22px;margin-bottom:24px}
#mgs-eigen .eg-review-summary strong{color:#b2edce}
#mgs-eigen .eg-review-ready{display:flex;gap:22px;border:1px solid #679b8477;border-radius:20px;padding:30px;background:linear-gradient(130deg,#36534255,#33223e88)}
#mgs-eigen .eg-ready-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border-radius:50%;background:#c4edce;color:#254c36;font-size:29px;font-weight:900}
#mgs-eigen .eg-review-ready>div{min-width:0}
#mgs-eigen .eg-review-ready h2{margin:0 0 14px;font-size:30px}
#mgs-eigen .eg-review-ready p{color:#decfe6;max-width:640px}
#mgs-eigen .eg-ready-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
#mgs-eigen .eg-ready-actions button{font-size:14px}
#mgs-eigen .eg-song-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#mgs-eigen .eg-song-tools button{padding:9px 12px}
#mgs-eigen .eg-review-filters{margin:26px 0 18px}
@media(max-width:782px){html.mgs-eigen-page body.admin-bar{--eg-admin-height:46px}}
@media(max-width:600px){#mgs-eigen .eg-list-search{flex-wrap:wrap}#mgs-eigen .eg-list-search .eg-field{flex-basis:100%}#mgs-eigen .eg-list-search>button{margin:0}#mgs-eigen .eg-review-ready{padding:20px;gap:14px}#mgs-eigen .eg-ready-icon{width:38px;height:38px;font-size:23px}#mgs-eigen .eg-review-ready h2{font-size:26px}#mgs-eigen .eg-ready-actions{gap:10px}#mgs-eigen .eg-ready-actions button{width:100%;padding:11px 12px}#mgs-eigen .eg-song:has(.eg-story-button){display:grid;grid-template-columns:minmax(0,1fr) auto}#mgs-eigen .eg-song:has(.eg-story-button) .eg-song-tools{grid-column:1/-1;justify-content:flex-start}#mgs-eigen .eg-review-summary{flex-direction:row;justify-content:flex-start;gap:8px 18px;font-size:14px}body.mgs-eigen-page #mgs-eigen{padding-top:22px}}

/* Clear music actions, compact previews and visible add confirmations. */
#mgs-eigen .eg-song-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
#mgs-eigen .eg-remove{font-size:13px;padding:11px 14px;border:1px solid #ad7c99;color:#ffd3e6;background:transparent}
#mgs-eigen .eg-song-tools button{white-space:nowrap;min-height:40px}
#mgs-eigen .eg-result{align-items:stretch;flex-direction:column;gap:16px}
#mgs-eigen .eg-result-copy{min-width:0;overflow-wrap:anywhere}
#mgs-eigen .eg-result-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
#mgs-eigen .eg-result-added{box-shadow:inset 0 0 0 1px #7dc49b}
#mgs-eigen .eg-result-added .eg-add-result:disabled{background:#b9eaca;color:#173e2b;opacity:1}
#mgs-eigen .eg-feedback{position:fixed;z-index:99999;bottom:20px;right:20px;max-width:440px;width:calc(100% - 40px);border:1px solid #a2dab9;border-radius:18px;padding:18px;background:#d6f1df;color:#173e2b;box-shadow:0 12px 45px #0008}
#mgs-eigen .eg-feedback p{margin:0 0 12px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}
#mgs-eigen .eg-feedback>div{display:flex;gap:8px;flex-wrap:wrap}
#mgs-eigen .eg-feedback button{font-size:13px;padding:8px 12px;min-height:40px;background:transparent;border:1px solid #548769;color:#173e2b}
#mgs-eigen .eg-feedback button:hover{background:#b9eaca;color:#102d1e}
#mgs-eigen .eg-story-help{padding:22px 24px;border:1px solid #79576d;border-radius:18px;background:#40253c;margin:28px 0 16px}
#mgs-eigen .eg-story-help h2{font-size:26px;margin-top:0}
#mgs-eigen .eg-story-help p{margin:10px 0;color:#f2dfee}
#mgs-eigen .eg-story-help blockquote{margin:14px 0;padding:0 0 0 14px;border-left:3px solid #eeb3db;color:#ffdaee;font-style:italic}
#mgs-eigen .eg-story-help small{color:#dbc6d5;display:block;line-height:1.5}
#mgs-eigen .eg-review-summary{flex-wrap:wrap}
#mgs-eigen .eg-dialog .eg-video iframe{min-height:220px}
#mgs-eigen .eg-package>h2:first-child{margin-top:0}
@media(max-width:600px){#mgs-eigen .eg-song{display:grid;grid-template-columns:minmax(0,1fr) auto}#mgs-eigen .eg-song-copy{grid-column:1}#mgs-eigen .eg-song>.eg-status{grid-column:2;grid-row:1}#mgs-eigen .eg-song-tools{grid-column:1/-1;justify-content:flex-start}#mgs-eigen .eg-song-tools button{font-size:12px;padding:9px 12px}#mgs-eigen .eg-feedback{bottom:12px;right:12px;width:calc(100% - 24px);padding:14px}#mgs-eigen .eg-story-help{padding:18px}#mgs-eigen .eg-review-summary{align-items:flex-start;gap:8px}}

/* Four main steps, one task per music screen. */
#mgs-eigen .eg-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
#mgs-eigen .eg-music-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
#mgs-eigen .eg-fill-needed{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin:20px 0;border-radius:16px;background:#413047}
#mgs-eigen .eg-fill-needed p{margin:0;max-width:650px}
#mgs-eigen .eg-fill-needed button{flex-shrink:0}
#mgs-eigen .eg-extras,#mgs-eigen .eg-memories{border:1px solid #765283;border-radius:16px;margin:24px 0;padding:18px 20px;background:#33223e}
#mgs-eigen .eg-extras>summary,#mgs-eigen .eg-memories>summary{cursor:pointer;font-weight:800;font-size:16px;color:#f0cbe7;min-height:28px}
#mgs-eigen .eg-extras>p{color:#cbb5db;margin:16px 0}
#mgs-eigen .eg-extras .eg-song-list{margin-top:15px}
#mgs-eigen .eg-memories>button{margin:6px 8px 6px 0}
#mgs-eigen .eg-memories .eg-story-help{border:0;padding:0;background:none;margin:20px 0}
#mgs-eigen .eg-catalog-list>.eg-filter-count{margin-top:20px}
#mgs-eigen .eg-swap-list button{text-align:left}
@media(max-width:600px){#mgs-eigen .eg-steps{display:flex;gap:3px}#mgs-eigen .eg-steps button{flex:0 0 auto;font-size:11px;padding:8px}#mgs-eigen .eg-fill-needed{align-items:flex-start;flex-direction:column}#mgs-eigen .eg-extras,#mgs-eigen .eg-memories{padding:16px 12px}#mgs-eigen .eg-memories .eg-story-help h2{font-size:23px}}

/* One decision per screen, with navigation in view on long music lists. */
#mgs-eigen{padding-bottom:calc(var(--eg-footer-height,110px) + 24px)}
#mgs-eigen .eg-steps{display:block;overflow:visible;padding:18px 0 8px}
#mgs-eigen .eg-step-label{font-size:13px;font-weight:800;color:#ecd4ee}
#mgs-eigen .eg-step-track{display:flex;gap:6px;margin-top:12px;max-width:360px}
#mgs-eigen .eg-step-track i{flex:1;height:4px;border-radius:4px;background:#61456f}
#mgs-eigen .eg-step-track i.done{background:#eeb3db}
#mgs-eigen .eg-footer{position:fixed;z-index:1000;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1180px;margin:0;padding:16px 32px calc(16px + env(safe-area-inset-bottom,0px));background:#291936;border-top:1px solid #77557f;box-shadow:0 -8px 32px #120a2022;flex-wrap:nowrap;gap:16px}
#mgs-eigen .eg-footer .eg-next{margin-left:auto;min-height:50px;min-width:210px}
#mgs-eigen .eg-footer .eg-footer-hint{display:block;margin-right:auto;font-size:12px}
#mgs-eigen .eg-feedback{bottom:calc(var(--eg-footer-height,100px) + 12px);z-index:1100}
#mgs-eigen .eg-header{position:relative}
#mgs-eigen .eg-saved{margin-left:auto}
#mgs-eigen .eg-more{position:relative;flex-shrink:0}
#mgs-eigen .eg-more>summary{cursor:pointer;list-style:none;border:1px solid #735381;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:800}
#mgs-eigen .eg-more>button{position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;z-index:1200;background:#392647;box-shadow:0 8px 30px #170d2999}
#mgs-eigen .eg-work{position:fixed;z-index:1500;left:50%;top:calc(12px + var(--eg-admin-height,0px));transform:translateX(-50%);max-width:640px;width:calc(100% - 32px);padding:16px 20px;border:1px solid #dfc4e3;border-radius:14px;background:#f4e5f2;color:#33203f;font-weight:800;box-shadow:0 8px 40px #160b2699;display:flex;align-items:center;gap:14px}
#mgs-eigen .eg-spinner{display:inline-block;flex-shrink:0;width:21px;height:21px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:eg-spin .75s linear infinite}
#mgs-eigen .eg-search-loading{display:flex;align-items:center;gap:12px;padding:24px 4px;color:#efd7eb}
#mgs-eigen .eg-issues{border:1px solid #d6a467;background:#44303e;border-radius:16px;margin:24px 0;padding:18px}
#mgs-eigen .eg-issues h2{margin:0 0 10px}
#mgs-eigen .eg-issues>p{margin-bottom:16px}
#mgs-eigen .eg-memory-count{margin:22px 0 14px;color:#dbbfdf}
#mgs-eigen .eg-sample{max-width:680px;margin-top:28px}
#mgs-eigen .eg-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
#mgs-eigen .eg-packages button{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#362242;border:2px solid #6c4b7b;color:white;padding:20px 18px;text-align:left}
#mgs-eigen .eg-packages button span{color:#ffdb67;font-weight:900;font-size:20px}
#mgs-eigen .eg-packages button[aria-pressed=true]{border-color:#ffdb67;background:#4a304c}
#mgs-eigen .eg-package-copy{max-width:770px;color:#ddc8e6;font-size:16px}
#mgs-eigen .eg-package-copy ul{margin:18px 0;padding-left:24px}
#mgs-eigen .eg-package-copy li{padding:6px 0}
#mgs-eigen .eg-package-copy p{margin:16px 0}
#mgs-eigen .eg-upgrade-copy{border-left:3px solid #eeb3db;padding-left:16px}
#mgs-eigen .eg-package-copy small{font-size:13px;color:#c9b1d4}
@keyframes eg-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#mgs-eigen .eg-spinner{animation:none}}
@media(max-width:700px){#mgs-eigen .eg-packages{grid-template-columns:repeat(2,minmax(0,1fr))}#mgs-eigen .eg-packages button{flex-direction:column;align-items:flex-start;padding:16px}#mgs-eigen .eg-footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px}#mgs-eigen .eg-footer .eg-footer-hint{grid-column:1/-1;grid-row:1;font-size:11px;margin:0;text-align:center}#mgs-eigen .eg-footer .eg-next{min-width:0;width:100%;font-size:14px;margin:0}#mgs-eigen .eg-footer button:only-child{grid-column:1/-1}#mgs-eigen .eg-header{flex-wrap:wrap;gap:10px}#mgs-eigen .eg-header img{width:125px}#mgs-eigen .eg-saved{font-size:10px}#mgs-eigen .eg-more>summary{font-size:11px;padding:8px}#mgs-eigen .eg-formats{grid-template-columns:1fr}#mgs-eigen .eg-work{font-size:14px}}
/* 0.13.7: player count, real product previews and a visible story example. */
#mgs-eigen .eg-player-picker{border:1px solid #93669a;border-radius:22px;padding:26px;background:linear-gradient(120deg,#49304e,#32203f);margin:24px 0 38px}
#mgs-eigen .eg-player-picker-head{display:flex;align-items:center;justify-content:space-between;gap:22px}
#mgs-eigen .eg-player-picker-head label{font-size:20px;font-weight:900;color:#fff7fd}
#mgs-eigen .eg-player-picker-head p{font-size:14px;line-height:1.55;color:#d9c7e1;margin:6px 0 0}
#mgs-eigen .eg-player-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
#mgs-eigen .eg-player-adjust{display:flex;align-items:center;justify-content:center;border-radius:50%;width:44px;height:44px;min-width:44px;padding:0;font-size:26px;line-height:1;background:#eeb3db;color:#2b1934}
#mgs-eigen input.eg-player-input{width:88px;min-width:0;text-align:center;font:900 24px/1.2 Nunito,Arial,sans-serif;padding:10px 4px;min-height:48px;border:1px solid #bd93c5;border-radius:12px;appearance:textfield}
#mgs-eigen input.eg-player-input::-webkit-inner-spin-button,#mgs-eigen input.eg-player-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#mgs-eigen input.eg-player-range{appearance:none;-webkit-appearance:none;width:100%;height:10px;min-height:0;padding:0;border:0;border-radius:8px;cursor:pointer;margin:34px 0 14px;background:linear-gradient(to right,#eeb3db var(--eg-range),#71507f var(--eg-range));box-shadow:none}
#mgs-eigen input.eg-player-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff5fc;width:30px;height:30px;border:5px solid #edabda;border-radius:50%;box-shadow:0 3px 12px #160d2766}
#mgs-eigen input.eg-player-range::-moz-range-thumb{background:#fff5fc;width:22px;height:22px;border:5px solid #edabda;border-radius:50%}
#mgs-eigen .eg-player-range:focus-visible{outline:2px solid #ffdb67;outline-offset:12px}
#mgs-eigen .eg-player-input:focus-visible,#mgs-eigen .eg-player-adjust:focus-visible,#mgs-eigen .eg-preview-image:focus-visible{outline:3px solid #ffdb67;outline-offset:4px}
#mgs-eigen .eg-range-labels{display:flex;justify-content:space-between;font-size:12px;color:#cbb5db;margin:0 0 18px}
#mgs-eigen .eg-price-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}
#mgs-eigen .eg-price-summary>div{padding:18px;border:1px solid #795286;border-radius:14px;background:#281c35}
#mgs-eigen .eg-price-summary span{display:block;font-size:10px;letter-spacing:1.2px;color:#d9bfdc;font-weight:800;margin-bottom:6px}
#mgs-eigen .eg-price-summary strong{display:block;font-size:25px;line-height:1.25;color:#ffdb67;white-space:nowrap}
#mgs-eigen .eg-price-summary>div:first-child strong{font-size:20px;color:#fff7fd;white-space:normal}
#mgs-eigen .eg-price-note{font-size:12px!important;line-height:1.6;color:#d3beda;margin:14px 0 0!important;max-width:800px}
#mgs-eigen .eg-preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
#mgs-eigen .eg-product-preview{overflow:hidden;border:1px solid #725180;border-radius:22px;background:#32203f}
#mgs-eigen .eg-product-preview>div{padding:20px 24px}
#mgs-eigen .eg-product-preview h3{font:400 26px/1.2 'Coffee Extra',Nunito,sans-serif;color:#fff7fd;margin:0 0 10px}
#mgs-eigen .eg-product-preview p{font-size:14px;line-height:1.6;color:#d9c7e1;margin:0}
#mgs-eigen .eg-preview-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:24px 18px 15px;border:0;border-radius:0;background:radial-gradient(ellipse at top,#68466f,#291936);color:#efc5e1;cursor:zoom-in}
#mgs-eigen .eg-preview-image:hover{background:radial-gradient(ellipse at top,#795282,#342040);color:#fff}
#mgs-eigen .eg-preview-image img{display:block;width:auto;height:340px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 15px #130b2480)}
#mgs-eigen .eg-preview-image span{font-size:12px;font-weight:800}
#mgs-eigen .eg-preview-note{display:block;color:#cbb5db;font-size:12px;line-height:1.6;margin:14px 0 24px}
#mgs-eigen .eg-enlarged-preview{display:block;width:auto;max-width:100%;height:auto;margin:20px auto;border-radius:8px}
#mgs-eigen .eg-memory-help{font-size:14px;color:#d9c7e1;margin:20px 0}
#mgs-eigen .eg-story-preview{margin:24px 0 30px;max-width:840px}
#mgs-eigen .eg-story-preview figcaption{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#eeb3db;margin-bottom:12px}
#mgs-eigen .eg-story-screen{padding:20px;border:6px solid #130c1d;border-radius:20px;background:#241531;box-shadow:0 18px 38px #10081544}
#mgs-eigen .eg-story-stage{border:1px solid #9d6db7;border-radius:18px;background:#3d205f;padding:28px;text-align:center}
#mgs-eigen .eg-story-stage h2{font:400 20px/1.4 'Coffee Extra',Nunito,sans-serif;color:#ffd679;margin:0 0 14px;overflow-wrap:anywhere}
#mgs-eigen .eg-story-stage p{font:700 clamp(22px,3vw,34px)/1.4 Nunito,Arial,sans-serif;color:#fff;margin:0 0 18px;overflow-wrap:anywhere}
#mgs-eigen .eg-story-stage small{color:#d2c2e1;font-size:12px}
#mgs-eigen .eg-story-caption{font-size:13px;color:#cbb5db;line-height:1.6;margin:14px 0 0}
#mgs-eigen .eg-dialog .eg-story-screen{padding:10px;border-width:4px}
#mgs-eigen .eg-dialog .eg-story-stage{padding:18px}
@media(max-width:600px){#mgs-eigen .eg-player-picker{padding:20px 16px;margin:20px 0 28px}#mgs-eigen .eg-player-picker-head{align-items:flex-start;flex-direction:column;gap:18px}#mgs-eigen .eg-player-controls{align-self:center}#mgs-eigen .eg-player-picker-head label{font-size:19px}#mgs-eigen .eg-price-summary{grid-template-columns:1fr 1fr;gap:10px}#mgs-eigen .eg-price-summary>div:first-child{grid-column:1/-1;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}#mgs-eigen .eg-price-summary>div:first-child span{margin:0}#mgs-eigen .eg-price-summary>div{padding:15px 14px}#mgs-eigen .eg-price-summary strong{font-size:25px}#mgs-eigen .eg-price-summary>div:first-child strong{font-size:18px}#mgs-eigen .eg-preview-cards{grid-template-columns:1fr}#mgs-eigen .eg-preview-image img{height:310px}#mgs-eigen .eg-product-preview>div{padding:18px 20px}#mgs-eigen .eg-story-screen{padding:10px;border-width:4px}#mgs-eigen .eg-story-stage{padding:24px 16px}#mgs-eigen .eg-story-stage h2{font-size:18px}}

/* Business personalization */
#mgs-eigen .eg-business{margin:24px 0;padding:24px;border:1px solid #70527e;border-radius:20px;background:#30213f}
#mgs-eigen .eg-business-choice{display:flex;gap:14px;align-items:flex-start;cursor:pointer}#mgs-eigen .eg-business-choice input{width:22px;height:22px;flex:0 0 22px;accent-color:#ffce54;margin-top:4px}#mgs-eigen .eg-business-choice span span{display:block;font-size:.9rem;margin-top:5px;color:#e6cee8}#mgs-eigen .eg-business-fields{margin-top:24px}#mgs-eigen .eg-business-preview{display:flex;gap:16px;align-items:center;margin-bottom:18px;overflow-wrap:anywhere;color:#fff}#mgs-eigen .eg-business-preview img{width:100px;height:70px;object-fit:contain;background:white;border-radius:8px;padding:8px;flex-shrink:0}#mgs-eigen .eg-business input[type=file]{max-width:100%;font-size:16px}

/* Personal previews use the saved composition and uploaded branding. */
#mgs-eigen .eg-live-card{width:100%;max-width:410px;text-align:center;padding:18px;background:#211333;color:#fff;border-radius:16px;box-sizing:border-box;cursor:zoom-in}
#mgs-eigen .eg-live-phone{max-width:280px;border:7px solid #100b19;border-radius:30px;padding:15px 10px}
#mgs-eigen .eg-live-print{background:#f8f4fc;color:#291a40;border:9px solid white;border-radius:2px;padding:16px}
#mgs-eigen .eg-live-head{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:15px;overflow-wrap:anywhere}
#mgs-eigen .eg-live-head img{filter:none;height:36px;width:auto;max-width:90px;object-fit:contain}
#mgs-eigen .eg-live-print .eg-live-brand{background:#291a40;padding:5px;border-radius:6px}
#mgs-eigen .eg-live-business{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;font-size:12px}
#mgs-eigen .eg-live-business img{background:white;border-radius:5px;padding:5px;width:65px;height:45px;flex-shrink:0}
#mgs-eigen .eg-live-letters{letter-spacing:8px;font-weight:900;color:#c08bea;font-size:14px;margin:14px 0 8px}
#mgs-eigen .eg-live-grid{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:4px}
#mgs-eigen .eg-live-grid>div{background:#fffafc;color:#291a40;border:1px solid #e6ddeb;border-radius:5px;min-height:49px;padding:5px 2px;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere;font-size:9px;line-height:1.2}
#mgs-eigen .eg-live-grid small{display:block;font-size:8px;color:#76647e;margin-top:4px;line-height:1.2}
#mgs-eigen .eg-live-rounds{font-size:10px;font-weight:800;margin-top:12px}
#mgs-eigen .eg-live-rules{display:block;font-size:8px;margin-top:6px}
#mgs-eigen .eg-live-bingo{background:#ee279f;color:white;border-radius:12px;padding:9px;font-size:22px;font-weight:900;margin-top:14px}
#mgs-eigen .eg-live-enlarged{display:flex;justify-content:center;margin:24px 0}
#mgs-eigen .eg-live-enlarged .eg-live-card{max-width:480px}
#mgs-eigen .eg-live-enlarged .eg-live-grid>div{font-size:12px;min-height:65px}
#mgs-eigen .eg-live-enlarged .eg-live-grid small{font-size:10px}
#mgs-eigen input.eg-player-range{background-color:#71507f;background-repeat:no-repeat}
#mgs-eigen input.eg-player-range::-moz-range-track{background:transparent;border:0}

#mgs-eigen .eg-live-branded{--business-accent:#464646;--business-background:#171717;--business-soft:#eee;background:var(--business-background);color:white}
#mgs-eigen .eg-live-branded .eg-live-grid>div{background:var(--business-soft);color:#202020}
#mgs-eigen .eg-live-branded .eg-live-letters{color:white}
#mgs-eigen .eg-live-branded .eg-live-bingo{background:var(--business-accent)}
#mgs-eigen .eg-live-provider{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;color:#ddd;font-size:8px}
#mgs-eigen .eg-live-provider img{height:22px;width:46px;object-fit:contain;filter:none}
#mgs-eigen .eg-live-print .eg-live-provider{justify-content:flex-end}

/* Fixed device proportions; longer cards scroll inside the screen. */
#mgs-eigen .eg-live-phone,#mgs-eigen .eg-live-enlarged .eg-live-phone{width:260px;max-width:100%;height:auto;aspect-ratio:9/19.5;min-height:0;padding:0;overflow:hidden;flex-shrink:0}
#mgs-eigen .eg-live-enlarged .eg-live-phone{width:320px}
#mgs-eigen .eg-phone-screen{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px 10px;box-sizing:border-box}
#mgs-eigen .eg-live-enlarged .eg-live-phone .eg-live-grid>div{font-size:10px;min-height:58px}
#mgs-eigen .eg-live-enlarged .eg-live-phone .eg-live-grid small{font-size:8px}

#mgs-eigen .eg-live-branded[data-appearance=light]{background:var(--business-background,#fafafc);color:#25252b}
#mgs-eigen .eg-live-branded[data-appearance=light] .eg-live-letters{color:var(--business-accent,#464646)}
#mgs-eigen .eg-live-branded[data-appearance=light] .eg-live-provider{color:#555}
#mgs-eigen .eg-live-branded[data-appearance=light] .eg-live-provider img{background:#17171b;border-radius:4px;padding:3px;box-sizing:content-box}
#mgs-eigen .eg-sample.eg-sample-light{background:#fafafc;color:#25252b}
#mgs-eigen .eg-sample.eg-sample-light h2,#mgs-eigen .eg-sample.eg-sample-light .eg-business-preview{color:#25252b}
#mgs-eigen .eg-sample.eg-sample-light>small{color:#555}

/* Own the native slider track, so theme track styles cannot cover the fill. */
#mgs-eigen input.eg-player-range::-webkit-slider-runnable-track{height:10px;border:0!important;border-radius:8px;background:linear-gradient(to right,#eeb3db var(--eg-range,0%),#71507f var(--eg-range,0%))!important;box-shadow:none!important}
#mgs-eigen input.eg-player-range::-webkit-slider-thumb{margin-top:-10px!important}
#mgs-eigen input.eg-player-range::-moz-range-track{height:10px;border:0!important;border-radius:8px;background:linear-gradient(to right,#eeb3db var(--eg-range,0%),#71507f var(--eg-range,0%))!important;box-shadow:none!important}
#mgs-eigen input.eg-player-range::-moz-range-progress{background:transparent!important}
#mgs-eigen .eg-upgrade-callout{margin:18px 0 22px;padding:16px 18px;border-left:4px solid #ffdb67;border-radius:10px;background:#25182f;color:#fff}
#mgs-eigen .eg-upgrade-callout strong{display:block;color:#ffdb67;font-size:17px;margin-bottom:6px}
#mgs-eigen .eg-upgrade-callout p{color:#eee0f3;font-size:14px;margin:0;line-height:1.5}