@maks1mio/pulsesync-uikit 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +78 -0
  3. package/dist/index.css +1 -0
  4. package/dist/index.d.ts +839 -0
  5. package/dist/pulsesync-ui.cjs +2 -0
  6. package/dist/pulsesync-ui.cjs.map +1 -0
  7. package/dist/pulsesync-ui.js +2740 -0
  8. package/dist/pulsesync-ui.js.map +1 -0
  9. package/package.json +77 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025 PulseSync
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,78 @@
1
+ # PulseSync UIKit
2
+
3
+ Библиотека UI-компонентов для экосистемы PulseSync. React-компоненты с SCSS-модулями, дизайн-токенами и анимациями.
4
+
5
+ ## Установка
6
+
7
+ ```bash
8
+ npm install @maks1mio/pulsesync-uikit
9
+ ```
10
+
11
+ **Peer-зависимости:** `react`, `react-dom`, `framer-motion` (опционально).
12
+
13
+ ## Использование
14
+
15
+ ```tsx
16
+ import { Button, Input, PulseSyncUIProvider } from '@maks1mio/pulsesync-uikit'
17
+ import '@maks1mio/pulsesync-uikit/styles'
18
+
19
+ function App() {
20
+ return (
21
+ <PulseSyncUIProvider>
22
+ <Button variant="primary">Кнопка</Button>
23
+ <Input placeholder="Поле ввода" />
24
+ </PulseSyncUIProvider>
25
+ )
26
+ }
27
+ ```
28
+
29
+ ## Компоненты
30
+
31
+ | Компонент | Описание |
32
+ |-----------|----------|
33
+ | **Accordion** | Раскрывающиеся секции |
34
+ | **Avatar** | Аватар с группой и индикатором статуса |
35
+ | **Badge** | Бейджи и теги |
36
+ | **Button** | Кнопки: primary, secondary, ghost, outline |
37
+ | **ColorPicker** | Выбор цвета |
38
+ | **ConfirmModal** | Модальное окно подтверждения |
39
+ | **DropdownMenu** | Вложенное выпадающее меню |
40
+ | **FilePicker** | Выбор файлов |
41
+ | **Input** | Поле ввода |
42
+ | **NavigationBar** | Вертикальная панель навигации |
43
+ | **NavLink** | Ссылка для роутера |
44
+ | **OptionPicker** | Выбор опций |
45
+ | **Pagination** | Пагинация |
46
+ | **PromptModal** | Модальное окно с вводом |
47
+ | **Select** | Выпадающий список |
48
+ | **Skeleton** | Заглушка загрузки |
49
+ | **Slider** | Слайдер |
50
+ | **Tabs** | Вкладки |
51
+ | **TextInput** | contentEditable-поле |
52
+ | **Toast** | Уведомления |
53
+ | **Toggle** | Переключатель |
54
+ | **Tooltip** | Всплывающая подсказка |
55
+ | **UserCard** | Карточка пользователя |
56
+ | **UserMenu** | Меню профиля |
57
+ | **UserMention** | Упоминание пользователя |
58
+
59
+ ## Дизайн-токены
60
+
61
+ Библиотека использует CSS-переменные из `tokens.css`. Их можно переопределить в своём приложении.
62
+
63
+ ## Публикация
64
+
65
+ **Выпуск версии:**
66
+ ```bash
67
+ git tag v1.0.0
68
+ git push origin v1.0.0
69
+ ```
70
+
71
+ ```bash
72
+ npm run release:local # текущая версия из package.json
73
+ npm run release:local -- 1.0.0 # указать версию
74
+ ```
75
+
76
+ ## Лицензия
77
+
78
+ MIT
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ @charset "UTF-8";:root{--ps-background: #040404;--ps-background-rgb: 4, 4, 4;--ps-foreground: #ffffff;--ps-surface-primary: #0a0a0a;--ps-surface-secondary: #111111;--ps-surface-tertiary: #1a1a1a;--ps-surface-elevated: #222222;--ps-border: #2a2a2a;--ps-border-hover: #404040;--ps-line: rgba(255, 255, 255, .1);--ps-text-primary: #ffffff;--ps-text-secondary: #a0a0a0;--ps-text-muted: #666666;--ps-text-disabled: #404040;--ps-hover: rgba(255, 255, 255, .05);--ps-active: rgba(255, 255, 255, .1);--ps-focus-ring: rgba(255, 255, 255, .3);--ps-accent: #ffffff;--ps-accent-muted: #888888;--ps-nav-active: #5865f2;--ps-danger: #ff4444;--ps-success: #44ff88;--ps-warning: #ffaa44;--ps-skeleton-base: #1a1a1a;--ps-skeleton-highlight: #2a2a2a;--ps-transition: cubic-bezier(.45, .65, .395, 1) all .2s;--ps-transition-easing: cubic-bezier(.45, .65, .395, 1);--ps-font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ps-radius-sm: 8px;--ps-radius-md: 10px;--ps-radius-lg: 12px;--ps-radius-xl: 16px}[data-theme=light]{--ps-nav-active: #5865f2;--ps-background: #f8f8f8;--ps-background-rgb: 248, 248, 248;--ps-foreground: #0a0a0a;--ps-surface-primary: #ffffff;--ps-surface-secondary: #f0f0f0;--ps-surface-tertiary: #e0e0e0;--ps-surface-elevated: #ffffff;--ps-border: #d0d0d0;--ps-border-hover: #a0a0a0;--ps-line: rgba(0, 0, 0, .15);--ps-text-primary: #0a0a0a;--ps-text-secondary: #444444;--ps-text-muted: #707070;--ps-text-disabled: #a0a0a0;--ps-hover: rgba(0, 0, 0, .06);--ps-active: rgba(0, 0, 0, .1);--ps-focus-ring: rgba(0, 0, 0, .25);--ps-accent: #0a0a0a;--ps-accent-muted: #555555;--ps-skeleton-base: #e0e0e0;--ps-skeleton-highlight: #eeeeee}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ps-surface-primary)}::-webkit-scrollbar-thumb{background:var(--ps-border);border-radius:4px;border:2px solid var(--ps-surface-primary)}::-webkit-scrollbar-thumb:hover{background:var(--ps-text-muted)}::-webkit-scrollbar-corner{background:var(--ps-surface-primary)}*{scrollbar-width:thin;scrollbar-color:var(--ps-border) var(--ps-surface-primary)}._button_89h6d_2{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:none;text-transform:uppercase;font-weight:900;font-family:var(--ps-font-family);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.45,.65,.395,1)}._button_89h6d_2:disabled{cursor:not-allowed;opacity:.5}._button_89h6d_2:active:not(:disabled):not(._disabled_89h6d_20){transform:scale(.97)}._primary_89h6d_25{background:var(--ps-text-primary);color:var(--ps-background);outline:4px solid transparent}._primary_89h6d_25:hover:not(:disabled):not(._disabled_89h6d_20){background:var(--ps-background);color:var(--ps-text-primary);outline-color:var(--ps-text-primary)}._secondary_89h6d_36{background:var(--ps-surface-secondary);color:var(--ps-text-primary);outline:2px solid var(--ps-border)}._secondary_89h6d_36:hover:not(:disabled):not(._disabled_89h6d_20){background:var(--ps-surface-tertiary);outline-color:var(--ps-border-hover)}._ghost_89h6d_46{background:transparent;color:var(--ps-text-secondary);outline:none}._ghost_89h6d_46:hover:not(:disabled):not(._disabled_89h6d_20){background:var(--ps-hover);color:var(--ps-text-primary)}._outline_89h6d_56{background:transparent;color:var(--ps-text-primary);outline:3px solid var(--ps-text-primary)}._outline_89h6d_56:hover:not(:disabled):not(._disabled_89h6d_20){background:var(--ps-text-primary);color:var(--ps-background)}._control_89h6d_66{background:var(--ps-surface-secondary);border:1px solid var(--ps-border);border-radius:8px;color:var(--ps-text-secondary);font-size:12px;font-weight:600;text-transform:none;gap:6px;outline:none}._control_89h6d_66:hover:not(:disabled):not(._disabled_89h6d_20){background:var(--ps-surface-tertiary);border-color:var(--ps-border-hover);color:var(--ps-text-primary)}._sm_89h6d_84{padding:10px 18px;font-size:13px;border-radius:var(--ps-radius-md)}._sm_89h6d_84._control_89h6d_66{padding:6px 10px;font-size:11px}._sm_89h6d_84._primary_89h6d_25,._sm_89h6d_84._outline_89h6d_56{outline-width:3px}._sm_89h6d_84 ._icon_89h6d_96{width:16px;height:16px}._md_89h6d_101{padding:14px 24px;font-size:15px;border-radius:var(--ps-radius-lg)}._md_89h6d_101._control_89h6d_66{padding:8px 14px;font-size:12px}._md_89h6d_101._primary_89h6d_25,._md_89h6d_101._outline_89h6d_56{outline-width:3px}._md_89h6d_101 ._icon_89h6d_96{width:18px;height:18px}._lg_89h6d_118{padding:16px 32px;font-size:16px;border-radius:15px}._lg_89h6d_118._control_89h6d_66{padding:10px 18px;font-size:13px}._lg_89h6d_118._primary_89h6d_25,._lg_89h6d_118._outline_89h6d_56{outline-width:4px}._lg_89h6d_118 ._icon_89h6d_96{width:22px;height:22px}._fullWidth_89h6d_136{width:100%}._loading_89h6d_140{pointer-events:none}._disabled_89h6d_20{cursor:not-allowed;opacity:.5;pointer-events:none}._icon_89h6d_96{display:flex;align-items:center;justify-content:center;flex-shrink:0}._icon_89h6d_96 svg{width:100%;height:100%}._label_89h6d_163{white-space:nowrap}._spinner_89h6d_168{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:_ps-spin_89h6d_1 .8s linear infinite}@keyframes _ps-spin_89h6d_1{to{transform:rotate(360deg)}}._wrapper_6xesh_2{position:relative;display:inline-flex}._tooltip_6xesh_7{--tooltip-offset-x: 0px;--tooltip-offset-y: 0px;position:absolute;z-index:1000;padding:12px 16px;background:var(--ps-surface-elevated);border:1px solid var(--ps-border);border-radius:var(--ps-radius-md);box-shadow:0 8px 32px #0006;font-size:13px;font-weight:500;line-height:1.5;color:var(--ps-text-secondary);white-space:nowrap;opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .15s ease,visibility .15s ease,transform .15s ease;pointer-events:none}._tooltip_6xesh_7._visible_6xesh_28{opacity:1;visibility:visible;transform:scale(1)}._arrow_6xesh_34{position:absolute;width:10px;height:10px;background:var(--ps-surface-elevated);border:1px solid var(--ps-border);transform:rotate(45deg)}._top_6xesh_44{bottom:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.95)}._top_6xesh_44._visible_6xesh_28{transform:translate(-50%) scale(1)}._top_6xesh_44 ._arrow_6xesh_34{bottom:-6px;left:50%;margin-left:-5px;border-top:none;border-left:none}._bottom_6xesh_60{top:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.95)}._bottom_6xesh_60._visible_6xesh_28{transform:translate(-50%) scale(1)}._bottom_6xesh_60 ._arrow_6xesh_34{top:-6px;left:50%;margin-left:-5px;border-bottom:none;border-right:none}._left_6xesh_76{right:calc(100% + 10px);top:50%;transform:translateY(-50%) scale(.95)}._left_6xesh_76._visible_6xesh_28{transform:translateY(-50%) scale(1)}._left_6xesh_76 ._arrow_6xesh_34{right:-6px;top:50%;margin-top:-5px;border-bottom:none;border-left:none}._right_6xesh_92{left:calc(100% + 10px);top:50%;transform:translateY(-50%) scale(.95)}._right_6xesh_92._visible_6xesh_28{transform:translateY(-50%) scale(1)}._right_6xesh_92 ._arrow_6xesh_34{left:-6px;top:50%;margin-top:-5px;border-top:none;border-right:none}._followCursor_6xesh_109{--arrow-x: 50%;--arrow-y: 50%;position:fixed;transition:opacity .1s ease,visibility .1s ease}._followCursor_6xesh_109._visible_6xesh_28{transform:none}._cursorTop_6xesh_120 ._arrow_6xesh_34{bottom:-6px;left:var(--arrow-x);transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}._cursorBottom_6xesh_128 ._arrow_6xesh_34{top:-6px;left:var(--arrow-x);transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}._cursorLeft_6xesh_136 ._arrow_6xesh_34{right:-6px;top:var(--arrow-y);transform:translateY(-50%) rotate(45deg);border-bottom:none;border-left:none}._cursorRight_6xesh_144 ._arrow_6xesh_34{left:-6px;top:var(--arrow-y);transform:translateY(-50%) rotate(45deg);border-top:none;border-right:none}._tooltip_6xesh_7 p{margin:0}._tooltip_6xesh_7 p:not(:last-child){margin-bottom:4px}._tooltip_6xesh_7 strong{color:var(--ps-text-primary);font-weight:600}@media(max-width:480px){._tooltip_6xesh_7{max-width:calc(100vw - 24px);white-space:normal}}._overlay_1qjmo_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}._modal_1qjmo_12{background:var(--ps-surface-primary);border:1px solid var(--ps-border);border-radius:var(--ps-radius-xl);padding:24px;max-width:420px;width:100%}._title_1qjmo_21{font-size:18px;font-weight:700;color:var(--ps-text-primary);margin:0 0 12px}._text_1qjmo_28{font-size:14px;color:var(--ps-text-secondary);margin:0 0 20px;white-space:pre-line}._actions_1qjmo_35{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}._dangerButton_1qjmo_42{background:var(--ps-danger)!important;color:#fff!important;outline-color:transparent!important}._dangerButton_1qjmo_42:hover{background:var(--ps-danger)!important;opacity:.9}._overlay_13ign_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modal_13ign_12{background:var(--ps-surface-primary);border:1px solid var(--ps-border);border-radius:var(--ps-radius-xl);padding:24px;max-width:420px;width:100%}._title_13ign_21{font-size:18px;font-weight:700;color:var(--ps-text-primary);margin:0 0 12px}._text_13ign_28{font-size:14px;color:var(--ps-text-secondary);margin:0 0 16px;white-space:pre-line}._input_13ign_35{width:100%;background:var(--ps-surface-tertiary);border:2px solid var(--ps-border);border-radius:var(--ps-radius-md);padding:12px 14px;font-size:14px;color:var(--ps-text-primary);outline:none;margin-bottom:18px;font-family:var(--ps-font-family)}._input_13ign_35:focus{border-color:var(--ps-text-primary)}._input_13ign_35::placeholder{color:var(--ps-text-muted)}._actions_13ign_54{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}._cancelButton_13ign_61{padding:10px 18px;font-size:13px;font-weight:700;text-transform:uppercase;background:var(--ps-surface-tertiary);color:var(--ps-text-primary);border:none;border-radius:var(--ps-radius-sm);cursor:pointer;transition:all .2s ease}._cancelButton_13ign_61:hover{background:var(--ps-surface-elevated)}._confirmButton_13ign_77{padding:10px 18px;font-size:13px;font-weight:700;text-transform:uppercase;background:var(--ps-text-primary);color:var(--ps-background);border:none;border-radius:var(--ps-radius-sm);cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .2s ease}._confirmButton_13ign_77:hover{opacity:.9;transform:scale(.98)}._dangerButton_13ign_94{background:var(--ps-danger)}._confirmButton_13ign_77:disabled,._cancelButton_13ign_61:disabled{opacity:.5;cursor:not-allowed;transform:none}._wrapper_1785o_1{position:relative;display:inline-flex;align-items:center;gap:10px}._resetBtn_1785o_8{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_1785o_8:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._trigger_1785o_24{display:inline-flex;align-items:center;gap:8px;min-width:0;cursor:pointer;transition:opacity .2s ease}._trigger_1785o_24:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5);pointer-events:none}._label_1785o_39{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chevron_1785o_47{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:inherit;transition:transform .2s ease}._chevron_1785o_47 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._open_1785o_67 ._chevron_1785o_47{transform:rotate(180deg)}._menu_1785o_71{position:fixed;z-index:2000;padding:6px;background:var(--ps-surface-primary);border:1px solid var(--ps-border);border-radius:var(--ps-radius-md);box-shadow:0 12px 28px #0000002e;max-height:320px;overflow-y:auto;transform-origin:top center;animation:_menuOpen_1785o_1 .2s cubic-bezier(.16,1,.3,1) forwards}._menuClosing_1785o_85{animation:_menuClose_1785o_1 .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes _menuOpen_1785o_1{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _menuClose_1785o_1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.96)}}._option_1785o_109{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:var(--ps-radius-sm);color:var(--ps-text-primary);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s ease}._option_1785o_109:hover{background:var(--ps-hover)}._option_1785o_109[aria-selected=true]{background:var(--ps-surface-secondary)}._option_1785o_109:disabled{opacity:.5;cursor:not-allowed}._optionGroup_1785o_136{text-transform:uppercase;font-size:11px;letter-spacing:.04em;font-weight:700;color:var(--ps-text-muted);cursor:default}._optionGroup_1785o_136:hover{background:transparent}._navLink_d355b_1{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;font-weight:700;font-size:17px;color:var(--ps-text-muted);text-decoration:none;transition:color .2s ease}._navLink_d355b_1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--ps-text-primary);border-radius:1px;transition:width .2s ease}._navLink_d355b_1:hover{color:var(--ps-text-secondary)}._navLink_d355b_1._active_d355b_28{color:var(--ps-text-primary)}._navLink_d355b_1._active_d355b_28:after{width:calc(100% - 24px)}._icon_d355b_35{display:flex;align-items:center;justify-content:center;flex-shrink:0}._label_d355b_42{white-space:nowrap}._avatar_1rkbu_2{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;vertical-align:middle}._rounded_1rkbu_13{border-radius:var(--ps-radius-lg)}._circle_1rkbu_17{border-radius:50%}._square_1rkbu_21{border-radius:var(--ps-radius-sm)}._xs_1rkbu_26{width:24px;height:24px;font-size:10px}._xs_1rkbu_26._rounded_1rkbu_13{border-radius:6px}._sm_1rkbu_35{width:32px;height:32px;font-size:12px}._sm_1rkbu_35._rounded_1rkbu_13{border-radius:8px}._md_1rkbu_44{width:44px;height:44px;font-size:16px}._md_1rkbu_44._rounded_1rkbu_13{border-radius:12px}._lg_1rkbu_53{width:64px;height:64px;font-size:22px}._lg_1rkbu_53._rounded_1rkbu_13{border-radius:14px}._xl_1rkbu_62{width:96px;height:96px;font-size:32px}._xl_1rkbu_62._rounded_1rkbu_13{border-radius:18px}._imageWrap_1rkbu_72{width:100%;height:100%;overflow:hidden;border-radius:inherit}._image_1rkbu_72{width:100%;height:100%;object-fit:cover;display:block}._fallback_1rkbu_87{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--ps-surface-tertiary);color:var(--ps-text-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.02em;border-radius:inherit}._status_1rkbu_104{position:absolute;bottom:0;right:0;border-radius:50%;z-index:2;pointer-events:none;border:2px solid var(--ps-background, var(--background, #040404));box-sizing:content-box}._xs_1rkbu_26 ._status_1rkbu_104{width:6px;height:6px;bottom:-1px;right:-1px;border-width:1.5px}._sm_1rkbu_35 ._status_1rkbu_104{width:8px;height:8px;bottom:-1px;right:-1px;border-width:2px}._md_1rkbu_44 ._status_1rkbu_104{width:10px;height:10px;bottom:-2px;right:-2px}._lg_1rkbu_53 ._status_1rkbu_104{width:14px;height:14px;bottom:-3px;right:-3px;border-width:3px}._xl_1rkbu_62 ._status_1rkbu_104{width:18px;height:18px;bottom:-4px;right:-4px;border-width:4px}._statusOnline_1rkbu_154{background:var(--ps-success);box-shadow:0 0 6px #44ff8880}._statusOffline_1rkbu_159{background:var(--ps-text-muted)}._statusBusy_1rkbu_163{background:var(--ps-danger);box-shadow:0 0 6px #ff444480}._statusAway_1rkbu_168{background:var(--ps-warning);box-shadow:0 0 6px #ffaa4480}._group_1rkbu_174{display:inline-flex;align-items:center;position:relative}._group_1rkbu_174 ._avatar_1rkbu_2{border:2px solid var(--ps-background)}._group_1rkbu_174 ._avatar_1rkbu_2+._avatar_1rkbu_2{margin-left:-10px}._group_1rkbu_174 ._xs_1rkbu_26+._xs_1rkbu_26{margin-left:-6px}._group_1rkbu_174 ._sm_1rkbu_35+._sm_1rkbu_35{margin-left:-8px}._group_1rkbu_174 ._lg_1rkbu_53+._lg_1rkbu_53{margin-left:-14px}._group_1rkbu_174 ._xl_1rkbu_62+._xl_1rkbu_62{margin-left:-20px}._overflowTrigger_1rkbu_205{position:relative;margin-left:-10px;z-index:2}._overflowPopover_1rkbu_211{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100;background:var(--ps-surface-primary);border:1px solid var(--ps-border);border-radius:var(--ps-radius-md);padding:8px;box-shadow:0 12px 28px #0000004d;display:flex;flex-direction:column;gap:6px;min-width:160px;opacity:0;visibility:hidden;transform:translate(-50%) translateY(4px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}._overflowTrigger_1rkbu_205:hover ._overflowPopover_1rkbu_211{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}._overflowItem_1rkbu_238{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;transition:background .15s ease}._overflowItem_1rkbu_238:hover{background:var(--ps-hover)}._overflowItemName_1rkbu_250{font-size:13px;font-weight:600;color:var(--ps-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._container_itjlj_3{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:420px;width:100%}._toast_itjlj_17{display:flex;align-items:center;gap:2px;padding:10px;border-radius:8px;background:#040404;border:1px solid #696969;box-shadow:0 0 15px 2px #00000040;pointer-events:auto;opacity:0;transform:translate(120%);transition:all .5s cubic-bezier(.11,1.86,.27,.93)}._toastVisible_itjlj_32{opacity:1;transform:translate(0)}._toastExiting_itjlj_37{opacity:0;transform:translate(120%);transition:all .4s ease-in}._iconContainer_itjlj_44{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}._iconContainer_itjlj_44 svg{width:24px;height:24px}._textContainer_itjlj_59{display:flex;flex-direction:column;align-items:flex-start;padding:2px 8px;gap:1px;flex:1;min-width:0}._title_itjlj_69{font-weight:900;font-size:15px;color:var(--toast-color, #87ff77)}._message_itjlj_75{font-weight:700;font-size:13px;color:var(--toast-color, #87ff77);opacity:.85}._dismissButton_itjlj_83{cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;padding:6px;margin:0 4px;border:none;border-radius:4px;color:#999;flex-shrink:0;transition:background .2s ease}._dismissButton_itjlj_83:hover{background:#363944}._dismissButton_itjlj_83 svg{width:18px;height:18px}._progressBar_itjlj_106{position:absolute;bottom:0;left:0;height:2px;background:var(--toast-color, #87ff77);border-radius:0 0 8px 8px;opacity:.5;transition:width linear}._toast_itjlj_17{position:relative;overflow:hidden}@media(max-width:480px){._container_itjlj_3{right:8px;left:8px;max-width:none}}._pagination_1oqir_1{display:flex;align-items:center;justify-content:center;gap:6px}._pageItem_1oqir_8{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 4px;border:1px solid var(--ps-border);background:var(--ps-surface-secondary);color:var(--ps-text-secondary);border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}._pageItem_1oqir_8:hover:not(:disabled):not(._active_1oqir_25){background:var(--ps-surface-tertiary);border-color:var(--ps-border-hover);color:var(--ps-text-primary)}._pageItem_1oqir_8._active_1oqir_25{background:var(--ps-text-primary);color:var(--ps-background);border-color:var(--ps-text-primary);cursor:default}._pageItem_1oqir_8:disabled{opacity:.35;cursor:not-allowed}._nav_1oqir_41{padding:0}._ellipsis_1oqir_45{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-weight:700;font-size:14px;color:var(--ps-text-muted);-webkit-user-select:none;user-select:none}._container_1np4j_1{display:flex;flex-direction:column;width:280px;height:150px;padding:2px;box-sizing:border-box;overflow:hidden;background:#0a0a0a;border-radius:10px;cursor:pointer;transition:.2s ease;animation:_fadeInUp_1np4j_1 .2s ease-out forwards}@keyframes _fadeInUp_1np4j_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._topSection_1np4j_26{display:flex;flex-direction:row;align-items:flex-end;padding:10px;gap:10px;flex:1;border-radius:9px;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}._userAvatar_1np4j_39{width:60px;height:60px;border-radius:9px;object-fit:cover;flex-shrink:0}._userInfo_1np4j_47{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;height:60px;min-width:0}._badges_1np4j_57{display:flex;flex-direction:row;align-items:center;gap:3px;height:18px}._badge_1np4j_57{width:18px;height:18px;display:flex;align-items:center;justify-content:center}._badgeIcon_1np4j_73{width:16px;height:16px;object-fit:contain;display:flex;align-items:center;justify-content:center}._badgeDot_1np4j_82{width:8px;height:8px;border-radius:50%}._nickname_1np4j_88{font-weight:700;font-size:18px;line-height:110%;color:#fff;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}._bottomSection_1np4j_100{display:flex;flex-direction:row;align-items:center;padding:3px 10px;gap:10px;height:26px}._statusText_1np4j_109{font-weight:800;font-size:12px;line-height:110%;color:var(--ps-user-status-color, #66e3ff);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._statusIcon_1np4j_120{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--ps-user-status-color, #66e3ff)}._root_xyr14_1{position:relative;display:inline}._trigger_xyr14_6{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-decoration:none;transition:opacity .2s ease;outline:none}._trigger_xyr14_6:hover{opacity:.85}._dot_xyr14_24{flex-shrink:0;width:8px;height:8px;border-radius:50%}._username_xyr14_31{font-weight:600;color:var(--ps-text-primary)}._popover_xyr14_36{position:absolute;z-index:1000;bottom:100%;left:0;margin-bottom:8px;min-width:280px;max-width:340px;background:linear-gradient(145deg,#0a0a0a,#111);border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 24px 48px #00000080,0 0 0 1px #ffffff0a inset;overflow:hidden;pointer-events:auto}._popover_xyr14_36:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 0% 0%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;border-radius:inherit}._fallbackContent_xyr14_60{font-size:13px;color:#666;margin:0;padding:18px}._tabs_1tgyr_1{display:flex;flex-direction:column}._tabList_1tgyr_6{position:relative;display:flex;gap:4px;padding:4px;background:var(--ps-surface-secondary, var(--surface-secondary, #1a1d27));border-radius:12px;width:fit-content}._tabIndicator_1tgyr_16{position:absolute;bottom:4px;top:4px;left:0;background:var(--ps-surface-tertiary, var(--surface-tertiary, #252834));border-radius:8px;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);z-index:0}._tab_1tgyr_1{position:relative;z-index:1;padding:12px 24px;font-size:14px;font-weight:700;color:var(--ps-text-secondary, #8b92a8);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s cubic-bezier(.45,.65,.395,1);white-space:nowrap;font-family:inherit}._tab_1tgyr_1:hover:not(:disabled){color:var(--ps-text-primary, #fff)}._tabActive_1tgyr_46{color:var(--ps-text-primary, #fff)}._tabDisabled_1tgyr_50{opacity:.4;cursor:not-allowed}._tabPanel_1tgyr_55{margin-top:0}._wrapper_1n2ha_2{display:flex;flex-direction:column;gap:6px;width:100%}._labelRow_1n2ha_9{display:flex;align-items:center;justify-content:space-between;gap:8px}._label_1n2ha_9{font-size:13px;font-weight:600;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));text-transform:uppercase;letter-spacing:.5px}._resetBtn_1n2ha_24{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_1n2ha_24:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._input_1n2ha_44{background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:2px solid var(--ps-border, var(--border, #2a2a2a));border-radius:10px;padding:12px 16px;font-size:15px;color:var(--ps-text-primary, var(--text-primary, #ffffff));transition:all .2s ease;outline:none;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}._input_1n2ha_44:focus{border-color:var(--ps-text-primary, var(--text-primary, #ffffff))}._input_1n2ha_44::placeholder{color:var(--ps-text-muted, var(--text-muted, #666666))}._input_1n2ha_44:disabled{opacity:.45;cursor:not-allowed}._size-sm_1n2ha_68 ._input_1n2ha_44{padding:8px 12px;font-size:13px}._size-md_1n2ha_73 ._input_1n2ha_44{padding:12px 16px;font-size:15px}._size-lg_1n2ha_78 ._input_1n2ha_44{padding:14px 18px;font-size:16px}._hasError_1n2ha_84 ._input_1n2ha_44{border-color:var(--ps-danger, var(--danger, #ff4444))}._hasError_1n2ha_84 ._input_1n2ha_44:focus{border-color:var(--ps-danger, var(--danger, #ff4444))}._inputContainer_1n2ha_92{display:flex;align-items:center}._hasIcons_1n2ha_97 ._input_1n2ha_44{border-radius:0;border:none;background:transparent;flex:1;min-width:0}._hasIcons_1n2ha_97{background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:2px solid var(--ps-border, var(--border, #2a2a2a));border-radius:10px;transition:all .2s ease}._hasIcons_1n2ha_97:focus-within{border-color:var(--ps-text-primary, var(--text-primary, #ffffff))}._hasIcons_1n2ha_97._hasError_1n2ha_84{border-color:var(--ps-danger, var(--danger, #ff4444))}._iconLeft_1n2ha_119{display:flex;align-items:center;justify-content:center;color:var(--ps-text-muted, var(--text-muted, #666666));flex-shrink:0;padding-left:14px}._iconLeft_1n2ha_119 svg{width:18px;height:18px}._iconRight_1n2ha_132{display:flex;align-items:center;justify-content:center;color:var(--ps-text-muted, var(--text-muted, #666666));flex-shrink:0;padding-right:14px}._iconRight_1n2ha_132 svg{width:18px;height:18px}._hint_1n2ha_146{font-size:12px;color:var(--ps-text-muted, var(--text-muted, #666666))}._hintError_1n2ha_151{color:var(--ps-danger, var(--danger, #ff4444))}._badge_1vdax_1{display:inline-flex;align-items:center;gap:6px;font-weight:700;border-radius:6px;white-space:nowrap;line-height:1}._uppercase_1vdax_11{text-transform:uppercase}._size-sm_1vdax_16{padding:4px 8px;font-size:11px}._size-md_1vdax_21{padding:6px 12px;font-size:12px}._variant-success_1vdax_27{background:#44ff881a;color:var(--ps-success, #44ff88)}._variant-danger_1vdax_32{background:#ff44441a;color:var(--ps-danger, #ff4444)}._variant-warning_1vdax_37{background:#ffc8441a;color:var(--ps-warning, #ffc844)}._variant-info_1vdax_42{background:#44aaff1a;color:var(--ps-info, #44aaff)}._variant-neutral_1vdax_47{background:#ffffff0d;color:var(--ps-text-muted, #5a6078)}._icon_1vdax_53{display:flex;align-items:center;justify-content:center;flex-shrink:0}._icon_1vdax_53 svg{width:14px;height:14px}._skeleton_sk2cr_1{background:var(--ps-surface-tertiary, #252834);position:relative;overflow:hidden}._animated_sk2cr_7{background:linear-gradient(90deg,var(--ps-surface-tertiary, #252834) 25%,var(--ps-surface-elevated, #2e3142) 50%,var(--ps-surface-tertiary, #252834) 75%);background-size:200% 100%;animation:_shimmer_sk2cr_1 1.5s infinite ease-in-out}@keyframes _shimmer_sk2cr_1{0%{background-position:200% 0}to{background-position:-200% 0}}._group_sk2cr_21{display:flex;flex-direction:column}._wrapper_jnagf_6{display:flex;flex-direction:column;gap:8px;width:100%}._disabled_jnagf_13{opacity:.4;pointer-events:none}._labelRow_jnagf_19{display:flex;align-items:center;justify-content:space-between;gap:8px}._label_jnagf_19{font-weight:600;font-size:14px;line-height:1.4;color:var(--ps-text-primary, var(--text-primary, #ffffff));display:flex;gap:6px;align-items:center}._resetBtn_jnagf_36{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_jnagf_36:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._descDot_jnagf_52{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;border-radius:50%;background:var(--ps-border, var(--border, #2a2a2a));color:var(--ps-text-muted, var(--text-muted, #666666));cursor:help;flex-shrink:0}._bar_jnagf_70{position:relative;height:44px;border-radius:12px;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:1px solid var(--ps-border, var(--border, #2a2a2a));overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,box-shadow .2s ease;outline:none}._bar_jnagf_70:hover{border-color:var(--ps-border-hover, var(--border-hover, #404040))}._bar_jnagf_70:focus-visible{border-color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));box-shadow:0 0 0 2px #6d4cf326}._barActive_jnagf_91{border-color:var(--ps-accent-muted, var(--accent-muted, #6d8cff))}._fill_jnagf_96{position:absolute;top:0;bottom:0;left:0;right:auto;background:var(--ps-accent, var(--accent, #ffffff));opacity:.12;transition:opacity .15s ease;border-radius:11px 0 0 11px;pointer-events:none}._bar_jnagf_70:hover ._fill_jnagf_96{opacity:.18}._barActive_jnagf_91 ._fill_jnagf_96{opacity:.22}._edge_jnagf_114{position:absolute;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--ps-accent, var(--accent, #ffffff));opacity:.5;transform:translate(-50%);pointer-events:none;transition:opacity .15s ease,width .1s ease}._bar_jnagf_70:hover ._edge_jnagf_114{opacity:.7}._edgeActive_jnagf_130{opacity:.9!important;width:4px}._content_jnagf_136{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;pointer-events:none;z-index:1}._minLabel_jnagf_148,._maxLabel_jnagf_149{font-size:11px;font-weight:700;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));letter-spacing:.02em;flex-shrink:0;text-shadow:0 0 4px var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a)),0 0 8px var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));z-index:2;position:relative}._valueCenter_jnagf_161{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto}._valueBtn_jnagf_169{background:none;border:none;padding:4px 12px;border-radius:8px;cursor:text;font-size:16px;font-weight:700;font-family:inherit;color:var(--ps-text-primary, var(--text-primary, #ffffff));letter-spacing:.02em;transition:background .15s ease,color .15s ease}._valueBtn_jnagf_169:hover{background:#ffffff0f}._unit_jnagf_186{margin-left:2px;font-size:12px;font-weight:500;color:var(--ps-text-muted, var(--text-muted, #666666))}._valueInput_jnagf_193{width:64px;padding:4px 8px;background:var(--ps-surface-secondary, var(--surface-secondary, #111111));border:1px solid var(--ps-accent, var(--accent, #ffffff));border-radius:8px;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-size:16px;font-weight:700;font-family:inherit;outline:none;text-align:center}._container_1h6u9_3{cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;padding:10px 16px;width:100%;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border-radius:8px;outline:transparent solid 2px;transition:all .2s cubic-bezier(.45,.65,.395,1);-webkit-user-select:none;user-select:none}._container_1h6u9_3:focus-visible{outline-color:var(--ps-border-hover, var(--border-hover, #404040))}._disabled_1h6u9_21{opacity:.5;pointer-events:none}._labelRow_1h6u9_26{display:flex;align-items:center;justify-content:space-between;gap:8px}._label_1h6u9_26{font-weight:400;font-size:12px;line-height:140%;color:var(--ps-text-primary, var(--text-primary, #ffffff));display:flex;gap:5px;align-items:center}._descDot_1h6u9_43{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;border-radius:50%;background:var(--ps-surface-elevated, var(--surface-elevated, #222222));color:var(--ps-text-muted, var(--text-muted, #666666));cursor:help;flex-shrink:0}._resetBtn_1h6u9_58{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_1h6u9_58:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._valueLine_1h6u9_74{display:grid;grid-template-columns:1fr auto;align-items:center;pointer-events:none}._value_1h6u9_74{font-weight:500;font-size:18px;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));transition:color .2s ease}._valueInactive_1h6u9_88{color:var(--ps-text-muted, var(--text-muted, #666666))}._indicator_1h6u9_92{display:flex;flex-shrink:0;transition:color .2s ease;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._indicatorActive_1h6u9_99{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._error_1h6u9_104{outline-color:var(--ps-warning, var(--warning, #ffaa44))}._errorText_1h6u9_108{font-size:12px;font-weight:500;color:var(--ps-warning, var(--warning, #ffaa44));padding-top:4px}._container_1ylo8_2{cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;padding:10px 16px;width:100%;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border-radius:8px;outline:transparent solid 2px;transition:all .2s cubic-bezier(.45,.65,.395,1);-webkit-user-select:none;user-select:none}._container_1ylo8_2:focus-visible{outline-color:var(--ps-border-hover, var(--border-hover, #404040))}._open_1ylo8_20{outline-color:var(--ps-border-hover, var(--border-hover, #404040))}._disabled_1ylo8_24{opacity:.5;pointer-events:none}._labelRow_1ylo8_29{display:flex;align-items:center;justify-content:space-between;gap:8px}._label_1ylo8_29{font-weight:400;font-size:12px;line-height:140%;color:var(--ps-text-primary, var(--text-primary, #ffffff));display:flex;gap:5px;align-items:center}._resetBtn_1ylo8_46{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_1ylo8_46:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._descDot_1ylo8_62{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;border-radius:50%;background:var(--ps-surface-elevated, var(--surface-elevated, #222222));color:var(--ps-text-muted, var(--text-muted, #666666));cursor:help;flex-shrink:0}._valueLine_1ylo8_77{display:grid;grid-template-columns:1fr auto;align-items:center;pointer-events:none}._value_1ylo8_77{font-weight:500;font-size:18px;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));transition:color .2s ease}._placeholder_1ylo8_91{color:var(--ps-text-muted, var(--text-muted, #666666))}._arrow_1ylo8_95{display:flex;transition:transform .2s ease,color .2s ease;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._arrowOpen_1ylo8_101{transform:rotate(180deg);color:var(--ps-text-primary, var(--text-primary, #ffffff))}._panel_1ylo8_107{padding:6px;background:var(--ps-surface-primary, var(--surface-primary, #0d0d0d));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:var(--ps-radius-md, 10px);box-shadow:0 12px 28px #0000002e;max-height:320px;overflow-y:auto;transform-origin:top center;animation:_panelOpen_1ylo8_1 .2s cubic-bezier(.16,1,.3,1) forwards}._panelClosing_1ylo8_119{animation:_panelClose_1ylo8_1 .15s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes _panelOpen_1ylo8_1{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _panelClose_1ylo8_1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.96)}}._list_1ylo8_144{display:grid;gap:2px;max-height:280px;overflow:auto}._option_1ylo8_151{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:var(--ps-radius-sm, 6px);color:var(--ps-text-primary, var(--text-primary, #ffffff));font-size:13px;font-weight:500;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease}._option_1ylo8_151:hover,._option_1ylo8_151._hover_1ylo8_169{background:var(--ps-hover, var(--hover, rgba(255, 255, 255, .05)))}._optionLabel_1ylo8_173{flex:1;min-width:0;pointer-events:none}._check_1ylo8_179{display:flex;flex-shrink:0;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._active_1ylo8_185{background:var(--ps-surface-secondary, var(--surface-secondary, #111111))}._error_1ylo8_190{outline-color:var(--ps-warning, var(--warning, #ffaa44))}._errorText_1ylo8_194{font-size:12px;font-weight:500;color:var(--ps-warning, var(--warning, #ffaa44));padding-top:4px}._wrapper_15zjr_2{display:flex;flex-direction:column;gap:6px;width:100%}._labelRow_15zjr_9{display:flex;align-items:center;justify-content:space-between;gap:8px}._label_15zjr_9{font-size:13px;font-weight:600;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));text-transform:uppercase;letter-spacing:.5px;display:flex;gap:5px;align-items:center}._resetBtn_15zjr_27{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_15zjr_27:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._descDot_15zjr_43{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;border-radius:50%;background:var(--ps-surface-elevated, var(--surface-elevated, #222222));color:var(--ps-text-muted, var(--text-muted, #666666));cursor:help;flex-shrink:0}._field_15zjr_59{position:relative;display:flex;align-items:center;gap:6px;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:2px solid var(--ps-border, var(--border, #2a2a2a));border-radius:10px;padding:12px 16px;transition:all .2s ease;cursor:text}._field_15zjr_59:focus-within{border-color:var(--ps-text-primary, var(--text-primary, #ffffff))}._hasError_15zjr_75 ._field_15zjr_59{border-color:var(--ps-danger, var(--danger, #ff4444))}._hasError_15zjr_75 ._field_15zjr_59:focus-within{border-color:var(--ps-danger, var(--danger, #ff4444))}._disabled_15zjr_82 ._field_15zjr_59{opacity:.45;cursor:not-allowed}._editorWrap_15zjr_87{position:relative;flex:1;min-width:0;min-height:1.4em}._placeholder_15zjr_94{position:absolute;top:0;left:0;right:0;color:var(--ps-text-muted, var(--text-muted, #666666));pointer-events:none;font-weight:500;font-size:15px;line-height:140%;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}._editor_15zjr_87{position:relative;width:100%;font-weight:500;font-size:15px;line-height:140%;color:var(--ps-text-primary, var(--text-primary, #ffffff));background:transparent;outline:none;overflow-wrap:break-word;word-break:break-word;min-height:1.4em;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._editor_15zjr_87:focus-visible{outline:none}._cmdBtn_15zjr_127{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px;background:transparent;border:none;cursor:pointer;color:var(--ps-text-muted, var(--text-muted, #666666));transition:color .2s ease}._cmdBtn_15zjr_127:hover,._cmdBtnActive_15zjr_143{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._cmdPanel_15zjr_149{padding:6px;background:var(--ps-surface-primary, var(--surface-primary, #0d0d0d));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:var(--ps-radius-md, 10px);box-shadow:0 12px 28px #0000002e;max-height:320px;overflow-y:auto;transform-origin:top center;animation:_panelOpen_15zjr_1 .2s cubic-bezier(.16,1,.3,1) forwards}._cmdPanelClosing_15zjr_161{animation:_panelClose_15zjr_1 .15s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes _panelOpen_15zjr_1{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _panelClose_15zjr_1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.96)}}._cmdItem_15zjr_187{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:var(--ps-radius-sm, 6px);cursor:pointer;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-size:13px;font-weight:500;font-family:inherit;text-align:left;transition:background .15s ease}._cmdItem_15zjr_187:hover{background:var(--ps-hover, var(--hover, rgba(255, 255, 255, .05)))}._cmdKey_15zjr_208{font-weight:600;color:var(--ps-accent, var(--accent, #6D4CF3))}._cmdSep_15zjr_213{color:var(--ps-text-muted, var(--text-muted, #666666))}._cmdLabel_15zjr_217{color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._hint_15zjr_222{font-size:12px;color:var(--ps-text-muted, var(--text-muted, #666666))}._error_15zjr_227{font-size:12px;color:var(--ps-danger, var(--danger, #ff4444));animation:_errorIn_15zjr_1 .2s ease-in-out}@keyframes _errorIn_15zjr_1{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}._wrapper_1wzk6_2{position:relative;display:inline-flex}._trigger_1wzk6_7{cursor:pointer}._menu_1wzk6_12{position:absolute;top:calc(100% + 6px);left:0;z-index:2000;min-width:220px;padding:6px 0;background:var(--ps-surface-primary, var(--surface-primary, #0d0d0d));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:var(--ps-radius-md, 10px);box-shadow:0 12px 28px #0000004d;transform-origin:top left;animation:_menuOpen_1wzk6_1 .18s cubic-bezier(.16,1,.3,1) forwards}._menuRight_1wzk6_27{left:auto;right:0;transform-origin:top right}._menuDrill_1wzk6_34{overflow:hidden}._menuClosing_1wzk6_38{animation:_menuClose_1wzk6_1 .1s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@keyframes _menuOpen_1wzk6_1{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _menuClose_1wzk6_1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.97)}}._item_1wzk6_64{position:relative;display:flex;align-items:center;gap:10px;padding:8px 16px;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-size:14px;font-weight:600;line-height:140%;cursor:pointer;transition:background .01s ease;-webkit-user-select:none;user-select:none}._item_1wzk6_64:hover{background:var(--ps-hover, var(--hover, rgba(255, 255, 255, .06)))}._itemActive_1wzk6_83{background:var(--ps-surface-secondary, var(--surface-secondary, rgba(255, 255, 255, .1)))}._itemActive_1wzk6_83:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ps-accent, var(--accent, #6D4CF3));border-radius:0 2px 2px 0}._itemReverse_1wzk6_98._itemActive_1wzk6_83:after{left:auto;right:0;border-radius:2px 0 0 2px}._itemDisabled_1wzk6_104{opacity:.35;cursor:not-allowed;pointer-events:none}._itemIcon_1wzk6_110{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._itemIcon_1wzk6_110 svg{width:18px;height:18px}._itemLabel_1wzk6_124{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._itemChevron_1wzk6_132{display:flex;align-items:center;flex-shrink:0;color:var(--ps-text-muted, var(--text-muted, #666666));transition:color .15s ease,transform .2s cubic-bezier(.16,1,.3,1)}._itemChevron_1wzk6_132 svg{width:14px;height:14px}._itemChevronOpen_1wzk6_148{color:var(--ps-text-primary, var(--text-primary, #ffffff));transform:rotate(180deg)}._itemChevronLeft_1wzk6_144._itemChevronOpen_1wzk6_148{transform:rotate(-180deg)}._toggle_1wzk6_158{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;border:2px solid var(--ps-text-muted, var(--text-muted, #555555));border-radius:4px;transition:all .15s ease}._toggleDot_1wzk6_170{width:0;height:0;background:var(--ps-text-primary, var(--text-primary, #ffffff));border-radius:2px;transition:all .15s ease}._toggleChecked_1wzk6_178{border-color:var(--ps-text-primary, var(--text-primary, #ffffff))}._toggleChecked_1wzk6_178 ._toggleDot_1wzk6_170{width:8px;height:8px}._radio_1wzk6_187{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border:2px solid var(--ps-text-muted, var(--text-muted, #555555));border-radius:50%;transition:all .15s ease}._radioDot_1wzk6_199{width:0;height:0;background:var(--ps-accent, var(--accent, #6D4CF3));border-radius:50%;transition:all .18s cubic-bezier(.16,1,.3,1)}._radioChecked_1wzk6_207{border-color:var(--ps-accent, var(--accent, #6D4CF3))}._radioChecked_1wzk6_207 ._radioDot_1wzk6_199{width:8px;height:8px}._divider_1wzk6_216{height:1px;margin:4px 12px;background:var(--ps-border, var(--border, #2a2a2a))}._submenu_1wzk6_225{position:absolute;left:calc(100% + 4px);top:-6px;z-index:2001;min-width:200px;padding:6px 0;background:var(--ps-surface-primary, var(--surface-primary, #0d0d0d));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:var(--ps-radius-md, 10px);box-shadow:0 12px 28px #0000004d;transform-origin:left top;animation:_subOpenRight_1wzk6_1 .15s cubic-bezier(.16,1,.3,1) forwards}._submenu_1wzk6_225:before{content:"";position:absolute;right:100%;top:0;width:10px;height:100%;background:transparent}._submenuClosing_1wzk6_250{animation:_subCloseRight_1wzk6_1 .08s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}._submenuLeft_1wzk6_256{left:auto;right:calc(100% + 4px);transform-origin:right top;animation:_subOpenLeft_1wzk6_1 .15s cubic-bezier(.16,1,.3,1) forwards}._submenuLeft_1wzk6_256:before{left:100%;right:auto}._submenuClosingLeft_1wzk6_268{animation:_subCloseLeft_1wzk6_1 .08s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@keyframes _subOpenRight_1wzk6_1{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes _subCloseRight_1wzk6_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px)}}@keyframes _subOpenLeft_1wzk6_1{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes _subCloseLeft_1wzk6_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(6px)}}._drillChevron_1wzk6_316{display:flex;align-items:center;flex-shrink:0;color:var(--ps-text-muted, var(--text-muted, #666666));transition:color .1s ease,transform .15s ease}._drillChevron_1wzk6_316 svg{width:14px;height:14px}._item_1wzk6_64:hover ._drillChevron_1wzk6_316{color:var(--ps-text-primary, var(--text-primary, #ffffff));transform:translate(2px)}._drillSlideIn_1wzk6_340{animation:_drillIn_1wzk6_1 .2s cubic-bezier(.16,1,.3,1) both}._drillSlideOut_1wzk6_344{animation:_drillOut_1wzk6_1 .2s cubic-bezier(.16,1,.3,1) both}@keyframes _drillIn_1wzk6_1{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes _drillOut_1wzk6_1{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}._drillBack_1wzk6_369{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:2px;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));font-size:13px;font-weight:700;line-height:140%;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .1s ease,background .1s ease;border-bottom:1px solid var(--ps-border, var(--border, #2a2a2a))}._drillBack_1wzk6_369:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff));background:var(--ps-hover, var(--hover, rgba(255, 255, 255, .06)))}._drillBackIcon_1wzk6_389{display:flex;align-items:center;flex-shrink:0}._drillBackIcon_1wzk6_389 svg{width:14px;height:14px}._drillBackLabel_1wzk6_399{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._wrapper_16sej_2{display:flex;flex-direction:column;gap:8px;padding:14px 18px;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:12px;position:relative;transition:border-color .2s ease}._disabled_16sej_14{opacity:.4;pointer-events:none}._labelRow_16sej_19{display:flex;align-items:center;justify-content:space-between;gap:8px}._label_16sej_19{font-weight:600;font-size:14px;line-height:1.4;color:var(--ps-text-primary, var(--text-primary, #ffffff));display:flex;gap:6px;align-items:center}._resetBtn_16sej_36{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_16sej_36:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._descDot_16sej_52{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;border-radius:50%;cursor:help;flex-shrink:0;background:var(--ps-border, var(--border, #2a2a2a));color:var(--ps-text-muted, var(--text-muted, #666666))}._trigger_16sej_68{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:0}._swatch_16sej_78{width:32px;height:22px;border-radius:6px;border:1px solid var(--ps-border, var(--border, #2a2a2a));flex-shrink:0}._hexLabel_16sej_86{font-size:16px;font-weight:600;font-family:inherit;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._panel_16sej_94{width:280px;padding:12px;background:var(--ps-surface-primary, var(--surface-primary, #0d0d0d));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:12px;box-shadow:0 12px 28px #00000059;display:flex;flex-direction:column;gap:10px;animation:_panelIn_16sej_1 .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes _panelIn_16sej_1{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}._sv_16sej_118{position:relative;width:100%;height:160px;border-radius:8px;overflow:hidden;cursor:crosshair;border:1px solid var(--ps-border, var(--border, #2a2a2a));background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,transparent)}._svKnob_16sej_129{position:absolute;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.5);box-shadow:0 1px 4px #0006;pointer-events:none}._hueSlider_16sej_142{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;border-radius:999px;border:none;outline:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}._hueSlider_16sej_142::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border:2px solid rgba(0,0,0,.3);border-radius:50%;box-shadow:0 1px 3px #00000059;margin-top:0;cursor:grab}._hueSlider_16sej_142::-moz-range-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border:2px solid rgba(0,0,0,.3);border-radius:50%;box-shadow:0 1px 3px #00000059;margin-top:0;cursor:grab;border:none}._alphaRow_16sej_176{position:relative}._alphaChecker_16sej_180{pointer-events:none;position:absolute;top:2px;right:3px;bottom:2px;left:3px;border-radius:999px;background:linear-gradient(45deg,#888 25%,transparent 25%) 0 0/8px 8px,linear-gradient(-45deg,#888 25%,transparent 25%) 0 0/8px 8px,linear-gradient(45deg,transparent 75%,#888 75%) 0 0/8px 8px,linear-gradient(-45deg,transparent 75%,#888 75%) 0 0/8px 8px;opacity:.2}._alphaSlider_16sej_189{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;border-radius:999px;border:none;outline:none;cursor:pointer;position:relative;z-index:1}._alphaSlider_16sej_189::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border:2px solid rgba(0,0,0,.3);border-radius:50%;box-shadow:0 1px 3px #00000059;margin-top:0;cursor:grab}._alphaSlider_16sej_189::-moz-range-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border:2px solid rgba(0,0,0,.3);border-radius:50%;box-shadow:0 1px 3px #00000059;margin-top:0;cursor:grab;border:none}._inputs_16sej_225{display:flex;gap:8px}._hexInput_16sej_230{flex:1;padding:7px 10px;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:8px;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-size:13px;font-weight:600;font-family:inherit;outline:none;transition:border-color .15s ease}._hexInput_16sej_230:focus{border-color:var(--ps-accent-muted, var(--accent-muted, #888))}._opacityBox_16sej_247{position:relative;width:64px;flex-shrink:0}._opacityInput_16sej_253{width:100%;padding:7px 24px 7px 10px;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:8px;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-size:13px;font-weight:600;font-family:inherit;outline:none;text-align:center}._opacityInput_16sej_253:focus{border-color:var(--ps-accent-muted, var(--accent-muted, #888))}._opacitySuffix_16sej_270{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;color:var(--ps-text-muted, var(--text-muted, #666666));pointer-events:none}._wrapper_1bima_2{display:flex;flex-direction:column;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:12px;overflow:hidden;transition:border-color .2s ease}._wrapper_1bima_2:hover{border-color:var(--ps-border-hover, var(--border-hover, #404040))}._disabled_1bima_15{opacity:.4;pointer-events:none}._previewWrap_1bima_21{width:100%;height:140px;overflow:hidden;background:var(--ps-surface-secondary, var(--surface-secondary, #111111));cursor:pointer;position:relative}._previewImg_1bima_30{width:100%;height:100%;object-fit:cover;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}._previewLoaded_1bima_39 ._previewImg_1bima_30{opacity:1;transform:translateY(0)}._labelRow_1bima_45{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px 0}._label_1bima_45{font-weight:600;font-size:14px;line-height:1.4;color:var(--ps-text-primary, var(--text-primary, #ffffff));display:flex;gap:6px;align-items:center}._resetBtn_1bima_63{background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;color:var(--ps-accent-muted, var(--accent-muted, #6d8cff));transition:color .15s ease;white-space:nowrap}._resetBtn_1bima_63:hover{color:var(--ps-text-primary, var(--text-primary, #ffffff))}._descDot_1bima_79{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;border-radius:50%;cursor:help;flex-shrink:0;background:var(--ps-border, var(--border, #2a2a2a));color:var(--ps-text-muted, var(--text-muted, #666666))}._field_1bima_95{display:flex;align-items:center;gap:6px;margin:8px 14px 14px;padding:8px 10px;background:var(--ps-surface-secondary, var(--surface-secondary, #111111));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:8px;transition:border-color .15s ease}._field_1bima_95:hover{border-color:var(--ps-border-hover, var(--border-hover, #404040))}._textInput_1bima_110{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}._textInput_1bima_110::placeholder{color:var(--ps-text-muted, var(--text-muted, #666666))}._clearBtn_1bima_126,._pickBtn_1bima_127,._editBtn_1bima_128{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}._clearBtn_1bima_126:hover,._pickBtn_1bima_127:hover,._editBtn_1bima_128:hover{background:var(--ps-hover, var(--hover, rgba(255, 255, 255, .06)));border-color:var(--ps-border, var(--border, #2a2a2a));color:var(--ps-text-primary, var(--text-primary, #ffffff))}._hidden_1bima_150{display:none}._wrapper_14mkh_2{display:flex;flex-direction:column;gap:8px}._section_14mkh_9{border-radius:12px}._sectionDisabled_14mkh_13{opacity:.4;pointer-events:none}._header_14mkh_19{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:var(--ps-surface-tertiary, var(--surface-tertiary, #1a1a1a));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:12px;cursor:pointer;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-family:inherit;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .2s ease,border-radius .25s ease}._header_14mkh_19:hover,._sectionOpen_14mkh_37 ._header_14mkh_19{border-color:var(--ps-border-hover, var(--border-hover, #404040))}._badge_14mkh_41{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:8px;background:var(--ps-surface-secondary, var(--surface-secondary, #111111));border:1px solid var(--ps-border, var(--border, #2a2a2a));font-size:12px;font-weight:700;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));transition:background .2s ease,color .2s ease,border-color .2s ease}._sectionOpen_14mkh_37 ._badge_14mkh_41{background:var(--ps-accent, var(--accent, #ffffff));color:var(--ps-surface-primary, var(--surface-primary, #0a0a0a));border-color:transparent}._title_14mkh_62{flex:1;text-align:left;font-size:15px;font-weight:600;line-height:1.4}._chevron_14mkh_70{display:flex;align-items:center;flex-shrink:0;color:var(--ps-text-muted, var(--text-muted, #666666));transition:transform .3s cubic-bezier(.16,1,.3,1),color .15s ease}._chevronOpen_14mkh_78{transform:rotate(180deg);color:var(--ps-text-primary, var(--text-primary, #ffffff))}._bodyContent_14mkh_84{pointer-events:auto}._divider_14mkh_89{height:1px;margin:0 18px;background:var(--ps-border, var(--border, #2a2a2a));opacity:.6}._body_14mkh_84{overflow:hidden;transition:height .35s cubic-bezier(.16,1,.3,1);pointer-events:auto}._bodyOpening_14mkh_103 ._bodyInner_14mkh_103{animation:_fadeSlideIn_14mkh_1 .3s cubic-bezier(.16,1,.3,1) forwards}._bodyClosing_14mkh_107 ._bodyInner_14mkh_103{animation:_fadeSlideOut_14mkh_1 .2s ease forwards}@keyframes _fadeSlideIn_14mkh_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes _fadeSlideOut_14mkh_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}._bodyInner_14mkh_103{padding:16px 18px 18px;pointer-events:auto;position:relative;z-index:1;isolation:isolate}._wrapper_1xxwq_3{position:relative;display:inline-flex}._trigger_1xxwq_8{cursor:pointer}._panel_1xxwq_12{display:flex;flex-direction:column;background:var(--ps-surface-primary, var(--surface-primary, #0d0d0d));border:1px solid var(--ps-border, var(--border, #2a2a2a));border-radius:var(--ps-radius-md, 10px);box-shadow:0 12px 40px #00000059;overflow:hidden;transform-origin:top right;animation:_panelOpen_1xxwq_1 .25s cubic-bezier(.16,1,.3,1) forwards}._panelRight_1xxwq_24{transform-origin:top right}._panelClosing_1xxwq_28{animation:_panelClose_1xxwq_1 .2s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes _panelOpen_1xxwq_1{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _panelClose_1xxwq_1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.97)}}._content_1xxwq_53{position:relative;display:flex;flex-direction:column}._banner_1xxwq_59{width:100%;height:100px;background-size:cover;background-position:50% 50%}._userInfo_1xxwq_66{display:flex;flex-direction:row;align-items:flex-end;gap:12px;padding:30px 20px 12px;margin-top:-50px;position:relative}._avatarWrap_1xxwq_76{flex-shrink:0}._avatarWrap_1xxwq_76>*{border:4px solid var(--ps-background, var(--background, #040404));border-radius:14px}._userDetails_1xxwq_84{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}._username_1xxwq_91{font-weight:900;font-size:18px;line-height:1.1;color:var(--ps-text-primary, var(--text-primary, #ffffff))}._nickname_1xxwq_98{font-weight:600;font-size:14px;line-height:1.1;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._content_1xxwq_53:not(:has(._banner_1xxwq_59)) ._userInfo_1xxwq_66{margin-top:0;padding-top:20px}._menu_1xxwq_111{display:flex;flex-direction:column;padding:0 0 8px}._item_1xxwq_117{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;border:none;background:transparent;color:var(--ps-text-primary, var(--text-primary, #ffffff));font-weight:700;font-size:13px;line-height:1.4;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s ease}._item_1xxwq_117:hover{background:var(--ps-hover, var(--hover, rgba(255, 255, 255, .06)))}._itemDisabled_1xxwq_138{opacity:.2;cursor:not-allowed}._itemIcon_1xxwq_143{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0))}._itemLabel_1xxwq_151{flex:1;min-width:0}._bar_ctl9k_3{flex-direction:column;align-items:center;gap:8px;display:flex;justify-content:space-between}._items_ctl9k_11{display:flex;flex-direction:column;gap:6px}._item_ctl9k_11{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--ps-text-secondary, var(--text-secondary, #a0a0a0));cursor:pointer;transition:all .2s cubic-bezier(.45,.65,.395,1);text-decoration:none}._item_ctl9k_11:hover:not(:disabled){background:var(--ps-hover, var(--hover, rgba(255, 255, 255, .06)));color:var(--ps-text-primary, var(--text-primary, #ffffff))}._iconWrap_ctl9k_37{display:flex;align-items:center;justify-content:center}._iconWrap_ctl9k_37 svg{width:20px;height:20px}._itemActive_ctl9k_47{background:var(--ps-nav-active, #5865f2);color:var(--ps-text-primary, var(--text-primary, #ffffff))}._itemActive_ctl9k_47:hover{background:var(--ps-nav-active, #5865f2);filter:brightness(1.1)}._itemDisabled_ctl9k_56{opacity:.4;cursor:default;color:var(--ps-text-muted, var(--text-muted, #666666))}._slot_ctl9k_62{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}