.gpe-backdrop{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:10px;background:rgba(0,0,0,.55)}.gpe{box-sizing:border-box;width:min(430px,100%);max-height:min(92vh,640px);overflow-y:auto;overscroll-behavior:contain;padding:14px;border:1px solid #4a4a50;border-radius:16px;background:#1c1c20;color:#f2f2f4;box-shadow:0 18px 50px rgba(0,0,0,.7);font-size:.8rem;display:grid;gap:10px}.gpe-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.gpe-head h2{margin:0;font-size:1rem;letter-spacing:.02em}.gpe-x{width:32px;height:32px;border:1px solid #4a4a50;border-radius:8px;background:0 0;color:#ddd;font-size:1.2rem;line-height:1;cursor:pointer}.gpe-field{display:grid;gap:4px;min-width:0;color:#bfbfc8;font-size:.7rem}.gpe-field input{min-height:36px;padding:5px 9px;border:1px solid #4a4a4e;border-radius:8px;background:#242426;color:#f2f2f4;font:inherit;font-size:.85rem}.gpe-field input:focus-visible{outline:#ff9f43 solid 2px;outline-offset:1px}.gpe-field select{min-height:36px;border:1px solid #4a4a4e;border-radius:8px;background:#242426;color:#f2f2f4;font:inherit}.gpe-seg{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #4a4a50;border-radius:10px;overflow:hidden}.gpe-seg button{min-height:36px;border:0;background:#242426;color:#cfcfd6;font:inherit;font-weight:600;cursor:pointer}.gpe-seg button[aria-checked=true]{background:#ff9f43;color:#1a1205}.gpe-sizing{display:grid;grid-template-columns:1fr 1.6fr;gap:8px}.gpe-grid{display:flex;flex-wrap:wrap;gap:6px}.gpe-beat{display:grid;gap:3px;padding:5px;border:1px solid #34343a;border-radius:10px;background:rgba(255,255,255,.03)}.gpe-beat-n{color:#ffb064;font-size:.7rem;font-weight:700;text-align:center}.gpe-cells{display:flex;gap:4px}.gpe-cell{display:grid;place-items:center;gap:1px;width:38px;height:46px;padding:2px;border:1px solid #4a4a50;border-radius:8px;background:#242428;color:#f2f2f4;cursor:pointer;font:inherit}.gpe-cell b{font-size:.9rem;line-height:1}.gpe-cell small{color:#8d8d96;font-size:.58rem;line-height:1}.gpe-cell.is-rest b{color:#6d6d76}.gpe-cell:not(.is-rest){border-color:rgba(255,159,67,.5);background:rgba(255,159,67,.12)}.gpe-cell.is-selected{outline:#ff9f43 solid 2px;outline-offset:1px}.gpe-palette{display:flex;flex-wrap:wrap;gap:6px}.gpe-token{min-width:44px;min-height:38px;padding:4px 10px;border:1px solid #5a5a62;border-radius:9px;background:#2a2a2e;color:#fff;font:inherit;font-weight:700;cursor:pointer}.gpe-token:focus-visible,.gpe-token:hover{border-color:#ff9f43;outline:0}.gpe-hint{margin:0;color:#9a9aa4;font-size:.7rem}.gpe-legend{display:grid;gap:5px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}.gpe-legend-row{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:start;font-size:.72rem;line-height:1.3;color:#c8c8d0}.gpe-legend-row b{color:#ffb064}.gpe-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gpe-spacer{flex:1}.gpe-btn{min-height:36px;padding:5px 12px;border:1px solid #55555c;border-radius:9px;background:#2a2a2e;color:#f2f2f4;font:inherit;font-weight:600;cursor:pointer}.gpe-btn:focus-visible,.gpe-btn:hover{border-color:#ff9f43;outline:0}.gpe-primary{border-color:#ff9f43;background:#ff9f43;color:#1a1205}.gpe-danger{color:#ff8a80;border-color:rgba(255,138,128,.5)}@media (max-width:420px){.gpe{padding:12px}.gpe-cell{width:34px;height:44px}}