.gp-shell{max-width:1120px;padding-bottom:60px}.gp-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.gp-tabs button{border-radius:24px;background:#fff;color:#415069;border:1px solid #e5e0d4;padding:12px 20px}.gp-tabs [aria-pressed=true]{background:#264e40;color:#fff;border-color:#264e40}.gp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin:18px 0}.gp-card{background:#fff;border:1px solid #e5e0d4;border-radius:24px;padding:24px;text-align:start}.gp-card[data-selected=true]{border:2px solid #467c63;background:#f5faf3}.gp-card h3{display:flex;align-items:center;gap:12px}.gp-card svg{width:24px;height:24px;color:#6d8c58}.gp-title{display:flex;align-items:center;gap:16px;margin-top:32px}.gp-title h2{flex:1}.gp-player{background:#eef5e9!important}.gp-player svg{width:18px;height:18px}#gp-status{padding:12px 16px;background:#f2ebfa;border-radius:16px;min-height:48px}#gp-preview{background:#fff3cf;padding:16px;border-radius:16px;margin:20px 0}#gp-preview label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#gp-preview select{width:auto}.gp-track{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e0d4;padding:12px 0}.gp-track div{flex:1}.gp-track small{display:block;color:#6b7280}.gp-track button{padding:10px}.gp-footer{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #e5e0d4;padding-top:24px;margin-top:32px}.gp-shell label{display:block;margin:10px 0}.gp-shell input[type=checkbox]{width:auto;margin-inline-end:10px}.gp-shell li{margin-block:10px}.gp-shell li button{margin-inline-start:10px}.gp-shell .rp-card{margin:0;padding:24px;border-radius:24px}.gp-shell textarea,.gp-shell select,.gp-shell input:not([type=checkbox]){width:100%;padding:11px;border:1px solid #cdd7c9;border-radius:12px;font:inherit;background:white;color:#273b31}#gp-quote-items p{display:flex;justify-content:space-between;gap:12px}#gp-price{font-size:30px;color:#264e40}button:disabled{opacity:.5;cursor:default}#gp-now{font-size:22px;font-weight:650}.gp-muted{color:#6b7280;font-size:14px}[hidden]{display:none!important}@media(max-width:600px){.gp-tabs{display:grid;grid-template-columns:1fr 1fr}.gp-title{flex-wrap:wrap}.gp-shell .rp-card{padding:18px}.gp-track{flex-wrap:wrap}.gp-track div{min-width:160px}}

/* Match the current KitaKlang app shell, palette and navigation. */
body{padding:0;background:#fffdf7;color:#000}.gp-shell{padding-bottom:185px!important}.gp-shell .am-content{max-width:1100px;margin-inline:auto}.gp-shell .rp-header{padding:13px 20px;gap:16px}.gp-shell .rp-header .am-account{text-decoration:none}.gp-shell #gp-preview{margin:16px 20px;background:#fff0a4}.gp-shell #gp-status{margin:16px 20px;background:#e7f6ef}.gp-shell h1{font-size:27px;letter-spacing:-.8px}.gp-shell h2{font-size:18px!important}.gp-shell h3{font-size:16px}.gp-tabs{margin:20px 0;gap:9px}.gp-tabs button{display:flex;gap:8px;padding:12px 16px;background:#fff;border:1px solid #dfd7c8;color:#000;font-weight:700}.gp-tabs button[aria-pressed=true]{background:#fff0a4;color:#000;border-color:#e7ce5a}.gp-tabs svg{width:19px!important;height:19px!important}.gp-card{border-color:#e5ddcc;border-radius:20px;padding:20px}.gp-card[data-selected=true]{border:2px solid #e7ce5a;background:#fff8d4}.gp-card h3 svg{color:#000}.gp-card:nth-child(4n+2){background:#f3edfc}.gp-card:nth-child(4n+3){background:#eef9fd}.gp-shell .rp-card{border:1px solid #e5ddcc;border-radius:20px;background:#fff;padding:20px}.gp-shell .gp-player{background:#ecdeff!important}.gp-shell .gp-player.am-yellow{background:#fff0a4!important}.gp-shell .gp-player.am-blue{background:#d9f3fb!important}.gp-shell .gp-player.am-pink{background:#ffe0e5!important}.gp-player-art{display:grid;width:65px;height:65px;place-items:center;border-radius:17px;float:inline-end}.gp-player-art svg{width:32px!important;height:32px!important}.gp-shell :is(input,select,textarea){border-color:#bcb4a5!important;color:#000!important;border-radius:12px!important}.gp-shell button{border-radius:22px;background:#fff;border:1px solid #bcb4a5;font-size:13px}.gp-shell button[type=submit],.gp-shell #gp-confirm{background:#ffd735;border-color:#ffd735;font-weight:750}.gp-shell #gp-pause,.gp-shell #gp-resume{background:#ffd735;border:0;min-width:92px}.gp-shell #gp-price{color:#000}.gp-shell .rp-actions{gap:8px}.gp-shell label{font-size:13px}.gp-shell li{font-size:13px}.gp-shell .gp-bottom{box-shadow:0 -4px 20px #00000008}.gp-shell .gp-app-nav a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;min-height:54px;text-decoration:none;font-size:11px;font-weight:750}.gp-shell #gp-mini{padding:10px 10px 15px}.gp-shell #gp-mini>button:not(.am-mini-open){min-width:38px;min-height:44px;padding:7px;background:transparent;border:0}.gp-shell #gp-mini .am-mini-open{background:transparent;border:0;padding:0}.gp-shell #gp-mini.am-yellow{background:#fff0a4}.gp-shell #gp-mini.am-blue{background:#d9f3fb}.gp-shell #gp-mini.am-pink{background:#ffe0e5}.gp-shell .gp-seek-label{margin-block:16px}.gp-shell .am-time-row{display:flex;justify-content:space-between;font-size:12px}.gp-shell input[type=range]{accent-color:#000;height:26px}.gp-shell .gp-volume-label{display:grid;gap:6px}.gp-shell #gp-timer-status{font-size:12px}html[dir=rtl] .gp-shell .gp-player-art{float:left}@media(max-width:600px){.gp-shell .am-content{padding:24px 20px}.gp-grid{grid-template-columns:1fr}.gp-tabs{display:grid;grid-template-columns:1fr 1fr}.gp-tabs button{justify-content:center;font-size:12px;padding:11px 7px}.gp-shell .gp-app-nav a span{font-size:10px}.gp-shell .rp-card{padding:18px}}

/* Group settings are opened explicitly from the selection toolbar. */
.gp-group-toolbar{display:flex;align-items:end;gap:14px;margin:22px 0}.gp-group-toolbar label{flex:1;max-width:560px;margin:0}.gp-group-toolbar select{display:block;margin-top:8px;min-height:45px}.gp-group-toolbar button{display:flex;align-items:center;gap:8px;min-height:45px;padding:10px 18px;background:#fff0a4}.gp-group-toolbar svg{width:18px;height:18px}#gp-library>.gp-player{margin-bottom:24px;max-width:620px}#gp-player-group{font-size:13px}@media(max-width:600px){.gp-group-toolbar{align-items:stretch;flex-direction:column}.gp-group-toolbar label{max-width:none}.gp-group-toolbar button{justify-content:center}}

/* Inline editor belongs to the selected group, without a modal overlay. */
.gp-shell .gp-settings-panel{margin:20px 0;max-width:680px}.gp-settings-close{display:flex;align-items:center;justify-content:center;margin-inline-start:auto;width:40px;height:40px;padding:8px}.gp-settings-close svg{width:20px;height:20px}.gp-settings-panel #gp-settings-title{margin-top:0}