.mp-shell{flex-direction:column;min-height:100svh;display:flex}.mp-shell-body{flex:auto}.mp-brand{letter-spacing:-.01em;color:var(--foreground);font-size:16px;font-weight:800;text-decoration:none}.mp-account{color:var(--muted-foreground);font-size:14px;font-weight:600;text-decoration:none}.mp-topbrand{justify-content:space-between;align-items:center;gap:var(--mp-space-s4);padding:var(--mp-space-s3) var(--mp-space-s4);background:var(--card);border-bottom:1px solid var(--border);display:flex}.mp-sidebar{display:none}.mp-navitem{align-items:center;gap:var(--mp-space-s3);border-radius:var(--radius-md);color:var(--muted-foreground);padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}.mp-navitem:hover{color:var(--foreground);background:var(--muted)}.mp-navitem.active{color:var(--primary);background:var(--accent);box-shadow:inset 3px 0 0 0 var(--primary)}.mp-navitem.active:hover{background:var(--accent)}.mp-main{min-width:0;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.mp-bottombar{z-index:20;background:var(--card);border-top:1px solid var(--border);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 4px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.mp-tab{min-height:62px;color:var(--muted-foreground);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:11px 4px 12px;font-size:10px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.mp-tab:hover{background:var(--muted)}.mp-tab.active{color:var(--primary)}@media (width>=1024px){.mp-topbrand,.mp-bottombar{display:none}.mp-shell-body{align-items:stretch;display:flex}.mp-sidebar{gap:var(--mp-space-s5);box-sizing:border-box;width:240px;height:100svh;padding:var(--mp-space-s5) var(--mp-space-s4);background:var(--card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;display:flex;position:sticky;top:0}.mp-main{flex:auto;padding-bottom:0}}.mp-settings-zones{gap:var(--mp-space-s5);flex-direction:column;display:flex}.mp-settings-nav{gap:var(--mp-space-s2);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto}.mp-settings-nav::-webkit-scrollbar{display:none}.mp-settings-content{flex:auto;min-width:0}.mp-section-tab{align-items:center;gap:var(--mp-space-s2);white-space:nowrap;border:1px solid var(--border);border-radius:var(--mp-radius-pill);background:var(--card);color:var(--muted-foreground);font-size:var(--mp-font-caption);font-weight:600;font-family:var(--mp-font-family);cursor:pointer;flex-shrink:0;padding:10px 14px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.mp-section-tab:hover{background:var(--muted);color:var(--foreground)}.mp-section-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.mp-save-bar{gap:var(--mp-space-s3);margin-top:var(--mp-space-s5);padding-top:var(--mp-space-s4);border-top:1px solid var(--border);flex-direction:column;align-items:stretch;display:flex}.mp-save-bar .mp-btn{width:100%}@media (width>=1024px){.mp-settings-zones{flex-direction:row;align-items:flex-start}.mp-settings-nav{box-sizing:border-box;width:240px;padding:var(--mp-space-s2);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:0 0 240px;gap:4px;overflow-x:visible}.mp-section-tab{border-radius:var(--radius-md);border:none;justify-content:flex-start;width:100%;padding:10px 12px;font-size:14px}.mp-section-tab.active{border:none}.mp-save-bar{flex-direction:row;justify-content:flex-end;align-items:center}.mp-save-bar .mp-save-note{margin-right:auto}.mp-save-bar .mp-btn{width:auto}}