body{margin:0}a{color:#0A3D8F}a:hover{color:#072C69}.pp .shop{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:start}.pp .frame{border:1px solid var(--line);border-radius:10px;background:#fff;color:#0C2236;overflow:hidden;box-shadow:var(--shadow)}.pp .frame-bar{display:flex;gap:6px;align-items:center;padding:10px 12px;border-bottom:1px solid #E3ECF9;background:#F4F7FA}.pp .frame-bar i{width:8px;height:8px;background:#C9D6E3}.pp .blk{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #E3ECF9;cursor:grab;background:#fff;transition:background .2s}.pp .blk.drag{opacity:.4}.pp .blk.over{box-shadow:inset 0 3px 0 #D9773A}.pp .blk .grip{display:grid;grid-template-columns:repeat(2,4px);gap:3px;justify-content:center}.pp .blk .grip i{width:4px;height:4px;background:#A9BBCC}.pp .mv{display:flex;gap:4px}.pp .mv button{width:36px;height:36px;border:1px solid #D5E0EA;border-radius:4px;background:#fff;color:#0C2236;cursor:pointer;display:grid;place-items:center}.pp .mv button:focus-visible{outline:3px solid #0A3D8F;outline-offset:1px}.pp .gauge{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:12px;position:sticky;top:90px}.pp .apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pp .app{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer;text-align:left;color:var(--ink);font:inherit;min-height:44px}.pp .app[aria-pressed=false]{opacity:.5;border-style:dashed}.pp .app[aria-pressed=false] b{text-decoration:line-through}.pp .totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;border-radius:12px;background:var(--ink);color:var(--bg)}.pp .totals b{font:700 34px/1 var(--fd);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pp .mkts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pp .mkt{padding:18px;border:1px solid var(--line);border-radius:4px;background:var(--surface);display:flex;flex-direction:column;gap:6px}.pp .mkt b{font:700 28px/1 var(--fp);color:var(--tint)}@container pp (max-width:1000px){.pp .shop{grid-template-columns:minmax(0,1fr)}.pp .gauge{position:static}.pp .apps{grid-template-columns:repeat(2,minmax(0,1fr))}.pp .mkts{grid-template-columns:repeat(3,minmax(0,1fr))}}@container pp (max-width:640px){.pp .totals{grid-template-columns:minmax(0,1fr)}.pp .mkts{grid-template-columns:repeat(2,minmax(0,1fr))}}