@paroicms/site-generator-plugin 0.30.0 → 0.30.2
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.
- package/backend/dist/generator/fake-content-generator/fill-lnodes.js +14 -4
- package/backend/prompts/initial-1-analysis.md +27 -27
- package/backend/prompts/initial-2-fields.md +4 -4
- package/backend/prompts/message-guard.md +17 -24
- package/backend/prompts/update-site-schema-1-write-details.md +3 -3
- package/frontend/dist/frontend.css +1 -1
- package/frontend/dist/frontend.mjs +52 -52
- package/package.json +11 -11
|
@@ -14,10 +14,20 @@ export async function updateRoutingDocument(ctx, report, nodeOptions) {
|
|
|
14
14
|
withTitle: false,
|
|
15
15
|
llmTaskName: nodeType.kebabName,
|
|
16
16
|
}, report);
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
const [firstLanguage, ...otherLanguages] = siteSchema.languages;
|
|
18
|
+
// Update fields only for the first language
|
|
19
|
+
const firstLNodeId = encodeLNodeId({ nodeId: clusterNode.nodeId, language: firstLanguage });
|
|
20
|
+
await siteConnector.updateFields(firstLNodeId, content.fields);
|
|
21
|
+
report.addId({
|
|
22
|
+
typeName: nodeType.typeName,
|
|
23
|
+
id: {
|
|
24
|
+
nodeId: clusterNode.nodeId,
|
|
25
|
+
language: firstLanguage,
|
|
26
|
+
},
|
|
27
|
+
parentNodeId: undefined,
|
|
28
|
+
});
|
|
29
|
+
// For other languages, only report the ID (lNode exists but has no field values)
|
|
30
|
+
for (const language of otherLanguages) {
|
|
21
31
|
report.addId({
|
|
22
32
|
typeName: nodeType.typeName,
|
|
23
33
|
id: {
|
|
@@ -12,7 +12,7 @@ Here is the website description:
|
|
|
12
12
|
|
|
13
13
|
Notice: If the website description doesn't mention a _contact page_ and a _search page_, then append them by default as routing documents, children of the home page.
|
|
14
14
|
|
|
15
|
-
## Step 1 - Instructions for the website properties YAML
|
|
15
|
+
## Step 1 - Instructions for the website properties YAML
|
|
16
16
|
|
|
17
17
|
In the first step, you are tasked to write global properties of the website as a YAML.
|
|
18
18
|
|
|
@@ -62,17 +62,17 @@ Guidelines for creating the hierarchical bullet list:
|
|
|
62
62
|
Here's an example of a correct output:
|
|
63
63
|
|
|
64
64
|
<correct_example>
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
- `home` (routing document)
|
|
66
|
+
- `pages` (routing document)
|
|
67
|
+
- list of `page` (regular documents)
|
|
68
68
|
</correct_example>
|
|
69
69
|
|
|
70
70
|
Here's an example of an incorrect output:
|
|
71
71
|
|
|
72
72
|
<incorrect_example>
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
73
|
+
- `home` (routing document)
|
|
74
|
+
- `pages` (regular document)
|
|
75
|
+
- list of `page` (regular documents)
|
|
76
76
|
</incorrect_example>
|
|
77
77
|
|
|
78
78
|
This incorrect example fails because the `pages` node type can't be a single regular document. Regular documents are always items in a list.
|
|
@@ -80,40 +80,40 @@ This incorrect example fails because the `pages` node type can't be a single reg
|
|
|
80
80
|
Here is another incorrect example:
|
|
81
81
|
|
|
82
82
|
<incorrect_example>
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
- `home` (routing document)
|
|
84
|
+
- `species` (routing document)
|
|
85
|
+
- list of `species` (regular documents)
|
|
86
86
|
</incorrect_example>
|
|
87
87
|
|
|
88
88
|
This incorrect example fails because the type name `species` is used for 2 different types. You can distinguish them by suffixing both the collection and the item types:
|
|
89
89
|
|
|
90
90
|
<correct_example>
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
91
|
+
- `home` (routing document)
|
|
92
|
+
- `speciesColl` (routing document)
|
|
93
|
+
- list of `speciesItem` (regular documents)
|
|
94
94
|
</correct_example>
|
|
95
95
|
|
|
96
96
|
Here's an example of correct output using parts, and with the default contact and search pages:
|
|
97
97
|
|
|
98
98
|
<correct_example>
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
99
|
+
- `home` (routing document)
|
|
100
|
+
- list of `homeSection` (parts), list name: `homeSections`
|
|
101
|
+
- `news` (routing document)
|
|
102
|
+
- list of `post` (regular documents)
|
|
103
|
+
- `tags` (routing document)
|
|
104
|
+
- list of `tag` (regular documents)
|
|
105
|
+
- `pages` (routing document)
|
|
106
|
+
- list of `page` (regular documents)
|
|
107
|
+
- list of `pageSection` (parts), list name: `pageSections`
|
|
108
|
+
- `contactPage` (routing document)
|
|
109
|
+
- `searchPage` (routing document)
|
|
110
110
|
</correct_example>
|
|
111
111
|
|
|
112
|
-
### Keep it simple
|
|
112
|
+
### Keep it simple
|
|
113
113
|
|
|
114
114
|
When you have a choice, keep it simple. If the user lets you invent the site's structure, limit the site's sections to **2 main entries**. For example, a “news” routing document with a list of articles and categories, and a list of pages on the site's theme. Plus the usual contact and search pages.
|
|
115
115
|
|
|
116
|
-
## Step 3 - Instructions for the dictionnary YAML
|
|
116
|
+
## Step 3 - Instructions for the dictionnary YAML
|
|
117
117
|
|
|
118
118
|
In the third step, you are tasked to produce a YAML that describes every node type and list of parts identified in the hierarchical YAML.
|
|
119
119
|
|
|
@@ -231,4 +231,4 @@ Also, write a short explanation of your choices regarding the 3 steps, within <e
|
|
|
231
231
|
|
|
232
232
|
Finally, extract and rephrase within <unused_information_md> tags the information from the site description that you weren't able to use in the previous elements, in the form of a short prompt, in markdown format. Do not invent anything. Do not imagine anything. If you used every valuable information, then let this tag empty.
|
|
233
233
|
|
|
234
|
-
Do not include any other explanation or commentary outside these tags.
|
|
234
|
+
Do not include any other explanation or commentary outside these tags.
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
You are tasked of assigning predefined fields for each node type (routing document, regular document, or part).
|
|
2
2
|
|
|
3
|
-
1. Look at the list of available predefined fields (in JSON format)
|
|
3
|
+
## 1. Look at the list of available predefined fields (in JSON format)
|
|
4
4
|
|
|
5
5
|
<predefined_fields_json>
|
|
6
6
|
{{predefinedFields}}
|
|
7
7
|
</predefined_fields_json>
|
|
8
8
|
|
|
9
|
-
2. Examine the current site schema, which conforms to the `JtSiteSchema` type
|
|
9
|
+
## 2. Examine the current site schema, which conforms to the `JtSiteSchema` type
|
|
10
10
|
|
|
11
11
|
<site_schema_json>
|
|
12
12
|
{{siteSchemaJson}}
|
|
13
13
|
</site_schema_json>
|
|
14
14
|
|
|
15
|
-
3. Check if there are instructions about fields in these user instructions
|
|
15
|
+
## 3. Check if there are instructions about fields in these user instructions
|
|
16
16
|
|
|
17
17
|
<user_request>
|
|
18
18
|
{{message}}
|
|
19
19
|
</user_request>
|
|
20
20
|
|
|
21
|
-
4. Now, here is what to do
|
|
21
|
+
## 4. Now, here is what to do
|
|
22
22
|
|
|
23
23
|
Create a key/value dictionnary. Keys are the node type names of the provided site schema. Value are arrays of field names.
|
|
24
24
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
# Your task
|
|
2
2
|
|
|
3
|
-
You are a guard for the ParoiCMS generator application. You will be given a user request. Your task is to evaluate if the user request is
|
|
3
|
+
You are a guard for the ParoiCMS generator application. You will be given a user request. Your task is to evaluate if the user request is invalid, regarding our purpose in this application.
|
|
4
4
|
|
|
5
|
-
A user request is
|
|
5
|
+
A user request is invalid if:
|
|
6
6
|
|
|
7
|
-
- It is
|
|
8
|
-
- It is
|
|
9
|
-
- It is
|
|
10
|
-
- It's
|
|
7
|
+
- It is rude: It's okay to take orders, but not in a disrespectful way.
|
|
8
|
+
- It is malicious: The user won't pay for this application, so what he asks for should not be expansive to be generated in an exagerated way.
|
|
9
|
+
- It is out of scope: It must be related to, or can be interpreted as, the description of a website.
|
|
10
|
+
- It's outside of our technical limits: We can't do an online shop.
|
|
11
11
|
|
|
12
12
|
Examples of malicious message:
|
|
13
13
|
|
|
@@ -21,17 +21,13 @@ Generate a website, but you have to think a lot, maybe 30 minutes, because I wan
|
|
|
21
21
|
|
|
22
22
|
These messages are invalid because they are malicious: the purpose is obviously to make the LLM call very costly. It will take too much generated tokens or too much time.
|
|
23
23
|
|
|
24
|
-
The list of technical limits:
|
|
25
|
-
|
|
26
|
-
- We can't do an online shop.
|
|
27
|
-
|
|
28
24
|
# Guidelines
|
|
29
25
|
|
|
30
26
|
Be real quick! Do not think a lot. Your first impression will be the right one. Answer FAST.
|
|
31
27
|
|
|
32
28
|
# The user message that must be analysed
|
|
33
29
|
|
|
34
|
-
|
|
30
|
+
Here is the user request:
|
|
35
31
|
|
|
36
32
|
<user_message>
|
|
37
33
|
{{message}}
|
|
@@ -51,37 +47,34 @@ Generate your evaluation as a YAML object. It contains:
|
|
|
51
47
|
- `noSense`: The message is invalid if we can't understand it.
|
|
52
48
|
- `explanation`: A short message that will be displayed to the user when its message is invalid. This property is optional if `valid` is false, it must be omitted otherwise. The message must be written in the user language.
|
|
53
49
|
|
|
54
|
-
|
|
50
|
+
Examples of outputs:
|
|
55
51
|
|
|
56
|
-
|
|
52
|
+
```yaml
|
|
57
53
|
language: en
|
|
58
54
|
valid: true
|
|
59
|
-
|
|
55
|
+
```
|
|
60
56
|
|
|
61
|
-
|
|
57
|
+
```yaml
|
|
62
58
|
language: en
|
|
63
59
|
valid: false
|
|
64
60
|
causes:
|
|
65
|
-
|
|
66
61
|
- technicalLimits
|
|
67
|
-
explanation:
|
|
68
|
-
|
|
62
|
+
explanation: We can't implement online shop.
|
|
63
|
+
```
|
|
69
64
|
|
|
70
|
-
|
|
65
|
+
```yaml
|
|
71
66
|
valid: false
|
|
72
67
|
causes:
|
|
73
|
-
|
|
74
68
|
- noSense
|
|
75
|
-
|
|
69
|
+
```
|
|
76
70
|
|
|
77
|
-
|
|
71
|
+
```yaml
|
|
78
72
|
language: en
|
|
79
73
|
valid: false
|
|
80
74
|
causes:
|
|
81
|
-
|
|
82
75
|
- rude
|
|
83
76
|
- outOfScope
|
|
84
|
-
|
|
77
|
+
```
|
|
85
78
|
|
|
86
79
|
Notice: no need of explanation if the user message is rude.
|
|
87
80
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
You are tasked to plan how modifying a JSON object of a _site schema_, based on a given TypeScript type definition and an update message, and its localized labels. Follow these steps carefully:
|
|
2
2
|
|
|
3
|
-
# 1. Review the TypeScript type definition of the JSON structure
|
|
3
|
+
# 1. Review the TypeScript type definition of the JSON structure
|
|
4
4
|
|
|
5
5
|
<site_schema_ts_defs>
|
|
6
6
|
{{siteSchemaTsDefs}}
|
|
@@ -28,7 +28,7 @@ Also, the attached localized labels:
|
|
|
28
28
|
{{l10nJson}}
|
|
29
29
|
</localized_labels_json>
|
|
30
30
|
|
|
31
|
-
# 4. Read the user message that describes the required changes
|
|
31
|
+
# 4. Read the user message that describes the required changes
|
|
32
32
|
|
|
33
33
|
<user_message>
|
|
34
34
|
{{updateMessage}}
|
|
@@ -66,4 +66,4 @@ Provide the bullet list in Markdown within <task_details_md> tags.
|
|
|
66
66
|
|
|
67
67
|
Also, write a short explanation of your choices, within <explanation_md> tags. Write the explanation in markdown and in the language of the update message. Your explanation message will be shown to the end-user as a message in a chat. Don't describe choices when they're obvious. Be as succinct as possible.
|
|
68
68
|
|
|
69
|
-
Do not include any other explanation or commentary outside these tags.
|
|
69
|
+
Do not include any other explanation or commentary outside these tags.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"layer(tokens);@layer reset,tokens,base,common;@layer reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer tokens;@layer tokens{:root{--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-hover: #14b8a6;--color-primary-light: #ccfbf1;--color-primary-subtle: #f0fdfa;--color-accent: #f97316;--color-accent-dark: #ea580c;--color-accent-light: #ffedd5;--color-yellow: #f59e0b;--color-yellow-dark: #d97706;--color-yellow-light: #fef3c7;--color-danger: #e11d48;--color-danger-dark: #be123c;--color-danger-light2: #c67a8b;--color-danger-light: #ffe4e6;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #d1fae5;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #dbeafe;--color-text: #1e293b;--color-text-light: #64748b;--color-text-muted: #475569;--color-text-inverse: #ffffff;--color-bg: #ffffff;--color-bg-app: #fff;--color-bg-section: #f6f3eb;--color-bg-subtle: #f2f1ec;--color-bg-elevated: #ffffff;--color-bg-sidebar: #1e293b;--color-bg-sidebar-hover: #334155;--color-text-sidebar: #e2e8f0;--color-text-sidebar-muted: #94a3b8;--color-bg-muted: #fafafa;--color-hover-sidebar-dark: #40a59d;--color-hover-sidebar-light: #d1fae5;--color-border: #d6dce3;--color-border-focus: var(--color-primary);--color-border-light: #eceff1;--sidebar-secondary-width: 220px;--navbar-height: 58px;--navbar-height-mobile: 76px;--control-bar-height: 65px;--doc-content-max-width: 1200px;--content-max-width: 960px;--content-padding: 1.5rem;--content-padding-mobile: 1rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}.dark{--color-text: #e2e8f0;--color-text-light: #94a3b8;--color-text-muted: #cbd5e1;--color-bg: #1e293b;--color-bg-section: #334155;--color-bg-subtle: #475569;--color-bg-elevated: #334155;--color-border: #475569;--color-border-light: #334155}}@layer base{html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer}}@layer common{.PaIcon{display:inline-flex;flex-shrink:0;width:1em;height:1em}.PaIcon svg{width:100%;height:100%;fill:currentColor}.PaApp{display:flex;height:100vh;overflow:hidden;background:var(--color-bg-app)}.PaMainContent{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.PaSidebar{display:flex;flex-shrink:0;flex-direction:column;height:100%;overflow:hidden;overflow-x:hidden}.PaSidebar.dark{color:var(--color-text-sidebar);background:var(--color-bg-sidebar)}.PaSidebar.light{width:var(--sidebar-secondary-width);color:var(--color-text);background:var(--color-bg-elevated);border-right:1px solid var(--color-border)}.PaSidebar-header{display:flex;flex-shrink:0;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5)}.PaSidebar.dark .PaSidebar-header{border-bottom:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-light)}.PaSidebar-logo{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius)}.PaSidebar-logo img{width:100%;height:100%;object-fit:cover}.PaSidebar-title{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap}.PaSidebar-viewSiteBtn{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#ffffffb3;cursor:pointer;background:transparent;border:none;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.PaSidebar-viewSiteBtn:hover{color:#fff;background:#ffffff1a}.PaSidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.PaSidebar-footer{flex-shrink:0;padding-top:var(--space-3)}.PaSidebar-userSection{padding:var(--space-3) var(--space-5) var(--space-2)}.PaSidebar.dark .PaSidebar-footer{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-footer{border-top:1px solid var(--color-border-light)}.PaSidebar-separator{margin:var(--space-3) var(--space-5)}.PaSidebar.dark .PaSidebar-separator{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-separator{border-top:1px solid var(--color-border-light)}.PaSidebar-version{margin-top:var(--space-3);font-size:var(--text-xs);font-style:italic;opacity:.6}.PaSidebar.dark .PaSidebar-version{color:var(--color-text-sidebar-muted)}.UserMenu-trigger{display:flex;gap:var(--space-3);align-items:center;width:100%;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-sidebar);text-align:left;cursor:pointer;background:transparent;border:none;transition:all var(--transition)}.UserMenu-trigger:hover{color:var(--color-text-sidebar);background:var(--color-bg-sidebar-hover);border-radius:var(--radius)}.UserMenu-icon{flex-shrink:0;opacity:.7}.UserMenu-name{font-weight:var(--font-medium)}.PaSideMenuItem{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);cursor:pointer;border-radius:0;transition:all var(--transition)}.PaSidebar.dark .PaSideMenuItem{color:var(--color-text-sidebar-muted)}.PaSidebar.dark .PaSideMenuItem:hover{color:var(--color-text-sidebar);background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaSideMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.light .PaSideMenuItem{color:var(--color-text-muted)}.PaSidebar.light .PaSideMenuItem:hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaSideMenuItem.active{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaSideMenuItem-icon{flex-shrink:0;width:18px;height:18px;opacity:.7}.PaSideMenuItem.active .PaSideMenuItem-icon{opacity:1}.PaSideMenuItem-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PaSideMenuItem-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.PaSidebar.dark .PaSideMenuItem-badge{background:#ffffff26}.PaSidebar.light .PaSideMenuItem-badge{background:var(--color-bg-subtle);border:1px solid var(--color-border)}.PaSideMenuItem.child{padding-left:var(--space-8)}.PaSideMenuItem.child .PaSideMenuItem-icon{width:16px;height:16px}.PaNavbar{z-index:var(--z-sticky);display:flex;flex-shrink:0;justify-content:space-between;height:var(--navbar-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.PaNavbar-group{display:flex;align-items:center}.PaNavbar-item{display:flex;align-items:center;height:100%;padding:0 var(--space-6)}.PaNavbar-item.alignBottom{align-items:flex-end}.PaNavbar-item.withBorder,.PaNavbar-group .PaNavbar-item:first-child{border-right:1px solid var(--color-border-light)}.PaNavbar-item:last-child{border-right:none}.PaControlBar{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;height:var(--control-bar-height);padding:0 var(--space-5);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-light)}.PaControlBar-left{display:flex;flex:1;gap:var(--space-3);align-items:center;min-width:0}.PaControlBar-right{display:flex;flex-shrink:0;gap:var(--space-2);align-items:center}.PaControlBar-title{overflow:hidden;text-overflow:ellipsis;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap}.PaControlBar-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.PaFieldPanel{flex:1;padding:var(--space-6);overflow-y:auto}.PaFieldPanel-section{margin-bottom:var(--space-6)}.PaFieldPanel-section:last-child{margin-bottom:0}.PaFieldPanel-sectionTitle{margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}}:root{--sg-header-height: 56px;--sg-max-width: 720px;--sg-spacing: 1.5rem}.SgApp{display:flex;flex-direction:column;height:100vh;overflow:hidden}.SgHeader{z-index:var(--z-sticky);display:flex;flex-shrink:0;align-items:center;height:var(--sg-header-height);padding:0 var(--sg-spacing);background:#ffffffeb;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.SgHeader-inner{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:100%;max-width:var(--sg-max-width);margin:0 auto}.SgMain{flex:1;overflow-x:hidden;overflow-y:auto;background:var(--color-bg)}.SgMain-inner{display:flex;flex-direction:column;max-width:var(--sg-max-width);min-height:100%;padding:0 var(--sg-spacing);margin:0 auto}.LangSwitcher{position:relative;flex-shrink:0}.LangSwitcher:after{position:absolute;top:50%;right:.75rem;font-size:.75rem;color:var(--color-text-muted);pointer-events:none;content:"▾";transform:translateY(-50%)}.LangSwitcher select{padding:var(--space-2) 2rem var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);appearance:none;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.LangSwitcher select:hover{border-color:var(--color-primary)}.LangSwitcher select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.StepNav{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) 0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.StepNav::-webkit-scrollbar{display:none}.StepPill{position:relative;flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;border-radius:var(--radius-full);transition:all var(--transition)}.StepPill.new{color:var(--color-text-muted);background:transparent;border:2px dashed var(--color-border)}.StepPill.new:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.StepPill.step{color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.StepPill.step:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.StepPill.active{color:var(--color-text-inverse);background:var(--color-primary);border:1px solid var(--color-primary)}.StepPill.active:hover{color:var(--color-text-inverse);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.StepPill.loading{color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary);animation:sg-pulse 2s ease-in-out infinite}.StepPill:hover .StepPill-tooltip{opacity:1}.StepPill-tooltip{position:absolute;top:calc(100% + 8px);left:50%;z-index:var(--z-tooltip);max-width:200px;padding:var(--space-2) var(--space-3);overflow:hidden;text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-text-inverse);white-space:nowrap;pointer-events:none;background:var(--color-text);border-radius:var(--radius);opacity:0;transform:translate(-50%);transition:opacity var(--transition)}.StepPill-tooltip:before{position:absolute;bottom:100%;left:50%;content:"";border:6px solid transparent;border-bottom-color:var(--color-text);transform:translate(-50%)}@keyframes sg-pulse{0%,to{opacity:1}50%{opacity:.6}}.SgSection{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-light)}.SgSection:last-child{border-bottom:none}.SgSection-title{margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.SgSection-tabs{margin-top:var(--space-6);margin-bottom:var(--space-6)}.SgSection-alert{margin-top:var(--space-6)}.WelcomePage{display:flex;flex:1;flex-direction:column}.WelcomePage-header{position:relative;padding:var(--space-12) 0 var(--space-8)}.WelcomePage-title{margin-bottom:var(--space-3);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-primary-dark)}.WelcomePage-description{max-width:60ch;font-size:var(--text-md);line-height:1.7;color:var(--color-text-muted)}.WelcomePage-footer{padding:var(--space-6) 0;font-size:var(--text-sm);color:var(--color-text-light);text-align:center;border-top:1px solid var(--color-border-light)}.WelcomePage-footer a{font-weight:var(--font-medium);color:var(--color-accent)}.WelcomePage-footer a:hover{text-decoration:underline}.WelcomePage-footerSeparator{margin:0 var(--space-2);color:var(--color-border)}.Tree{padding:var(--space-5);font-size:var(--text-sm);background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.Tree ul{padding-left:var(--space-6)}.Tree>ul{padding-left:0}.Tree li{position:relative;padding:var(--space-1) 0}.Tree ul li:before{position:absolute;top:0;left:calc(-1 * var(--space-4));height:100%;content:"";border-left:1.5px solid var(--color-border)}.Tree ul li:after{position:absolute;top:1rem;left:calc(-1 * var(--space-4));width:var(--space-3);content:"";border-top:1.5px solid var(--color-border)}.Tree ul li:last-child:before{height:1rem}.Tree>ul>li:before,.Tree>ul>li:after{display:none}.Tree-label{font-weight:var(--font-medium);color:var(--color-text)}.Tree-type{padding:.125rem var(--space-2);margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-dark);background:var(--color-accent-light);border-radius:var(--radius-sm)}.LoadingState{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;padding:var(--space-12) 0}.LoadingState-status{text-align:center}.LoadingState-status strong{display:block;margin-bottom:var(--space-1);font-size:var(--text-base);color:var(--color-primary-dark)}.LoadingState-status span{font-size:var(--text-sm);color:var(--color-text-muted)}.ModifySection{padding-top:var(--space-6);margin-top:var(--space-8);border-top:1px solid var(--color-border-light)}.ModifySection-title{margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.PromptForm{display:flex;flex-direction:column;gap:var(--space-4)}.PromptForm-textarea{padding:var(--space-4)}.PromptForm-actions{display:flex;gap:var(--space-4);justify-content:flex-start}.SgActions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;padding:var(--space-6) 0;margin-top:var(--space-8);border-top:1px solid var(--color-border-light)}.SgActions.column{flex-direction:column;align-items:center}.GeneratedSite-pending{display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-4);margin-bottom:var(--space-6);background:var(--color-primary-light);border-radius:var(--radius)}.GeneratedSite-pending p{margin:0;font-weight:var(--font-medium);color:var(--color-primary-dark)}.GeneratedSite-credentials{padding:var(--space-5);margin:var(--space-6) 0;background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.GeneratedSite-field{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) 0}.GeneratedSite-field:not(:last-child){border-bottom:1px solid var(--color-border-light)}.GeneratedSite-label{flex-shrink:0;min-width:100px;font-size:var(--text-sm);color:var(--color-text-muted)}.GeneratedSite-value{display:flex;flex:1;gap:var(--space-2);align-items:center;min-width:0}.GeneratedSite-value code{flex:1;min-width:0;padding:var(--space-2) var(--space-3);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.GeneratedSite-value a{font-weight:var(--font-medium);color:var(--color-accent)}.GeneratedSite-value a:hover{text-decoration:underline}.AuthScreen-card{width:100%;max-width:640px;padding:var(--space-8);margin:0 auto;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.AuthScreen-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:center}.AuthScreen-info{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-light);text-align:center}@media(max-width:600px){:root{--sg-header-height: 52px;--sg-spacing: 1rem}.SgHeader{height:auto;padding:var(--space-3) var(--sg-spacing)}.SgHeader-inner{flex-direction:column;gap:var(--space-2)}.StepNav{justify-content:flex-start;width:100%}.StepPill:hover .StepPill-tooltip{display:none}.WelcomePage-header{padding:var(--space-8) 0 var(--space-6)}.SgSection{padding:var(--space-6) 0}.SgActions{flex-direction:column;padding:var(--space-5) 0}.SgActions .Btn{width:100%}.PromptForm-actions{flex-direction:column}.PromptForm-actions .Btn{width:100%}}@layer reset,tokens,base,common;@layer reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer tokens;@layer tokens{:root{--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-hover: #14b8a6;--color-primary-light: #ccfbf1;--color-primary-subtle: #f0fdfa;--color-accent: #f97316;--color-accent-dark: #ea580c;--color-accent-light: #ffedd5;--color-yellow: #f59e0b;--color-yellow-dark: #d97706;--color-yellow-light: #fef3c7;--color-danger: #e11d48;--color-danger-dark: #be123c;--color-danger-light2: #c67a8b;--color-danger-light: #ffe4e6;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #d1fae5;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #dbeafe;--color-text: #1e293b;--color-text-light: #64748b;--color-text-muted: #475569;--color-text-inverse: #ffffff;--color-bg: #ffffff;--color-bg-app: #fff;--color-bg-section: #f6f3eb;--color-bg-subtle: #f2f1ec;--color-bg-elevated: #ffffff;--color-bg-sidebar: #1e293b;--color-bg-sidebar-hover: #334155;--color-text-sidebar: #e2e8f0;--color-text-sidebar-muted: #94a3b8;--color-bg-muted: #fafafa;--color-hover-sidebar-dark: #40a59d;--color-hover-sidebar-light: #d1fae5;--color-border: #d6dce3;--color-border-focus: var(--color-primary);--color-border-light: #eceff1;--sidebar-secondary-width: 220px;--navbar-height: 58px;--navbar-height-mobile: 76px;--control-bar-height: 65px;--doc-content-max-width: 1200px;--content-max-width: 960px;--content-padding: 1.5rem;--content-padding-mobile: 1rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}.dark{--color-text: #e2e8f0;--color-text-light: #94a3b8;--color-text-muted: #cbd5e1;--color-bg: #1e293b;--color-bg-section: #334155;--color-bg-subtle: #475569;--color-bg-elevated: #334155;--color-border: #475569;--color-border-light: #334155}}@layer base{html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer}}@layer common{.PaIcon{display:inline-flex;flex-shrink:0;width:1em;height:1em}.PaIcon svg{width:100%;height:100%;fill:currentColor}.PaApp{display:flex;height:100vh;overflow:hidden;background:var(--color-bg-app)}.PaMainContent{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.PaSidebar{display:flex;flex-shrink:0;flex-direction:column;height:100%;overflow:hidden;overflow-x:hidden}.PaSidebar.dark{color:var(--color-text-sidebar);background:var(--color-bg-sidebar)}.PaSidebar.light{width:var(--sidebar-secondary-width);color:var(--color-text);background:var(--color-bg-elevated);border-right:1px solid var(--color-border)}.PaSidebar-header{display:flex;flex-shrink:0;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5)}.PaSidebar.dark .PaSidebar-header{border-bottom:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-light)}.PaSidebar-logo{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius)}.PaSidebar-logo img{width:100%;height:100%;object-fit:cover}.PaSidebar-title{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap}.PaSidebar-viewSiteBtn{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#ffffffb3;cursor:pointer;background:transparent;border:none;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.PaSidebar-viewSiteBtn:hover{color:#fff;background:#ffffff1a}.PaSidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.PaSidebar-footer{flex-shrink:0;padding-top:var(--space-3)}.PaSidebar-userSection{padding:var(--space-3) var(--space-5) var(--space-2)}.PaSidebar.dark .PaSidebar-footer{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-footer{border-top:1px solid var(--color-border-light)}.PaSidebar-separator{margin:var(--space-3) var(--space-5)}.PaSidebar.dark .PaSidebar-separator{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-separator{border-top:1px solid var(--color-border-light)}.PaSidebar-version{margin-top:var(--space-3);font-size:var(--text-xs);font-style:italic;opacity:.6}.PaSidebar.dark .PaSidebar-version{color:var(--color-text-sidebar-muted)}.UserMenu-trigger{display:flex;gap:var(--space-3);align-items:center;width:100%;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-sidebar);text-align:left;cursor:pointer;background:transparent;border:none;transition:all var(--transition)}.UserMenu-trigger:hover{color:var(--color-text-sidebar);background:var(--color-bg-sidebar-hover);border-radius:var(--radius)}.UserMenu-icon{flex-shrink:0;opacity:.7}.UserMenu-name{font-weight:var(--font-medium)}.PaSideMenuItem{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);cursor:pointer;border-radius:0;transition:all var(--transition)}.PaSidebar.dark .PaSideMenuItem{color:var(--color-text-sidebar-muted)}.PaSidebar.dark .PaSideMenuItem:hover{color:var(--color-text-sidebar);background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaSideMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.light .PaSideMenuItem{color:var(--color-text-muted)}.PaSidebar.light .PaSideMenuItem:hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaSideMenuItem.active{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaSideMenuItem-icon{flex-shrink:0;width:18px;height:18px;opacity:.7}.PaSideMenuItem.active .PaSideMenuItem-icon{opacity:1}.PaSideMenuItem-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PaSideMenuItem-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.PaSidebar.dark .PaSideMenuItem-badge{background:#ffffff26}.PaSidebar.light .PaSideMenuItem-badge{background:var(--color-bg-subtle);border:1px solid var(--color-border)}.PaSideMenuItem.child{padding-left:var(--space-8)}.PaSideMenuItem.child .PaSideMenuItem-icon{width:16px;height:16px}.PaNavbar{z-index:var(--z-sticky);display:flex;flex-shrink:0;justify-content:space-between;height:var(--navbar-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.PaNavbar-group{display:flex;align-items:center}.PaNavbar-item{display:flex;align-items:center;height:100%;padding:0 var(--space-6)}.PaNavbar-item.alignBottom{align-items:flex-end}.PaNavbar-item.withBorder,.PaNavbar-group .PaNavbar-item:first-child{border-right:1px solid var(--color-border-light)}.PaNavbar-item:last-child{border-right:none}.PaControlBar{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;height:var(--control-bar-height);padding:0 var(--space-5);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-light)}.PaControlBar-left{display:flex;flex:1;gap:var(--space-3);align-items:center;min-width:0}.PaControlBar-right{display:flex;flex-shrink:0;gap:var(--space-2);align-items:center}.PaControlBar-title{overflow:hidden;text-overflow:ellipsis;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap}.PaControlBar-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.PaFieldPanel{flex:1;padding:var(--space-6);overflow-y:auto}.PaFieldPanel-section{margin-bottom:var(--space-6)}.PaFieldPanel-section:last-child{margin-bottom:0}.PaFieldPanel-sectionTitle{margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}}.Mt1{margin-top:var(--space-1)}.Mt2{margin-top:var(--space-2)}.Mt3{margin-top:var(--space-3)}.Mt4{margin-top:var(--space-4)}.Mt5{margin-top:var(--space-5)}.Mt6{margin-top:var(--space-6)}.Mt8{margin-top:var(--space-8)}.Mt10{margin-top:var(--space-10)}.Mt12{margin-top:var(--space-12)}.Mb1{margin-bottom:var(--space-1)}.Mb2{margin-bottom:var(--space-2)}.Mb3{margin-bottom:var(--space-3)}.Mb4{margin-bottom:var(--space-4)}.Mb5{margin-bottom:var(--space-5)}.Mb6{margin-bottom:var(--space-6)}.Mb8{margin-bottom:var(--space-8)}.Mb10{margin-bottom:var(--space-10)}.Mb12{margin-bottom:var(--space-12)}.Ml1{margin-left:var(--space-1)}.Ml2{margin-left:var(--space-2)}.Ml3{margin-left:var(--space-3)}.Ml4{margin-left:var(--space-4)}.Ml5{margin-left:var(--space-5)}.Ml6{margin-left:var(--space-6)}.Ml8{margin-left:var(--space-8)}.Ml10{margin-left:var(--space-10)}.Ml12{margin-left:var(--space-12)}.Mr1{margin-right:var(--space-1)}.Mr2{margin-right:var(--space-2)}.Mr3{margin-right:var(--space-3)}.Mr4{margin-right:var(--space-4)}.Mr5{margin-right:var(--space-5)}.Mr6{margin-right:var(--space-6)}.Mr8{margin-right:var(--space-8)}.Mr10{margin-right:var(--space-10)}.Mr12{margin-right:var(--space-12)}.PaCheckbox{display:inline-flex;gap:var(--space-2);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.PaCheckbox-input{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;margin:0;appearance:none;cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition)}.PaCheckbox-input:hover{border-color:var(--color-primary)}.PaCheckbox-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaCheckbox-input:checked{background:var(--color-primary);border-color:var(--color-primary)}.PaCheckbox-input:checked:after{display:block;width:5px;height:9px;content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.PaCheckbox-input:disabled{cursor:not-allowed;opacity:.5}.PaCheckbox-label{font-size:var(--text-sm);color:var(--color-text)}.PaDateInput,.PaDateInput-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaDateInput-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaDateInput-field{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaDateInput-field:hover{border-color:var(--color-primary)}.PaDateInput-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaDateInput-field:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaDateInput-field.error{border-color:var(--color-danger)}.PaDateInput-error{font-size:var(--text-xs);color:var(--color-danger)}.PaInputNumber,.PaInputNumber-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaInputNumber-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaInputNumber-field{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaInputNumber-field:hover{border-color:var(--color-primary)}.PaInputNumber-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaInputNumber-field:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaInputNumber-field.error{border-color:var(--color-danger)}.PaInputNumber-error{font-size:var(--text-xs);color:var(--color-danger)}.PaInputText{display:flex;flex-direction:column;gap:var(--space-2)}.PaInputText.error .PaInputText-field{border-color:var(--color-danger)}.PaInputText.fullWidth{width:100%}.PaInputText-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaInputText-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaInputText-field{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaInputText-field:hover{border-color:var(--color-primary)}.PaInputText-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaInputText-error{font-size:var(--text-xs);color:var(--color-danger)}.PaInputText-row{display:flex;gap:var(--space-1)}.PaInputText-row .PaInputText-field{flex:1;min-width:0}.PaInputText-iconWrapper{position:relative;display:flex}.PaInputText-iconWrapper .PaInputText-field{padding-left:var(--space-10)}.PaInputText-iconWrapper.iconRight .PaInputText-icon{right:var(--space-3);left:auto}.PaInputText-iconWrapper.iconRight .PaInputText-field{padding-right:var(--space-10);padding-left:var(--space-3)}.PaInputText-icon{position:absolute;top:50%;left:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);pointer-events:none;transform:translateY(-50%)}.PaMultiSelect{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.PaMultiSelect.error .PaMultiSelect-control{border-color:var(--color-danger)}.PaMultiSelect.disabled{cursor:not-allowed;opacity:.5}.PaMultiSelect-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaMultiSelect-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaMultiSelect-control{display:flex;gap:var(--space-2);align-items:center;min-height:38px;padding:var(--space-1) var(--space-3);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.PaMultiSelect-control:hover{border-color:var(--color-primary)}.PaMultiSelect-control.open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaMultiSelect-values{display:flex;flex:1;flex-wrap:wrap;gap:var(--space-1);align-items:center}.PaMultiSelect-placeholder{font-size:var(--text-sm);color:var(--color-text-light)}.PaMultiSelect-chip{display:inline-flex;gap:var(--space-1);align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--color-bg-subtle);border-radius:var(--radius)}.PaMultiSelect-chipRemove{display:flex;align-items:center;padding:0;color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;transition:color var(--transition)}.PaMultiSelect-chipRemove:hover{color:var(--color-danger)}.PaMultiSelect-icon{flex-shrink:0;color:var(--color-text-muted)}.PaMultiSelect-dropdown{position:absolute;top:calc(100% + var(--space-1));right:0;left:0;z-index:var(--z-dropdown);max-height:250px;padding:var(--space-2);overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaMultiSelect-option{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition)}.PaMultiSelect-option:hover{background:var(--color-bg-subtle)}.PaMultiSelect-option.selected{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaMultiSelect-option.disabled{cursor:not-allowed;opacity:.5}.PaMultiSelect-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:var(--text-xs);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.PaMultiSelect-option.selected .PaMultiSelect-checkbox{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaMultiSelect-error{font-size:var(--text-xs);color:var(--color-danger)}.PaPasswordInput,.PaPasswordInput-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaPasswordInput-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaPasswordInput-inputWrapper{position:relative;display:flex}.PaPasswordInput-inputWrapper.error .PaPasswordInput-input{border-color:var(--color-danger)}.PaPasswordInput-input{flex:1;width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaPasswordInput-input:hover{border-color:var(--color-primary)}.PaPasswordInput-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaPasswordInput-toggle{position:absolute;top:50%;right:var(--space-1);display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;transform:translateY(-50%);transition:color var(--transition)}.PaPasswordInput-toggle:hover{color:var(--color-text)}.PaPasswordInput-error{font-size:var(--text-xs);color:var(--color-danger)}.PaRadioButton{display:inline-flex;gap:var(--space-2);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.PaRadioButton-input{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;margin:0;appearance:none;cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition)}.PaRadioButton-input:hover{border-color:var(--color-primary)}.PaRadioButton-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaRadioButton-input:checked{background:var(--color-primary);border-color:var(--color-primary)}.PaRadioButton-input:checked:after{display:block;width:8px;height:8px;content:"";background:var(--color-text-inverse);border-radius:var(--radius-full)}.PaRadioButton-input:disabled{cursor:not-allowed;opacity:.5}.PaRadioButton-label{font-size:var(--text-sm);color:var(--color-text)}.PaSelect{display:flex;flex-direction:column;gap:var(--space-2)}.PaSelect.error .PaSelect-field{border-color:var(--color-danger)}.PaSelect.fullWidth{width:100%}.PaSelect-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaSelect-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaSelect-fieldWrapper{position:relative}.PaSelect-field{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);appearance:none;cursor:pointer;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.PaSelect-field:hover{border-color:var(--color-primary)}.PaSelect-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaSelect-icon{position:absolute;top:50%;right:var(--space-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;transform:translateY(-50%)}.PaSelect-error{font-size:var(--text-xs);color:var(--color-danger)}.PaSwitch{display:inline-flex;gap:var(--space-3);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.PaSwitch-input{position:absolute;width:0;height:0;opacity:0}.PaSwitch-track{position:relative;width:42px;height:22px;background:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition)}.PaSwitch-input:checked+.PaSwitch-track{background:var(--color-primary)}.PaSwitch-input:focus+.PaSwitch-track{box-shadow:0 0 0 3px var(--color-primary-light)}.PaSwitch-input:disabled+.PaSwitch-track{cursor:not-allowed;opacity:.5}.PaSwitch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:transform var(--transition)}.PaSwitch-input:checked+.PaSwitch-track .PaSwitch-thumb{transform:translate(20px)}.PaSwitch-label{font-size:var(--text-sm);color:var(--color-text)}.PaTextarea,.PaTextarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaTextarea-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaTextarea-field{width:100%;min-height:120px;padding:var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);resize:vertical;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaTextarea-field::placeholder{color:var(--color-text-light)}.PaTextarea-field:hover{border-color:var(--color-primary)}.PaTextarea-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaTextarea-field:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaTextarea-field.error{border-color:var(--color-danger)}.PaTextarea-error{font-size:var(--text-xs);color:var(--color-danger)}.PaToggleGroup{display:inline-flex;min-inline-size:0;padding:0;margin:0;border:none}.PaToggleGroup.disabled{cursor:not-allowed;opacity:.5}.PaToggleGroup-item{padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition)}.PaToggleGroup-item:first-child{border-radius:var(--radius) 0 0 var(--radius)}.PaToggleGroup-item:last-child{border-radius:0 var(--radius) var(--radius) 0}.PaToggleGroup-item:not(:first-child){border-left:none}.PaToggleGroup-item:hover:not(.disabled):not(.active){color:var(--color-text);background:var(--color-primary-light);border-color:var(--color-primary-light)}.PaToggleGroup-item.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaToggleGroup-item.disabled{cursor:not-allowed}.PaBtn{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;border:none;border-radius:var(--radius);transition:all var(--transition)}.PaBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.PaBtn.primary{color:var(--color-text-inverse);background:var(--color-primary)}.PaBtn.primary:hover{background:var(--color-primary-hover)}.PaBtn.primary:active{background:var(--color-primary-dark)}.PaBtn.secondary{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border)}.PaBtn.secondary:hover{color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaBtn.secondary.borderless,.PaBtn.secondary.borderless:hover{border:none}.PaBtn.ghost{color:var(--color-text-muted);background:transparent}.PaBtn.ghost:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaBtn.danger{color:var(--color-text-inverse);background:var(--color-danger)}.PaBtn.danger:hover{background:var(--color-danger-dark)}.PaBtn.warning{color:var(--color-yellow);background:transparent;border:2px solid var(--color-yellow)}.PaBtn.warning:hover{background:var(--color-yellow-light)}.PaBtn.icon{aspect-ratio:1;padding:var(--space-2)}.PaBtn.small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.PaBtn.large{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.PaBtn:disabled,.PaBtn.disabled{pointer-events:none;cursor:not-allowed;opacity:.6;filter:grayscale(40%)}.PaBtn.outlined{background-color:transparent;border:1px solid currentColor}.PaBtn.danger.outlined{color:var(--color-danger)}.PaBtn.danger.outlined:hover{background:var(--color-danger-light)}.PaBtn.primary.outlined{color:var(--color-primary)}.PaBtn.primary.outlined:hover{background:var(--color-primary-light)}._coloredBg .PaBtn{border-color:#fff}.PaBtn-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.PaBtn-spinner{animation:paBtn-spin 1s linear infinite}.PaBtn-feedbackIcon{flex-shrink:0}@keyframes paBtn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PaSplitBtn{position:relative;display:inline-flex}.PaSplitBtn-main.PaBtn{border-radius:var(--radius) 0 0 var(--radius)}.PaSplitBtn-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);cursor:pointer;border:none;border-left:1px solid rgba(255,255,255,.2);border-radius:0 var(--radius) var(--radius) 0;transition:all var(--transition)}.PaSplitBtn-toggleIcon{width:14px;height:14px}.PaSplitBtn.primary .PaSplitBtn-toggle{color:var(--color-text-inverse);background:var(--color-primary)}.PaSplitBtn.primary .PaSplitBtn-toggle:hover{background:var(--color-primary-hover)}.PaSplitBtn.secondary .PaSplitBtn-main.PaBtn,.PaSplitBtn.secondary .PaSplitBtn-toggle{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border)}.PaSplitBtn.secondary .PaSplitBtn-main.PaBtn{border-radius:var(--radius) 0 0 var(--radius)}.PaSplitBtn.secondary .PaSplitBtn-toggle{border-left:1px solid var(--color-border)}.PaSplitBtn.secondary .PaSplitBtn-main.PaBtn:hover,.PaSplitBtn.secondary .PaSplitBtn-toggle:hover{color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaSplitBtn-toggle:disabled{pointer-events:none;cursor:not-allowed;opacity:.6;filter:grayscale(40%)}.PaSplitBtn-menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:var(--z-dropdown);display:none;min-width:180px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaSplitBtn.open .PaSplitBtn-menu{display:block}.PaSplitBtn-menuItem{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;border-radius:var(--radius);transition:all var(--transition)}.PaSplitBtn-menuItem:hover{color:var(--color-primary);background:var(--color-primary-light)}.PaSplitBtn-menuIcon{width:16px;height:16px;color:var(--color-text-muted)}.PaSplitBtn-menuItem:hover .PaSplitBtn-menuIcon{color:var(--color-primary)}.PaSplitBtn-menuItem.danger:hover .PaSplitBtn-menuIcon{color:var(--color-danger)}.PaSplitBtn-menuItem.danger:hover{color:var(--color-danger);background:var(--color-danger-light)}.PaSplitBtn-menuItem.disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.PaSplitBtn-menuItem.disabled:hover{color:var(--color-text-muted);background:transparent}.PaSplitBtn-menuItem.disabled .PaSplitBtn-menuIcon,.PaSplitBtn-menuItem.disabled:hover .PaSplitBtn-menuIcon{color:var(--color-text-muted)}.PaToggleBtn{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition)}.PaToggleBtn:hover:not(.disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaToggleBtn.disabled{cursor:not-allowed;opacity:.5}.PaAlert{position:relative;padding:var(--space-4) var(--space-5);border-left:4px solid;border-radius:var(--radius)}.PaAlert.dismissible{padding-right:var(--space-10)}.PaAlert.info{background:var(--color-info-light);border-color:var(--color-info)}.PaAlert.primary{background:var(--color-primary-light);border-color:var(--color-primary)}.PaAlert.success{background:var(--color-success-light);border-color:var(--color-success)}.PaAlert.warning{background:var(--color-yellow-light);border-color:var(--color-yellow)}.PaAlert.error{background:var(--color-danger-light);border-color:var(--color-danger)}.PaAlert-closeBtn{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.PaAlert-closeBtn:hover{color:var(--color-text);background:#0000001a}.PaAlert-title{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}.PaAlert-content{font-size:var(--text-sm);line-height:1.7;color:var(--color-text)}.PaBadge{display:inline-flex;gap:var(--space-1);align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.PaBadge.default{color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.PaBadge.primary{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaBadge.accent{color:var(--color-accent-dark);background:var(--color-accent-light)}.PaBadge.success{color:var(--color-success-dark);background:var(--color-success-light)}.PaBadge.warning{color:var(--color-yellow-dark);background:var(--color-yellow-light)}.PaBadge.danger{color:var(--color-danger-dark);background:var(--color-danger-light)}.PaBadge.info{color:var(--color-primary-dark);background:var(--color-primary-subtle)}.PaBadge.secondary{color:var(--color-text-light);background:var(--color-bg-muted);border:1px solid var(--color-border-light)}.PaBadge.contrast{color:var(--color-text-inverse);background:var(--color-text)}.PaCard{padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.PaCard-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.PaCard-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.PaCard-subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.PaChip{display:inline-flex;gap:var(--space-1);align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full)}.PaChip-label{color:var(--color-text)}.PaChip-remove{display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;border-radius:var(--radius-full);transition:all var(--transition)}.PaChip-remove:hover{color:var(--color-danger);background:var(--color-danger-light)}.PaDataTable{width:100%;overflow:hidden;border-spacing:0;border-collapse:separate;border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.PaDataTable-header{background:var(--color-bg-subtle)}.PaDataTable-headerCell{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--color-border)}.PaDataTable-headerCell.sortable{cursor:pointer;transition:color var(--transition)}.PaDataTable-headerCell.sortable:hover{color:var(--color-text)}.PaDataTable-row{transition:background-color var(--transition)}.PaDataTable-row:not(:last-child) .PaDataTable-cell{border-bottom:1px solid var(--color-border-light)}.PaDataTable-row.clickable{cursor:pointer}.PaDataTable-row.clickable:hover{background:var(--color-primary-light)}.PaDataTable-row.unselectable{cursor:not-allowed}.PaDataTable-row.unselectable,.PaDataTable-row.unselectable:hover{background-color:var(--color-bg-muted)}.PaDataTable-row.unselectable .PaDataTable-cell{color:var(--color-text-muted)}.PaDataTable-cell{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);vertical-align:middle;color:var(--color-text)}.PaDataTable-cell.actions{text-align:right;white-space:nowrap}.PaDataTable-wrapper{position:relative}.PaDataTable-wrapper.loading{min-height:100px}.PaDataTable-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#fffc}.PaDataTable-emptyCell{padding:var(--space-8) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.PaDataTable.small .PaDataTable-headerCell,.PaDataTable.small .PaDataTable-cell{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.PaDataTable-headerContent{display:inline-flex;gap:var(--space-1);align-items:center}.PaDataTable-sortIcon{display:inline-flex;align-items:center}.PaDataTable-scrollable{overflow-x:auto}.PaDataTable-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.PaDataTable-totalCount{font-size:var(--text-sm);color:var(--color-text-muted)}.PaDataTable-pagination{display:flex;gap:var(--space-2);align-items:center}.PaDataTable-paginationBtn{display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.PaDataTable-paginationBtn:hover:not(:disabled){background:var(--color-bg-subtle)}.PaDataTable-paginationBtn:disabled{cursor:not-allowed;opacity:.5}.PaDataTable-paginationText{font-size:var(--text-sm);color:var(--color-text-muted)}.PaDataTable-rowsPerPage{margin-left:var(--space-2)}.PaSpinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:pa-spin .8s linear infinite}.PaSpinner.small{width:16px;height:16px;border-width:2px}.PaSpinner.large{width:44px;height:44px;border-width:4px}@keyframes pa-spin{to{transform:rotate(360deg)}}.PaBreadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.PaBreadcrumb-item{display:flex;gap:var(--space-1);align-items:center}.PaBreadcrumb-link{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.PaBreadcrumb-link:is(a,button){cursor:pointer;transition:color var(--transition)}.PaBreadcrumb-link:is(a,button):hover{color:var(--color-primary)}.PaBreadcrumb-separator{display:flex;align-items:center;height:100%;padding:0 var(--space-1);font-size:var(--text-xs);color:var(--color-text-light)}.PaBreadcrumb-separator svg{width:16px;height:16px}.PaBreadcrumb-current{max-width:200px;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);white-space:nowrap}.PaMenuItem{display:flex;align-items:stretch}.PaMenuItem.active{background:var(--color-bg-subtle)}.PaMenuItem.disabled{cursor:not-allowed;opacity:.5}.PaMenuItem-left{display:flex;align-items:center;justify-content:center;width:38px;padding:var(--space-1);color:inherit;cursor:pointer;background:transparent;border:none}.PaMenuItem-left.toggle{padding:var(--space-2) var(--space-3)}.PaMenuItem-label{display:flex;flex:1;align-items:center;padding:var(--space-2);font-family:inherit;font-size:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;background:transparent;border:none}.PaMenuItem-label:is(span){cursor:default}.PaMenuItem-popup{align-self:center;margin-left:auto}.PaSidebar .PaMenuItem{padding:0 var(--space-2)}.PaSidebar.dark .PaMenuItem{color:var(--color-text-sidebar-muted)}.PaSidebar.dark .PaMenuItem .PaMenuItem-label{padding:var(--space-3) var(--space-2)}.PaSidebar.dark .PaMenuItem .PaMenuItem-label:is(a,button):hover{color:#fff;background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaMenuItem .PaMenuItem-left.toggle:hover{color:#fff;background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.dark .PaMenuItem.active .PaMenuItem-label:is(a,button):hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.dark .PaMenuItem.active .PaMenuItem-left.toggle:hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.light .PaMenuItem{color:var(--color-text-muted)}.PaSidebar.light .PaMenuItem .PaMenuItem-label{padding:var(--space-3) var(--space-2)}.PaSidebar.light .PaMenuItem .PaMenuItem-label:is(a,button):hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaMenuItem .PaMenuItem-left.toggle:hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.light .PaMenuItem.active .PaMenuItem-label:is(a,button):hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.light .PaMenuItem.active .PaMenuItem-left.toggle:hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaPopupMenu{z-index:var(--z-popover);min-width:160px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaPopupMenu-content{display:flex;flex-direction:column;gap:var(--space-1)}.PaPopupMenu-item{cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition)}.PaPopupMenu-submenu{min-width:160px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaSideMenu{display:flex;flex-direction:column}.PaAccordion-content{padding-left:20px;transition:max-height .2s ease-out}.PaAccordion-content.transition{overflow:hidden}.PaAccordion-content.hide{display:none}.PaAccordion-header{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;background:var(--color-bg-subtle);transition:background-color var(--transition)}.PaAccordion-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.PaAccordion-chevron{flex-shrink:0;color:var(--color-text-light);transition:transform var(--transition)}.PaAccordion.open .PaAccordion-chevron{transform:rotate(180deg)}.PaTabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-light)}.PaTabs.stretch{align-items:stretch;height:100%;border-bottom:none}.PaTabs.pill{gap:var(--space-1);border-bottom:none}.PaTab{padding:var(--space-3) var(--space-5);margin-bottom:-2px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-light);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition)}.PaTab:focus,.PaTab:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaTab.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.PaTabs.stretch .PaTab{display:flex;align-items:center;padding:0 var(--space-4);margin-bottom:-2px;border-bottom:2px solid transparent}.PaTabs.stretch .PaTab.active{border-bottom-color:var(--color-primary)}.PaTabs.pill .PaTab{padding:var(--space-2) var(--space-3);margin-bottom:0;text-transform:uppercase;border:none;border-radius:var(--radius)}.PaTabs.pill .PaTab:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaTabs.pill .PaTab.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaTabs.pill .PaTab.missing{color:var(--color-text-light);border:1px dashed var(--color-danger-light2)}.PaTabs.pill .PaTab.missing:hover{color:var(--color-primary);border-color:var(--color-primary)}.PaTab-icon{display:flex;align-items:center;margin-right:var(--space-2)}.PaDialog-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.PaDialog-backdrop{position:absolute;inset:0;background:#00000080}.PaDialog{position:relative;z-index:1;display:flex;flex-direction:column;min-width:320px;max-width:90vw;max-height:90vh;background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.PaDialog-header{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.PaDialog-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.PaDialog-close{display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;border-radius:var(--radius);transition:all var(--transition)}.PaDialog-close:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaDialog-content{flex:1;padding:var(--space-5);overflow-y:auto}.PaDialog-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light)}.PaTooltip-trigger{display:inline-block}.PaTooltip{position:fixed;z-index:var(--z-tooltip);max-width:200px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-inverse);pointer-events:none;background:var(--color-text);border-radius:var(--radius)}.PaTooltip.top{transform:translate(-50%,-100%)}.PaTooltip.bottom{transform:translate(-50%)}.PaTooltip.left{transform:translate(-100%,-50%)}.PaTooltip.right{transform:translateY(-50%)}.PaInplace.display{padding:var(--space-2);cursor:pointer;border:1px dashed transparent;border-radius:var(--radius);transition:all var(--transition)}.PaInplace.display:hover{background:var(--color-bg-subtle);border-color:var(--color-border)}.PaInplace.active{display:flex;flex-direction:column;gap:var(--space-3)}.PaInplace-content{flex:1}.PaInplace-close{align-self:flex-end;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition)}.PaInplace-close:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaPanel{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.PaPanel-header{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-4) var(--space-5)}.PaPanel-header.collapsible{cursor:pointer;transition:background-color var(--transition)}.PaPanel-header.collapsible:hover{background:var(--color-bg-subtle)}.PaPanel-chevron{flex-shrink:0;color:var(--color-text-muted)}.PaPanel-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.PaPanel-content{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light)}.PaTree{padding:var(--space-4);font-size:var(--text-sm);background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.PaTree-root{padding:0;margin:0;list-style:none}.PaTree-node{padding:var(--space-1) 0;list-style:none}.PaTree-nodeContent{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius);transition:background-color var(--transition)}.PaTree-nodeContent.selected{background:var(--color-primary-light)}.PaTree-nodeContent:hover{background:var(--color-bg-subtle)}.PaTree-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;transition:color var(--transition)}.PaTree-toggle:hover{color:var(--color-text)}.PaTree-togglePlaceholder{width:22px;height:14px}.PaTree-checkbox{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;margin:0;appearance:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition)}.PaTree-checkbox:hover{border-color:var(--color-primary)}.PaTree-checkbox:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaTree-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.PaTree-checkbox:checked:after{display:block;width:4px;height:8px;content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.PaTree-checkbox:disabled{cursor:not-allowed;opacity:.5}.PaTree-labelWrapper{display:flex;flex:1;gap:var(--space-2);align-items:center;padding:0;font:inherit;text-align:left;background:none;border:none}.PaTree-labelWrapper.selectable{cursor:pointer}.PaTree-icon{flex-shrink:0;color:var(--color-text-muted)}.PaTree-label{font-weight:var(--font-medium);color:var(--color-text)}.PaTree-children{position:relative;padding-left:var(--space-6);margin:0;list-style:none}.PaTree-children .PaTree-node:before{position:absolute;top:0;left:calc(-1 * var(--space-3));height:100%;content:"";border-left:1.5px solid var(--color-border)}.PaTree-children .PaTree-node:after{position:absolute;top:1rem;left:calc(-1 * var(--space-3));width:var(--space-2);content:"";border-top:1.5px solid var(--color-border)}.PaTree-children .PaTree-node:last-child:before{height:1rem}.PaSortableList{display:flex;gap:var(--space-2)}.PaSortableList.column{flex-direction:column}.PaSortableList.row{flex-direction:row;flex-wrap:wrap}.PaSortableList-item{cursor:grab}.PaSortableList-item:active{cursor:grabbing}.PaSortableList-item.sortable-ghost{opacity:.4}.PaSortableList-item.sortable-chosen{opacity:.8}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"layer(tokens);@layer reset,tokens,base,common;@layer reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer tokens;@layer tokens{:root{--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-hover: #14b8a6;--color-primary-light: #ccfbf1;--color-primary-subtle: #f0fdfa;--color-accent: #f97316;--color-accent-dark: #ea580c;--color-accent-light: #ffedd5;--color-yellow: #f59e0b;--color-yellow-dark: #d97706;--color-yellow-light: #fef3c7;--color-danger: #e11d48;--color-danger-dark: #be123c;--color-danger-light2: #c67a8b;--color-danger-light: #ffe4e6;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #d1fae5;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #dbeafe;--color-text: #1e293b;--color-text-light: #64748b;--color-text-muted: #475569;--color-text-inverse: #ffffff;--color-bg: #ffffff;--color-bg-app: #fff;--color-bg-section: #f6f3eb;--color-bg-subtle: #f2f1ec;--color-bg-elevated: #ffffff;--color-bg-sidebar: #1e293b;--color-bg-sidebar-hover: #334155;--color-text-sidebar: #e2e8f0;--color-text-sidebar-muted: #94a3b8;--color-bg-muted: #fafafa;--color-hover-sidebar-dark: #40a59d;--color-hover-sidebar-light: #d1fae5;--color-border: #d6dce3;--color-border-focus: var(--color-primary);--color-border-light: #eceff1;--sidebar-secondary-width: 220px;--navbar-height: 58px;--navbar-height-mobile: 76px;--control-bar-height: 65px;--doc-content-max-width: 1200px;--content-max-width: 960px;--content-padding: 1.5rem;--content-padding-mobile: 1rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}.dark{--color-text: #e2e8f0;--color-text-light: #94a3b8;--color-text-muted: #cbd5e1;--color-bg: #1e293b;--color-bg-section: #334155;--color-bg-subtle: #475569;--color-bg-elevated: #334155;--color-border: #475569;--color-border-light: #334155}}@layer base{html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer}}@layer common{.PaIcon{display:inline-flex;flex-shrink:0;width:1em;height:1em}.PaIcon svg{width:100%;height:100%;fill:currentColor}.PaApp{display:flex;height:100vh;overflow:hidden;background:var(--color-bg-app)}.PaMainContent{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.PaSidebar{display:flex;flex-shrink:0;flex-direction:column;height:100%;overflow:hidden;overflow-x:hidden}.PaSidebar.dark{color:var(--color-text-sidebar);background:var(--color-bg-sidebar)}.PaSidebar.light{width:var(--sidebar-secondary-width);color:var(--color-text);background:var(--color-bg-elevated);border-right:1px solid var(--color-border)}.PaSidebar-header{display:flex;flex-shrink:0;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5)}.PaSidebar.dark .PaSidebar-header{border-bottom:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-light)}.PaSidebar-logo{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius)}.PaSidebar-logo img{width:100%;height:100%;object-fit:cover}.PaSidebar-title{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap}.PaSidebar-viewSiteBtn{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#ffffffb3;cursor:pointer;background:transparent;border:none;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.PaSidebar-viewSiteBtn:hover{color:#fff;background:#ffffff1a}.PaSidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.PaSidebar-footer{flex-shrink:0;padding-top:var(--space-3)}.PaSidebar-userSection{padding:var(--space-3) var(--space-5) var(--space-2)}.PaSidebar.dark .PaSidebar-footer{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-footer{border-top:1px solid var(--color-border-light)}.PaSidebar-separator{margin:var(--space-3) var(--space-5)}.PaSidebar.dark .PaSidebar-separator{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-separator{border-top:1px solid var(--color-border-light)}.PaSidebar-version{margin-top:var(--space-3);font-size:var(--text-xs);font-style:italic;opacity:.6}.PaSidebar.dark .PaSidebar-version{color:var(--color-text-sidebar-muted)}.UserMenu-trigger{display:flex;gap:var(--space-3);align-items:center;width:100%;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-sidebar);text-align:left;cursor:pointer;background:transparent;border:none;transition:all var(--transition)}.UserMenu-trigger:hover{color:var(--color-text-sidebar);background:var(--color-bg-sidebar-hover);border-radius:var(--radius)}.UserMenu-icon{flex-shrink:0;opacity:.7}.UserMenu-name{font-weight:var(--font-medium)}.PaSideMenuItem{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);cursor:pointer;border-radius:0;transition:all var(--transition)}.PaSidebar.dark .PaSideMenuItem{color:var(--color-text-sidebar-muted)}.PaSidebar.dark .PaSideMenuItem:hover{color:var(--color-text-sidebar);background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaSideMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.light .PaSideMenuItem{color:var(--color-text-muted)}.PaSidebar.light .PaSideMenuItem:hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaSideMenuItem.active{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaSideMenuItem-icon{flex-shrink:0;width:18px;height:18px;opacity:.7}.PaSideMenuItem.active .PaSideMenuItem-icon{opacity:1}.PaSideMenuItem-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PaSideMenuItem-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.PaSidebar.dark .PaSideMenuItem-badge{background:#ffffff26}.PaSidebar.light .PaSideMenuItem-badge{background:var(--color-bg-subtle);border:1px solid var(--color-border)}.PaSideMenuItem.child{padding-left:var(--space-8)}.PaSideMenuItem.child .PaSideMenuItem-icon{width:16px;height:16px}.PaNavbar{z-index:var(--z-sticky);display:flex;flex-shrink:0;justify-content:space-between;height:var(--navbar-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.PaNavbar-group{display:flex;align-items:center}.PaNavbar-item{display:flex;align-items:center;height:100%;padding:0 var(--space-6)}.PaNavbar-item.alignBottom{align-items:flex-end}.PaNavbar-item.withBorder,.PaNavbar-group .PaNavbar-item:first-child{border-right:1px solid var(--color-border-light)}.PaNavbar-item:last-child{border-right:none}.PaControlBar{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;height:var(--control-bar-height);padding:0 var(--space-5);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-light)}.PaControlBar-left{display:flex;flex:1;gap:var(--space-3);align-items:center;min-width:0}.PaControlBar-right{display:flex;flex-shrink:0;gap:var(--space-2);align-items:center}.PaControlBar-title{overflow:hidden;text-overflow:ellipsis;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap}.PaControlBar-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.PaFieldPanel{flex:1;padding:var(--space-6);overflow-y:auto}.PaFieldPanel-section{margin-bottom:var(--space-6)}.PaFieldPanel-section:last-child{margin-bottom:0}.PaFieldPanel-sectionTitle{margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}}:root{--sg-header-height: 56px;--sg-max-width: 720px;--sg-spacing: 1.5rem}.SgApp{display:flex;flex-direction:column;height:100vh;overflow:hidden}.SgHeader{z-index:var(--z-sticky);display:flex;flex-shrink:0;align-items:center;height:var(--sg-header-height);padding:0 var(--sg-spacing);background:#ffffffeb;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.SgHeader-inner{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:100%;max-width:var(--sg-max-width);margin:0 auto}.SgMain{flex:1;overflow-x:hidden;overflow-y:auto;background:var(--color-bg)}.SgMain-inner{display:flex;flex-direction:column;max-width:var(--sg-max-width);min-height:100%;padding:0 var(--sg-spacing);margin:0 auto}.LangSwitcher{position:relative;flex-shrink:0}.LangSwitcher:after{position:absolute;top:50%;right:.75rem;font-size:.75rem;color:var(--color-text-muted);pointer-events:none;content:"▾";transform:translateY(-50%)}.LangSwitcher select{padding:var(--space-2) 2rem var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);appearance:none;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.LangSwitcher select:hover{border-color:var(--color-primary)}.LangSwitcher select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.StepNav{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) 0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.StepNav::-webkit-scrollbar{display:none}.StepPill{position:relative;flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;border-radius:var(--radius-full);transition:all var(--transition)}.StepPill.new{color:var(--color-text-muted);background:transparent;border:2px dashed var(--color-border)}.StepPill.new:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.StepPill.step{color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.StepPill.step:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.StepPill.active{color:var(--color-text-inverse);background:var(--color-primary);border:1px solid var(--color-primary)}.StepPill.active:hover{color:var(--color-text-inverse);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.StepPill.loading{color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary);animation:sg-pulse 2s ease-in-out infinite}.StepPill:hover .StepPill-tooltip{opacity:1}.StepPill-tooltip{position:absolute;top:calc(100% + 8px);left:50%;z-index:var(--z-tooltip);max-width:200px;padding:var(--space-2) var(--space-3);overflow:hidden;text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-text-inverse);white-space:nowrap;pointer-events:none;background:var(--color-text);border-radius:var(--radius);opacity:0;transform:translate(-50%);transition:opacity var(--transition)}.StepPill-tooltip:before{position:absolute;bottom:100%;left:50%;content:"";border:6px solid transparent;border-bottom-color:var(--color-text);transform:translate(-50%)}@keyframes sg-pulse{0%,to{opacity:1}50%{opacity:.6}}.SgSection{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-light)}.SgSection:last-child{border-bottom:none}.SgSection-title{margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.SgSection-tabs{margin-top:var(--space-6);margin-bottom:var(--space-6)}.SgSection-alert{margin-top:var(--space-6)}.WelcomePage{display:flex;flex:1;flex-direction:column}.WelcomePage-header{position:relative;padding:var(--space-12) 0 var(--space-8)}.WelcomePage-title{margin-bottom:var(--space-3);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-primary-dark)}.WelcomePage-description{max-width:60ch;font-size:var(--text-md);line-height:1.7;color:var(--color-text-muted)}.WelcomePage-footer{padding:var(--space-6) 0;font-size:var(--text-sm);color:var(--color-text-light);text-align:center;border-top:1px solid var(--color-border-light)}.WelcomePage-footer a{font-weight:var(--font-medium);color:var(--color-accent)}.WelcomePage-footer a:hover{text-decoration:underline}.WelcomePage-footerSeparator{margin:0 var(--space-2);color:var(--color-border)}.Tree{padding:var(--space-5);font-size:var(--text-sm);background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.Tree ul{padding-left:var(--space-6)}.Tree>ul{padding-left:0}.Tree li{position:relative;padding:var(--space-1) 0}.Tree ul li:before{position:absolute;top:0;left:calc(-1 * var(--space-4));height:100%;content:"";border-left:1.5px solid var(--color-border)}.Tree ul li:after{position:absolute;top:1rem;left:calc(-1 * var(--space-4));width:var(--space-3);content:"";border-top:1.5px solid var(--color-border)}.Tree ul li:last-child:before{height:1rem}.Tree>ul>li:before,.Tree>ul>li:after{display:none}.Tree-label{font-weight:var(--font-medium);color:var(--color-text)}.Tree-type{padding:.125rem var(--space-2);margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-dark);background:var(--color-accent-light);border-radius:var(--radius-sm)}.LoadingState{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;padding:var(--space-12) 0}.LoadingState-status{text-align:center}.LoadingState-status strong{display:block;margin-bottom:var(--space-1);font-size:var(--text-base);color:var(--color-primary-dark)}.LoadingState-status span{font-size:var(--text-sm);color:var(--color-text-muted)}.ModifySection{padding-top:var(--space-6);margin-top:var(--space-8);border-top:1px solid var(--color-border-light)}.ModifySection-title{margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.PromptForm{display:flex;flex-direction:column;gap:var(--space-4)}.PromptForm-textarea{padding:var(--space-4)}.PromptForm-actions{display:flex;gap:var(--space-4);justify-content:center}.SgActions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;padding:var(--space-6) 0;margin-top:var(--space-8);border-top:1px solid var(--color-border-light)}.SgActions.column{flex-direction:column;align-items:center}.GeneratedSite-pending{display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-4);margin-bottom:var(--space-6);background:var(--color-primary-light);border-radius:var(--radius)}.GeneratedSite-pending p{margin:0;font-weight:var(--font-medium);color:var(--color-primary-dark)}.GeneratedSite-credentials{padding:var(--space-5);margin:var(--space-6) 0;background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.GeneratedSite-field{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) 0}.GeneratedSite-field:not(:last-child){border-bottom:1px solid var(--color-border-light)}.GeneratedSite-label{flex-shrink:0;min-width:100px;font-size:var(--text-sm);color:var(--color-text-muted)}.GeneratedSite-value{display:flex;flex:1;gap:var(--space-2);align-items:center;min-width:0}.GeneratedSite-value code{flex:1;min-width:0;padding:var(--space-2) var(--space-3);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.GeneratedSite-value a{font-weight:var(--font-medium);color:var(--color-accent)}.GeneratedSite-value a:hover{text-decoration:underline}.AuthScreen-card{width:100%;max-width:640px;padding:var(--space-8);margin:0 auto}.AuthScreen-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:center}.AuthScreen-info{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-light);text-align:center}@media(max-width:600px){:root{--sg-header-height: 52px;--sg-spacing: 1rem}.SgHeader{height:auto;padding:var(--space-3) var(--sg-spacing)}.SgHeader-inner{flex-direction:column;gap:var(--space-2)}.StepNav{justify-content:flex-start;width:100%}.StepPill:hover .StepPill-tooltip{display:none}.WelcomePage-header{padding:var(--space-8) 0 var(--space-6)}.SgSection{padding:var(--space-6) 0}.SgActions{flex-direction:column;padding:var(--space-5) 0}.SgActions .Btn{width:100%}.PromptForm-actions{flex-direction:column}.PromptForm-actions .Btn{width:100%}}@layer reset,tokens,base,common;@layer reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer tokens;@layer tokens{:root{--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-hover: #14b8a6;--color-primary-light: #ccfbf1;--color-primary-subtle: #f0fdfa;--color-accent: #f97316;--color-accent-dark: #ea580c;--color-accent-light: #ffedd5;--color-yellow: #f59e0b;--color-yellow-dark: #d97706;--color-yellow-light: #fef3c7;--color-danger: #e11d48;--color-danger-dark: #be123c;--color-danger-light2: #c67a8b;--color-danger-light: #ffe4e6;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #d1fae5;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #dbeafe;--color-text: #1e293b;--color-text-light: #64748b;--color-text-muted: #475569;--color-text-inverse: #ffffff;--color-bg: #ffffff;--color-bg-app: #fff;--color-bg-section: #f6f3eb;--color-bg-subtle: #f2f1ec;--color-bg-elevated: #ffffff;--color-bg-sidebar: #1e293b;--color-bg-sidebar-hover: #334155;--color-text-sidebar: #e2e8f0;--color-text-sidebar-muted: #94a3b8;--color-bg-muted: #fafafa;--color-hover-sidebar-dark: #40a59d;--color-hover-sidebar-light: #d1fae5;--color-border: #d6dce3;--color-border-focus: var(--color-primary);--color-border-light: #eceff1;--sidebar-secondary-width: 220px;--navbar-height: 58px;--navbar-height-mobile: 76px;--control-bar-height: 65px;--doc-content-max-width: 1200px;--content-max-width: 960px;--content-padding: 1.5rem;--content-padding-mobile: 1rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}.dark{--color-text: #e2e8f0;--color-text-light: #94a3b8;--color-text-muted: #cbd5e1;--color-bg: #1e293b;--color-bg-section: #334155;--color-bg-subtle: #475569;--color-bg-elevated: #334155;--color-border: #475569;--color-border-light: #334155}}@layer base{html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer}}@layer common{.PaIcon{display:inline-flex;flex-shrink:0;width:1em;height:1em}.PaIcon svg{width:100%;height:100%;fill:currentColor}.PaApp{display:flex;height:100vh;overflow:hidden;background:var(--color-bg-app)}.PaMainContent{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.PaSidebar{display:flex;flex-shrink:0;flex-direction:column;height:100%;overflow:hidden;overflow-x:hidden}.PaSidebar.dark{color:var(--color-text-sidebar);background:var(--color-bg-sidebar)}.PaSidebar.light{width:var(--sidebar-secondary-width);color:var(--color-text);background:var(--color-bg-elevated);border-right:1px solid var(--color-border)}.PaSidebar-header{display:flex;flex-shrink:0;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5)}.PaSidebar.dark .PaSidebar-header{border-bottom:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-light)}.PaSidebar-logo{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius)}.PaSidebar-logo img{width:100%;height:100%;object-fit:cover}.PaSidebar-title{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap}.PaSidebar-viewSiteBtn{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#ffffffb3;cursor:pointer;background:transparent;border:none;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.PaSidebar-viewSiteBtn:hover{color:#fff;background:#ffffff1a}.PaSidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.PaSidebar-footer{flex-shrink:0;padding-top:var(--space-3)}.PaSidebar-userSection{padding:var(--space-3) var(--space-5) var(--space-2)}.PaSidebar.dark .PaSidebar-footer{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-footer{border-top:1px solid var(--color-border-light)}.PaSidebar-separator{margin:var(--space-3) var(--space-5)}.PaSidebar.dark .PaSidebar-separator{border-top:1px solid rgba(255,255,255,.1)}.PaSidebar.light .PaSidebar-separator{border-top:1px solid var(--color-border-light)}.PaSidebar-version{margin-top:var(--space-3);font-size:var(--text-xs);font-style:italic;opacity:.6}.PaSidebar.dark .PaSidebar-version{color:var(--color-text-sidebar-muted)}.UserMenu-trigger{display:flex;gap:var(--space-3);align-items:center;width:100%;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-sidebar);text-align:left;cursor:pointer;background:transparent;border:none;transition:all var(--transition)}.UserMenu-trigger:hover{color:var(--color-text-sidebar);background:var(--color-bg-sidebar-hover);border-radius:var(--radius)}.UserMenu-icon{flex-shrink:0;opacity:.7}.UserMenu-name{font-weight:var(--font-medium)}.PaSideMenuItem{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);cursor:pointer;border-radius:0;transition:all var(--transition)}.PaSidebar.dark .PaSideMenuItem{color:var(--color-text-sidebar-muted)}.PaSidebar.dark .PaSideMenuItem:hover{color:var(--color-text-sidebar);background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaSideMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.light .PaSideMenuItem{color:var(--color-text-muted)}.PaSidebar.light .PaSideMenuItem:hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaSideMenuItem.active{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaSideMenuItem-icon{flex-shrink:0;width:18px;height:18px;opacity:.7}.PaSideMenuItem.active .PaSideMenuItem-icon{opacity:1}.PaSideMenuItem-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PaSideMenuItem-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.PaSidebar.dark .PaSideMenuItem-badge{background:#ffffff26}.PaSidebar.light .PaSideMenuItem-badge{background:var(--color-bg-subtle);border:1px solid var(--color-border)}.PaSideMenuItem.child{padding-left:var(--space-8)}.PaSideMenuItem.child .PaSideMenuItem-icon{width:16px;height:16px}.PaNavbar{z-index:var(--z-sticky);display:flex;flex-shrink:0;justify-content:space-between;height:var(--navbar-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.PaNavbar-group{display:flex;align-items:center}.PaNavbar-item{display:flex;align-items:center;height:100%;padding:0 var(--space-6)}.PaNavbar-item.alignBottom{align-items:flex-end}.PaNavbar-item.withBorder,.PaNavbar-group .PaNavbar-item:first-child{border-right:1px solid var(--color-border-light)}.PaNavbar-item:last-child{border-right:none}.PaControlBar{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;height:var(--control-bar-height);padding:0 var(--space-5);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-light)}.PaControlBar-left{display:flex;flex:1;gap:var(--space-3);align-items:center;min-width:0}.PaControlBar-right{display:flex;flex-shrink:0;gap:var(--space-2);align-items:center}.PaControlBar-title{overflow:hidden;text-overflow:ellipsis;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap}.PaControlBar-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.PaFieldPanel{flex:1;padding:var(--space-6);overflow-y:auto}.PaFieldPanel-section{margin-bottom:var(--space-6)}.PaFieldPanel-section:last-child{margin-bottom:0}.PaFieldPanel-sectionTitle{margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}}.Mt1{margin-top:var(--space-1)}.Mt2{margin-top:var(--space-2)}.Mt3{margin-top:var(--space-3)}.Mt4{margin-top:var(--space-4)}.Mt5{margin-top:var(--space-5)}.Mt6{margin-top:var(--space-6)}.Mt8{margin-top:var(--space-8)}.Mt10{margin-top:var(--space-10)}.Mt12{margin-top:var(--space-12)}.Mb1{margin-bottom:var(--space-1)}.Mb2{margin-bottom:var(--space-2)}.Mb3{margin-bottom:var(--space-3)}.Mb4{margin-bottom:var(--space-4)}.Mb5{margin-bottom:var(--space-5)}.Mb6{margin-bottom:var(--space-6)}.Mb8{margin-bottom:var(--space-8)}.Mb10{margin-bottom:var(--space-10)}.Mb12{margin-bottom:var(--space-12)}.Ml1{margin-left:var(--space-1)}.Ml2{margin-left:var(--space-2)}.Ml3{margin-left:var(--space-3)}.Ml4{margin-left:var(--space-4)}.Ml5{margin-left:var(--space-5)}.Ml6{margin-left:var(--space-6)}.Ml8{margin-left:var(--space-8)}.Ml10{margin-left:var(--space-10)}.Ml12{margin-left:var(--space-12)}.Mr1{margin-right:var(--space-1)}.Mr2{margin-right:var(--space-2)}.Mr3{margin-right:var(--space-3)}.Mr4{margin-right:var(--space-4)}.Mr5{margin-right:var(--space-5)}.Mr6{margin-right:var(--space-6)}.Mr8{margin-right:var(--space-8)}.Mr10{margin-right:var(--space-10)}.Mr12{margin-right:var(--space-12)}.PaField{display:flex;flex-direction:column;gap:var(--space-2)}.PaField:not(:last-child){margin-bottom:var(--space-4)}.PaField-label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.PaFieldError{font-size:var(--text-xs);color:var(--color-danger)}.PaCheckboxField{display:inline-flex;gap:var(--space-2);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.PaCheckboxInput{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;margin:0;appearance:none;cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition)}.PaCheckboxInput:hover:not(:disabled){border-color:var(--color-primary)}.PaCheckboxInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaCheckboxInput:checked{background:var(--color-primary);border-color:var(--color-primary)}.PaCheckboxInput:checked:after{display:block;width:5px;height:9px;content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.PaCheckboxInput:disabled{cursor:not-allowed;opacity:.5}.PaCheckboxGroup{display:flex;flex-wrap:wrap;gap:var(--space-3)}.PaDateTimeInput{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaDateTimeInput:hover:not(:disabled){border-color:var(--color-primary)}.PaDateTimeInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaDateTimeInput:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaDateTimeInput.error{border-color:var(--color-danger)}.PaNumberInput{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaNumberInput:hover:not(:disabled){border-color:var(--color-primary)}.PaNumberInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaNumberInput:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaNumberInput.error{border-color:var(--color-danger)}.PaTextField{display:flex;flex-direction:column;gap:var(--space-2)}.PaTextField.error .PaTextInput{border-color:var(--color-danger)}.PaTextInput{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaTextInput:hover:not(:disabled){border-color:var(--color-primary)}.PaTextInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaTextInput:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaTextField-row{display:flex;gap:var(--space-1)}.PaTextField-row .PaTextInput{flex:1;min-width:0}.PaTextField-iconWrapper{position:relative;display:flex}.PaTextField-iconWrapper .PaTextInput{padding-left:var(--space-10)}.PaTextField-iconWrapper.iconRight .PaTextField-icon{right:var(--space-3);left:auto}.PaTextField-iconWrapper.iconRight .PaTextInput{padding-right:var(--space-10);padding-left:var(--space-3)}.PaTextField-icon{position:absolute;top:50%;left:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);pointer-events:none;transform:translateY(-50%)}.PaMultiSelect{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.PaMultiSelect.error .PaMultiSelect-control{border-color:var(--color-danger)}.PaMultiSelect.disabled{cursor:not-allowed;opacity:.5}.PaMultiSelect-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.PaMultiSelect-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaMultiSelect-control{display:flex;gap:var(--space-2);align-items:center;min-height:38px;padding:var(--space-1) var(--space-3);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.PaMultiSelect-control:hover{border-color:var(--color-primary)}.PaMultiSelect-control:has(+.PaMultiSelect-dropdown:popover-open){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaMultiSelect-values{display:flex;flex:1;flex-wrap:wrap;gap:var(--space-1);align-items:center}.PaMultiSelect-placeholder{font-size:var(--text-sm);color:var(--color-text-light)}.PaMultiSelect-chip{display:inline-flex;gap:var(--space-1);align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--color-bg-subtle);border-radius:var(--radius)}.PaMultiSelect-chipRemove{display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;margin:calc(-1 * var(--space-1));color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;transition:color var(--transition)}.PaMultiSelect-chipRemove:hover{color:var(--color-danger)}.PaMultiSelect-icon{flex-shrink:0;color:var(--color-text-muted)}.PaMultiSelect-dropdown{position:absolute;inset:auto;z-index:var(--z-popover);max-height:250px;padding:var(--space-2);margin:0;overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaMultiSelect-option{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition)}.PaMultiSelect-option:hover{background:var(--color-bg-subtle)}.PaMultiSelect-option.selected{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaMultiSelect-option.disabled{cursor:not-allowed;opacity:.5}.PaMultiSelect-error{font-size:var(--text-xs);color:var(--color-danger)}.PaPasswordInput{display:flex;flex-direction:column;gap:var(--space-2)}.PaPasswordInput-inputWrapper{position:relative;display:flex}.PaPasswordInput-inputWrapper.error .PaPasswordInput-input{border-color:var(--color-danger)}.PaPasswordInput-input{flex:1;width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaPasswordInput-input:hover:not(:disabled){border-color:var(--color-primary)}.PaPasswordInput-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaPasswordInput-input:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaPasswordInput-toggle{position:absolute;top:50%;right:var(--space-1);display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;transform:translateY(-50%);transition:color var(--transition)}.PaPasswordInput-toggle:hover{color:var(--color-text)}.PaRadioButton{display:inline-flex;gap:var(--space-2);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.PaRadioInput{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;margin:0;appearance:none;cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition)}.PaRadioInput:hover:not(:disabled){border-color:var(--color-primary)}.PaRadioInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaRadioInput:checked{background:var(--color-primary);border-color:var(--color-primary)}.PaRadioInput:checked:after{display:block;width:8px;height:8px;content:"";background:var(--color-text-inverse);border-radius:var(--radius-full)}.PaRadioInput:disabled{cursor:not-allowed;opacity:.5}.PaRadioGroup{display:flex;flex-wrap:wrap;gap:var(--space-3)}.PaSelectField{display:flex;flex-direction:column;gap:var(--space-2)}.PaSelectField.error .PaSelect{border-color:var(--color-danger)}.PaSelectField-wrapper{position:relative}.PaSelect{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);appearance:none;cursor:pointer;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.PaSelect:hover:not(:disabled){border-color:var(--color-primary)}.PaSelect:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaSelect:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaSelectField-icon{position:absolute;top:50%;right:var(--space-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;transform:translateY(-50%)}.PaSwitch{display:inline-flex;gap:var(--space-3);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.PaSwitch-input{position:absolute;width:0;height:0;opacity:0}.PaSwitch-track{position:relative;width:42px;height:22px;background:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition)}.PaSwitch-input:checked+.PaSwitch-track{background:var(--color-primary)}.PaSwitch-input:focus+.PaSwitch-track{box-shadow:0 0 0 3px var(--color-primary-light)}.PaSwitch-input:disabled+.PaSwitch-track{cursor:not-allowed;opacity:.5}.PaSwitch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:transform var(--transition)}.PaSwitch-input:checked+.PaSwitch-track .PaSwitch-thumb{transform:translate(20px)}.PaSwitch-label{font-size:var(--text-sm);color:var(--color-text)}.PaTextarea{width:100%;min-height:120px;padding:var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);resize:vertical;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.PaTextarea::placeholder{color:var(--color-text-light)}.PaTextarea:hover:not(:disabled){border-color:var(--color-primary)}.PaTextarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaTextarea:disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}.PaTextarea.error{border-color:var(--color-danger)}.PaToggleGroup{display:inline-flex;min-inline-size:0;padding:0;margin:0;border:none}.PaToggleGroup.disabled{cursor:not-allowed;opacity:.5}.PaToggleGroup-item{padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition)}.PaToggleGroup-item:first-child{border-radius:var(--radius) 0 0 var(--radius)}.PaToggleGroup-item:last-child{border-radius:0 var(--radius) var(--radius) 0}.PaToggleGroup-item:not(:first-child){border-left:none}.PaToggleGroup-item:hover:not(.disabled):not(.active){color:var(--color-text);background:var(--color-primary-light);border-color:var(--color-primary-light)}.PaToggleGroup-item.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaToggleGroup-item.disabled{cursor:not-allowed}.PaBtn{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;border:none;border-radius:var(--radius);transition:all var(--transition)}.PaBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.PaBtn.primary{color:var(--color-text-inverse);background:var(--color-primary)}.PaBtn.primary:hover{background:var(--color-primary-hover)}.PaBtn.primary:active{background:var(--color-primary-dark)}.PaBtn.secondary{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border)}.PaBtn.secondary:hover{color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaBtn.secondary.borderless,.PaBtn.secondary.borderless:hover{border:none}.PaBtn.ghost{color:var(--color-text-muted);background:transparent}.PaBtn.ghost:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaBtn.danger{color:var(--color-text-inverse);background:var(--color-danger)}.PaBtn.danger:hover{background:var(--color-danger-dark)}.PaBtn.warning{color:var(--color-yellow);background:transparent;border:2px solid var(--color-yellow)}.PaBtn.warning:hover{background:var(--color-yellow-light)}.PaBtn.icon{aspect-ratio:1;padding:var(--space-2)}.PaBtn.small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.PaBtn.large{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.PaBtn:disabled,.PaBtn.disabled{pointer-events:none;cursor:not-allowed;opacity:.6;filter:grayscale(40%)}.PaBtn.outlined{background-color:transparent;border:1px solid currentColor}.PaBtn.danger.outlined{color:var(--color-danger)}.PaBtn.danger.outlined:hover{background:var(--color-danger-light)}.PaBtn.primary.outlined{color:var(--color-primary)}.PaBtn.primary.outlined:hover{background:var(--color-primary-light)}._coloredBg .PaBtn{border-color:#fff}.PaBtn-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.PaBtn-spinner{animation:paBtn-spin 1s linear infinite}.PaBtn-feedbackIcon{flex-shrink:0}@keyframes paBtn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PaSplitBtn{position:relative;display:inline-flex}.PaSplitBtn-main.PaBtn{border-radius:var(--radius) 0 0 var(--radius)}.PaSplitBtn-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);cursor:pointer;border:none;border-left:1px solid rgba(255,255,255,.2);border-radius:0 var(--radius) var(--radius) 0;transition:all var(--transition)}.PaSplitBtn-toggleIcon{width:14px;height:14px}.PaSplitBtn.primary .PaSplitBtn-toggle{color:var(--color-text-inverse);background:var(--color-primary)}.PaSplitBtn.primary .PaSplitBtn-toggle:hover{background:var(--color-primary-hover)}.PaSplitBtn.secondary .PaSplitBtn-main.PaBtn,.PaSplitBtn.secondary .PaSplitBtn-toggle{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border)}.PaSplitBtn.secondary .PaSplitBtn-main.PaBtn{border-radius:var(--radius) 0 0 var(--radius)}.PaSplitBtn.secondary .PaSplitBtn-toggle{border-left:1px solid var(--color-border)}.PaSplitBtn.secondary .PaSplitBtn-main.PaBtn:hover,.PaSplitBtn.secondary .PaSplitBtn-toggle:hover{color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaSplitBtn-toggle:disabled{pointer-events:none;cursor:not-allowed;opacity:.6;filter:grayscale(40%)}.PaSplitBtn-menu{inset:auto;z-index:var(--z-dropdown);min-width:180px;padding:var(--space-2);margin:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaSplitBtn-menuItem{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;border-radius:var(--radius);transition:all var(--transition)}.PaSplitBtn-menuItem:hover{color:var(--color-primary);background:var(--color-primary-light)}.PaSplitBtn-menuIcon{width:16px;height:16px;color:var(--color-text-muted)}.PaSplitBtn-menuItem:hover .PaSplitBtn-menuIcon{color:var(--color-primary)}.PaSplitBtn-menuItem.danger:hover .PaSplitBtn-menuIcon{color:var(--color-danger)}.PaSplitBtn-menuItem.danger:hover{color:var(--color-danger);background:var(--color-danger-light)}.PaSplitBtn-menuItem.disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.PaSplitBtn-menuItem.disabled:hover{color:var(--color-text-muted);background:transparent}.PaSplitBtn-menuItem.disabled .PaSplitBtn-menuIcon,.PaSplitBtn-menuItem.disabled:hover .PaSplitBtn-menuIcon{color:var(--color-text-muted)}.PaToggleBtn{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition)}.PaToggleBtn:hover:not(.disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaToggleBtn.disabled{cursor:not-allowed;opacity:.5}.PaAlert{position:relative;padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border-left:4px solid;border-radius:var(--radius)}.PaAlert.dismissible{padding-right:var(--space-10)}.PaAlert.info{background:var(--color-info-light);border-color:var(--color-info)}.PaAlert.primary{background:var(--color-primary-light);border-color:var(--color-primary)}.PaAlert.success{background:var(--color-success-light);border-color:var(--color-success)}.PaAlert.warning{background:var(--color-yellow-light);border-color:var(--color-yellow)}.PaAlert.error{background:var(--color-danger-light);border-color:var(--color-danger)}.PaAlert-closeBtn{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.PaAlert-closeBtn:hover{color:var(--color-text);background:#0000001a}.PaAlert-title{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}.PaAlert-content{font-size:var(--text-sm);line-height:1.7;color:var(--color-text)}.PaBadge{display:inline-flex;gap:var(--space-1);align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.PaBadge.default{color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.PaBadge.primary{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaBadge.accent{color:var(--color-accent-dark);background:var(--color-accent-light)}.PaBadge.success{color:var(--color-success-dark);background:var(--color-success-light)}.PaBadge.warning{color:var(--color-yellow-dark);background:var(--color-yellow-light)}.PaBadge.danger{color:var(--color-danger-dark);background:var(--color-danger-light)}.PaBadge.info{color:var(--color-primary-dark);background:var(--color-primary-subtle)}.PaBadge.secondary{color:var(--color-text-light);background:var(--color-bg-muted);border:1px solid var(--color-border-light)}.PaBadge.contrast{color:var(--color-text-inverse);background:var(--color-text)}.PaCard{padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.PaCard-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.PaCard-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.PaCard-subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.PaChip{display:inline-flex;gap:var(--space-1);align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full)}.PaChip-label{color:var(--color-text)}.PaChip-remove{display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;border-radius:var(--radius-full);transition:all var(--transition)}.PaChip-remove:hover{color:var(--color-danger);background:var(--color-danger-light)}.PaDataTable{width:100%;overflow:hidden;border-spacing:0;border-collapse:separate;border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.PaDataTable-header{background:var(--color-bg-subtle)}.PaDataTable-headerCell{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--color-border)}.PaDataTable-headerCell.sortable{cursor:pointer;transition:color var(--transition)}.PaDataTable-headerCell.sortable:hover{color:var(--color-text)}.PaDataTable-row{transition:background-color var(--transition)}.PaDataTable-row:not(:last-child) .PaDataTable-cell{border-bottom:1px solid var(--color-border-light)}.PaDataTable-row.clickable{cursor:pointer}.PaDataTable-row.clickable:hover{background:var(--color-primary-light)}.PaDataTable-row.unselectable{cursor:not-allowed}.PaDataTable-row.unselectable,.PaDataTable-row.unselectable:hover{background-color:var(--color-bg-muted)}.PaDataTable-row.unselectable .PaDataTable-cell{color:var(--color-text-muted)}.PaDataTable-cell{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);vertical-align:middle;color:var(--color-text)}.PaDataTable-cell.actions{text-align:right;white-space:nowrap}.PaDataTable-wrapper{position:relative}.PaDataTable-wrapper.loading{min-height:100px}.PaDataTable-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#fffc}.PaDataTable-emptyCell{padding:var(--space-8) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.PaDataTable.small .PaDataTable-headerCell,.PaDataTable.small .PaDataTable-cell{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.PaDataTable-headerContent{display:inline-flex;gap:var(--space-1);align-items:center}.PaDataTable-sortIcon{display:inline-flex;align-items:center}.PaDataTable-scrollable{overflow-x:auto}.PaDataTable-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.PaDataTable-totalCount{font-size:var(--text-sm);color:var(--color-text-muted)}.PaDataTable-pagination{display:flex;gap:var(--space-2);align-items:center}.PaDataTable-paginationBtn{display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.PaDataTable-paginationBtn:hover:not(:disabled){background:var(--color-bg-subtle)}.PaDataTable-paginationBtn:disabled{cursor:not-allowed;opacity:.5}.PaDataTable-paginationText{font-size:var(--text-sm);color:var(--color-text-muted)}.PaDataTable-rowsPerPage{margin-left:var(--space-2)}.PaSpinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:pa-spin .8s linear infinite}.PaSpinner.small{width:16px;height:16px;border-width:2px}.PaSpinner.large{width:44px;height:44px;border-width:4px}@keyframes pa-spin{to{transform:rotate(360deg)}}.PaBreadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.PaBreadcrumb-item{display:flex;gap:var(--space-1);align-items:center}.PaBreadcrumb-link{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.PaBreadcrumb-link:is(a,button){cursor:pointer;transition:color var(--transition)}.PaBreadcrumb-link:is(a,button):hover{color:var(--color-primary)}.PaBreadcrumb-separator{display:flex;align-items:center;height:100%;padding:0 var(--space-1);font-size:var(--text-xs);color:var(--color-text-light)}.PaBreadcrumb-separator svg{width:16px;height:16px}.PaBreadcrumb-current{max-width:200px;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);white-space:nowrap}.PaMenuItem{display:flex;align-items:stretch}.PaMenuItem.active{background:var(--color-bg-subtle)}.PaMenuItem.disabled{cursor:not-allowed;opacity:.5}.PaMenuItem-left{display:flex;align-items:center;justify-content:center;width:38px;padding:var(--space-1);color:inherit;cursor:pointer;background:transparent;border:none}.PaMenuItem-left.toggle{padding:var(--space-2) var(--space-3)}.PaMenuItem-label{display:flex;flex:1;align-items:center;padding:var(--space-2);font-family:inherit;font-size:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;background:transparent;border:none}.PaMenuItem-label:is(span){cursor:default}.PaMenuItem-popup{align-self:center;margin-left:auto}.PaSidebar .PaMenuItem{padding:0 var(--space-2)}.PaSidebar.dark .PaMenuItem{color:var(--color-text-sidebar-muted)}.PaSidebar.dark .PaMenuItem .PaMenuItem-label{padding:var(--space-3) var(--space-2)}.PaSidebar.dark .PaMenuItem .PaMenuItem-label:is(a,button):hover{color:#fff;background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaMenuItem .PaMenuItem-left.toggle:hover{color:#fff;background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.dark .PaMenuItem.active .PaMenuItem-label:is(a,button):hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.dark .PaMenuItem.active .PaMenuItem-left.toggle:hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.light .PaMenuItem{color:var(--color-text-muted)}.PaSidebar.light .PaMenuItem .PaMenuItem-label{padding:var(--space-3) var(--space-2)}.PaSidebar.light .PaMenuItem .PaMenuItem-label:is(a,button):hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaMenuItem .PaMenuItem-left.toggle:hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaMenuItem.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaSidebar.light .PaMenuItem.active .PaMenuItem-label:is(a,button):hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.light .PaMenuItem.active .PaMenuItem-left.toggle:hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaPopupMenu{z-index:var(--z-popover);min-width:160px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaPopupMenu-content{display:flex;flex-direction:column;gap:var(--space-1)}.PaPopupMenu-item{cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition)}.PaPopupMenu-submenu{min-width:160px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.PaSideMenu{display:flex;flex-direction:column}.PaAccordion-content{padding-left:20px;transition:max-height .2s ease-out}.PaAccordion-content.transition{overflow:hidden}.PaAccordion-content.hide{display:none}.PaAccordion-header{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;background:var(--color-bg-subtle);transition:background-color var(--transition)}.PaAccordion-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.PaAccordion-chevron{flex-shrink:0;color:var(--color-text-light);transition:transform var(--transition)}.PaAccordion.open .PaAccordion-chevron{transform:rotate(180deg)}.PaTabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-light)}.PaTabs.stretch{align-items:stretch;height:100%;border-bottom:none}.PaTabs.pill{gap:var(--space-1);border-bottom:none}.PaTab{padding:var(--space-3) var(--space-5);margin-bottom:-2px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-light);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition)}.PaTab:focus,.PaTab:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaTab.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.PaTabs.stretch .PaTab{display:flex;align-items:center;padding:0 var(--space-4);margin-bottom:-2px;border-bottom:2px solid transparent}.PaTabs.stretch .PaTab.active{border-bottom-color:var(--color-primary)}.PaTabs.pill .PaTab{padding:var(--space-2) var(--space-3);margin-bottom:0;text-transform:uppercase;border:none;border-radius:var(--radius)}.PaTabs.pill .PaTab:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaTabs.pill .PaTab.active{color:var(--color-text-inverse);background:var(--color-primary)}.PaTabs.pill .PaTab.missing{color:var(--color-text-light);border:1px dashed var(--color-danger-light2)}.PaTabs.pill .PaTab.missing:hover{color:var(--color-primary);border-color:var(--color-primary)}.PaTab-icon{display:flex;align-items:center;margin-right:var(--space-2)}.PaDialog{max-width:90vw;padding:0;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.PaDialog[open]{display:flex;flex-direction:column}.PaDialog:modal{max-height:90vh;margin:auto}.PaDialog::backdrop{background:#00000080}.PaDialog.sizeSm{width:480px;max-width:100%}.PaDialog.sizeMd{width:640px;max-width:100%}.PaDialog.sizeLg{width:800px;max-width:100%}.PaDialog-header{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-light)}.PaDialog-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.PaDialog-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;border-radius:var(--radius);transition:all var(--transition)}.PaDialog-close:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaDialog-content{flex:1;padding:var(--space-5);overflow-y:auto}.PaDialog-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light)}.PaTooltip-trigger{display:inline-block}.PaTooltip{inset:auto;z-index:var(--z-popover);max-width:200px;padding:var(--space-2) var(--space-3);margin:0;font-size:var(--text-xs);color:var(--color-text-inverse);pointer-events:none;background:var(--color-text);border:none;border-radius:var(--radius)}.PaInplace.display{padding:var(--space-2);cursor:pointer;border:1px dashed transparent;border-radius:var(--radius);transition:all var(--transition)}.PaInplace.display:hover{background:var(--color-bg-subtle);border-color:var(--color-border)}.PaInplace.active{display:flex;flex-direction:column;gap:var(--space-3)}.PaInplace-content{flex:1}.PaInplace-close{align-self:flex-end;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition)}.PaInplace-close:hover{color:var(--color-text);background:var(--color-bg-subtle)}.PaPanel{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.PaPanel-header{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-4) var(--space-5)}.PaPanel-header.collapsible{cursor:pointer;transition:background-color var(--transition)}.PaPanel-header.collapsible:hover{background:var(--color-bg-subtle)}.PaPanel-chevron{flex-shrink:0;color:var(--color-text-muted)}.PaPanel-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.PaPanel-content{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light)}.PaTree{padding:var(--space-4);font-size:var(--text-sm);background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.PaTree-root{padding:0;margin:0;list-style:none}.PaTree-node{position:relative;padding:var(--space-1) 0;list-style:none}.PaTree-nodeContent{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius);transition:background-color var(--transition)}.PaTree-nodeContent.selected{background:var(--color-primary-light)}.PaTree-nodeContent:hover{background:var(--color-bg-subtle)}.PaTree-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;background:transparent;border:none;transition:color var(--transition)}.PaTree-toggle:hover{color:var(--color-text)}.PaTree-togglePlaceholder{width:22px;height:14px}.PaTree-checkbox{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;margin:0;appearance:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition)}.PaTree-checkbox:hover{border-color:var(--color-primary)}.PaTree-checkbox:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaTree-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.PaTree-checkbox:checked:after{display:block;width:4px;height:8px;content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.PaTree-checkbox:disabled{cursor:not-allowed;opacity:.5}.PaTree-labelWrapper{display:flex;flex:1;gap:var(--space-2);align-items:center;padding:0;font:inherit;text-align:left;background:none;border:none}.PaTree-labelWrapper.selectable{cursor:pointer}.PaTree-icon{flex-shrink:0;color:var(--color-text-muted)}.PaTree-label{font-weight:var(--font-medium);color:var(--color-text)}.PaTree-children{position:relative;padding-left:var(--space-6);margin:0;list-style:none}.PaTree-children .PaTree-node:before{position:absolute;top:0;left:calc(var(--space-2) + 11px - var(--space-6));height:100%;content:"";border-left:1.5px solid var(--color-border)}.PaTree-children .PaTree-node:after{position:absolute;top:1rem;left:calc(var(--space-2) + 11px - var(--space-6));width:calc(var(--space-6));content:"";border-top:1.5px solid var(--color-border)}.PaTree-children .PaTree-node:last-child:before{height:1rem}.PaSortableList{display:flex;gap:var(--space-2)}.PaSortableList.column{flex-direction:column}.PaSortableList.row{flex-direction:row;flex-wrap:wrap}.PaSortableList-item{cursor:grab}.PaSortableList-item:active{cursor:grabbing}.PaSortableList-item.sortable-ghost{opacity:.4}.PaSortableList-item.sortable-chosen{opacity:.8}
|