:root{--mg-surface: rgba(18, 21, 28, .76);--mg-surface-strong: rgba(20, 24, 31, .92);--mg-surface-solid: #161a21;--mg-hover: rgba(255, 255, 255, .07);--mg-pressed: rgba(255, 255, 255, .11);--mg-hairline: rgba(255, 255, 255, .1);--mg-hairline-strong: rgba(255, 255, 255, .18);--mg-text: #eef2f7;--mg-text-2: #a9b4c1;--mg-text-3: #707c8a;--mg-accent: #6366f1;--mg-accent-soft: rgba(99, 102, 241, .16);--mg-accent-line: rgba(99, 102, 241, .45);--mg-accent-glow: 0 4px 14px rgba(79, 70, 229, .32);--mg-success: #10b981;--mg-warning: #f59e0b;--mg-danger: #ef4444;--mg-danger-soft: rgba(239, 68, 68, .14);--mg-r-sm: 8px;--mg-r: 10px;--mg-r-lg: 14px;--mg-r-pill: 999px;--mg-control: 32px;--mg-control-sm: 28px;--mg-inset: 12px;--mg-gap: 8px;--mg-icon: 16px;--mg-blur: 16px;--mg-shadow: 0 12px 32px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06);--mg-shadow-pop: 0 18px 48px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .05);--mg-dur-fast: .14s;--mg-dur-base: .2s;--mg-dur-slow: .26s;--mg-ease: cubic-bezier(.2, .8, .2, 1);--mg-ease-out: cubic-bezier(.16, 1, .3, 1)}.icon{display:block;flex:none;width:var(--mg-icon);height:var(--mg-icon)}.mg-glass{background:var(--mg-surface);border:1px solid var(--mg-hairline);box-shadow:var(--mg-shadow);backdrop-filter:blur(var(--mg-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--mg-blur)) saturate(140%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mg-glass{background:var(--mg-surface-strong)}}.view-tabs{position:absolute;top:var(--mg-inset);left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;gap:4px;pointer-events:auto}.view-tab{height:var(--mg-control);padding:0 12px;border:0;border-radius:var(--mg-r-pill);background:transparent;color:var(--mg-text-2);font:inherit;font-size:12px;font-weight:500;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.6);cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease)}.view-tab:hover{background:#00000038;color:var(--mg-text)}.view-tab.active{background:#00000061;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mg-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:var(--mg-control);height:var(--mg-control);padding:0;border:1px solid transparent;border-radius:var(--mg-r-sm);background:transparent;color:var(--mg-text-2);font:inherit;line-height:1;cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease)}.mg-icon-btn:hover{background:var(--mg-hover);color:var(--mg-text)}.mg-icon-btn:active{background:var(--mg-pressed)}.mg-icon-btn.active{background:var(--mg-accent);border-color:var(--mg-accent);color:#fff;box-shadow:var(--mg-accent-glow)}.mg-icon-btn:disabled{opacity:.35;cursor:default;background:transparent;color:var(--mg-text-3);box-shadow:none}.mg-icon-btn.danger:hover:not(:disabled){background:var(--mg-danger-soft);color:var(--mg-danger)}.mg-icon-btn.mg-glass{background:var(--mg-surface);border-color:var(--mg-hairline);box-shadow:var(--mg-shadow)}.mg-icon-btn.mg-glass:hover{background:var(--mg-hover);border-color:var(--mg-hairline-strong)}.mg-action-btn{display:inline-flex;align-items:center;gap:7px;height:var(--mg-control);padding:0 10px;border:1px solid var(--mg-hairline);border-radius:var(--mg-r-sm);background:#ffffff0b;color:var(--mg-text-2);font:inherit;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease),color var(--mg-dur-fast) var(--mg-ease)}.mg-action-btn:hover{background:var(--mg-hover);border-color:var(--mg-hairline-strong);color:var(--mg-text)}.mg-action-btn:active{background:var(--mg-pressed)}.export-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:168px;padding:6px;background:var(--mg-surface-strong);border:1px solid var(--mg-hairline);border-radius:var(--mg-r-lg);box-shadow:var(--mg-shadow-pop);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);transform-origin:top right;opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease),visibility 0s linear 0s}.export-menu.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px) scale(.98);transition:opacity .12s var(--mg-ease),transform .12s var(--mg-ease),visibility 0s linear .12s}.export-menu .dropdown-item{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 10px;border:0;border-left:0;border-radius:var(--mg-r-sm);background:transparent;color:var(--mg-text-2);font:inherit;font-size:12.5px;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .12s var(--mg-ease),color .12s var(--mg-ease)}.export-menu .dropdown-item:hover,.export-menu .dropdown-item:focus-visible{background:var(--mg-accent-soft);color:var(--mg-text);padding-left:10px;transform:none;outline:none}.export-menu .dropdown-item .icon{color:var(--mg-text-3)}.export-menu .dropdown-item:hover .icon{color:var(--mg-accent)}@media(pointer:coarse){:root{--mg-control: 36px}}@media(prefers-reduced-motion:reduce){.view-tab,.mg-icon-btn,.mg-action-btn,.export-menu,.export-menu .dropdown-item{transition-duration:.01ms!important;transition-delay:0ms!important}}