@paroicms/site-generator-plugin 0.30.2 → 0.30.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/backend/ddl/site-generator.ddl.sql +1 -1
  2. package/backend/dist/db/db-write.queries.js +3 -2
  3. package/backend/dist/db/ddl-migration.js +8 -1
  4. package/backend/dist/generator/llm-queries/invoke-update-site-schema.js +35 -2
  5. package/backend/dist/generator/site-schema-generator/create-site-schema.js +1 -1
  6. package/backend/prompts/initial-2-fields.md +3 -4
  7. package/frontend/dist/frontend.css +1 -1
  8. package/frontend/dist/frontend.mjs +50 -50
  9. package/package.json +3 -3
package/backend/ddl/site-generator.ddl.sql CHANGED
@@ -8,7 +8,7 @@ create table PaMetadata (
8
8
  primary key (dbSchema, k)
9
9
  );
10
10
 
11
- insert into PaMetadata (dbSchema, k, val) values ('site-generator', 'dbSchemaVersion', '3');
11
+ insert into PaMetadata (dbSchema, k, val) values ('site-generator', 'dbSchemaVersion', '4');
12
12
 
13
13
  create table PgSession (
14
14
  id varchar(100) not null primary key,
package/backend/dist/db/db-write.queries.js CHANGED
@@ -128,7 +128,7 @@ export async function updateGeneratedSiteStepSetAsCompleted(ctx, stepHandle, val
128
128
  });
129
129
  });
130
130
  }
131
- const InsertedAT = type({ id: "string", "+": "reject" });
131
+ const InsertedIdAT = type({ id: "number", "+": "reject" });
132
132
  export async function insertIssueEvent(ctx, values) {
133
133
  const { cn, sessionId } = ctx;
134
134
  const [inserted] = await cn("PgIssueEvent")
@@ -141,5 +141,6 @@ export async function insertIssueEvent(ctx, values) {
141
141
  siteId: values.siteId,
142
142
  })
143
143
  .returning("id");
144
- return InsertedAT.assert(inserted);
144
+ const insertedId = String(InsertedIdAT.assert(inserted).id);
145
+ return { id: insertedId };
145
146
  }
package/backend/dist/db/ddl-migration.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { executeDdl, generateDatabaseId, setMetadataDbSchemaVersion, setMetadataValue, } from "@paroicms/internal-server-lib";
2
2
  export const dbSchemaName = "site-generator";
3
- export const currentDbSchemaVersion = 3;
3
+ export const currentDbSchemaVersion = 4;
4
4
  export async function migrateSiteGeneratorDb(cn, { fromVersion, logger, ddlFile }) {
5
5
  const toVersion = currentDbSchemaVersion;
6
6
  let currentVersion = fromVersion;
@@ -20,6 +20,13 @@ export async function migrateSiteGeneratorDb(cn, { fromVersion, logger, ddlFile
20
20
  await setMetadataDbSchemaVersion(cn, { dbSchemaName, value: 3 });
21
21
  currentVersion = 3;
22
22
  }
23
+ if (currentVersion === 3) {
24
+ await cn.schema.table("PgIssueEvent", (table) => {
25
+ table.string("siteId", 100).nullable();
26
+ });
27
+ await setMetadataDbSchemaVersion(cn, { dbSchemaName, value: 4 });
28
+ currentVersion = 4;
29
+ }
23
30
  if (currentVersion !== toVersion) {
24
31
  throw new Error(`version of ${dbSchemaName} database should be '${toVersion}', but is '${currentVersion}'`);
25
32
  }
package/backend/dist/generator/llm-queries/invoke-update-site-schema.js CHANGED
@@ -161,12 +161,13 @@ async function invokeUpdateSiteSchemaStep2(ctx, input, stepHandle) {
161
161
  };
162
162
  }
163
163
  function fixSiteSchema(siteSchema) {
164
- for (const nodeType of siteSchema.nodeTypes ?? []) {
164
+ const nodeTypes = siteSchema.nodeTypes ?? [];
165
+ for (const nodeType of nodeTypes) {
165
166
  if (!nodeType.fields)
166
167
  continue;
167
168
  // Add Tiptap plugin to fields with renderAs "html"
168
169
  for (const field of nodeType.fields) {
169
- if (typeof field !== "string" && field.renderAs === "html") {
170
+ if (typeof field !== "string" && field.renderAs === "html" && field.storedAs !== "labeling") {
170
171
  field.dataType = "json";
171
172
  field.plugin = "@paroicms/tiptap-editor-plugin";
172
173
  }
@@ -180,5 +181,37 @@ function fixSiteSchema(siteSchema) {
180
181
  ];
181
182
  }
182
183
  }
184
+ setMenuPlacementOnTaxonomies(nodeTypes);
183
185
  return siteSchema;
184
186
  }
187
+ function setMenuPlacementOnTaxonomies(nodeTypes) {
188
+ if (!nodeTypes)
189
+ return;
190
+ const taxonomyTypeNames = new Set();
191
+ for (const nodeType of nodeTypes) {
192
+ if (!nodeType.fields)
193
+ continue;
194
+ for (const field of nodeType.fields) {
195
+ if (typeof field !== "string" && field.storedAs === "labeling") {
196
+ taxonomyTypeNames.add(field.taxonomy);
197
+ }
198
+ }
199
+ }
200
+ const homeNode = nodeTypes.find((nt) => nt.kind === "document" && nt.typeName === "home");
201
+ if (homeNode?.kind !== "document")
202
+ return;
203
+ const homeRoutingChildren = new Set(homeNode.routingChildren ?? []);
204
+ for (const nodeType of nodeTypes) {
205
+ if (nodeType.kind !== "document")
206
+ continue;
207
+ if (nodeType.documentKind !== "routing")
208
+ continue;
209
+ if (nodeType.adminUi)
210
+ continue;
211
+ if (!taxonomyTypeNames.has(nodeType.typeName))
212
+ continue;
213
+ if (homeRoutingChildren.has(nodeType.typeName))
214
+ continue;
215
+ nodeType.adminUi = { menuPlacement: "popup" };
216
+ }
217
+ }
package/backend/dist/generator/site-schema-generator/create-site-schema.js CHANGED
@@ -211,7 +211,7 @@ function appendAsChildPart(options, ctx) {
211
211
  walkTree(child, nodeType, ctx);
212
212
  }
213
213
  }
214
- export function toNodeType(typeName, saType) {
214
+ function toNodeType(typeName, saType) {
215
215
  if (saType.kind === "part")
216
216
  return toPartNodeType(typeName);
217
217
  if (saType.kind === "regularDocument")
package/backend/prompts/initial-2-fields.md CHANGED
@@ -30,21 +30,20 @@ Guidelines for creating the dictionnary YAML:
30
30
  - Documents and parts already contains a _publish date_ and a _draft_ flag.
31
31
  - A document already contains a _title_ and a _featured image_, but a part doesn't. That's why the predefined `title` field can be used on part types when needed.
32
32
  - Default values:
33
- - By default, for most of node types, if you are not sure about what could be the best fields, then remember that a document is a webpage and just use a `[htmlContent[@paroicms/tiptap-editor-plugin]]`.
33
+ - By default, for most of node types, if you are not sure about what could be the best fields, then remember that a document is a webpage and just use a `[htmlContent[@paroicms/tiptap-editor-plugin]]` or `[gallery, "htmlContent[@paroicms/tiptap-editor-plugin]"]`.
34
34
  - Except if there are specific instructions in the website description, here is the default value for the `_site` node type: `["logo", "footerMention[@paroicms/tiptap-editor-plugin]"]`.
35
- - Gallery of medias: there is a predefined field named `"gallery"`. It contains a list of medias. The theme can render it as a carousel, a slider, an image gallery, a slideshow, etc.
36
35
  - This task is about predefined fields only. Custom fields will be added in a further step.
37
36
 
38
37
  Here is an example of expected output:
39
38
 
40
39
  <correct_example>
41
40
  _site: [logo, "footerMention[@paroicms/tiptap-editor-plugin]"]
42
- home: ["htmlContent[@paroicms/tiptap-editor-plugin]"]
41
+ home: [gallery, "htmlContent[@paroicms/tiptap-editor-plugin]"]
43
42
  searchPage: []
44
43
  contactPage: ["introduction[@paroicms/tiptap-editor-plugin]"]
45
44
  regularDocumentExemple1: [gallery, "htmlContent[@paroicms/tiptap-editor-plugin]"]
46
45
  partExemple2: [title, image, "htmlContent[@paroicms/tiptap-editor-plugin]"]
47
- aBlogPostExample: ["leadParagraph[@paroicms/tiptap-editor-plugin]", "htmlContent[@paroicms/tiptap-editor-plugin]"]
46
+ aBlogPostExample: [gallery, "leadParagraph[@paroicms/tiptap-editor-plugin]", "htmlContent[@paroicms/tiptap-editor-plugin]"]
48
47
  </correct_example>
49
48
 
50
49
  Provide the YAML result within <yaml_result> tags. Do not write any explanation or commentary outside the tags.
package/frontend/dist/frontend.css CHANGED
@@ -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: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}
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-disabled: #868b92;--color-text-inverse: #ffffff;--color-bg-disabled: #e8eaed;--color-border-disabled: #c8ccd2;--color-primary-disabled: #7da8a4;--color-primary-bg-disabled: #e0eeec;--color-danger-disabled: #c9929d;--color-danger-bg-disabled: #f5e4e7;--color-warning-disabled: #c9a96b;--color-warning-bg-disabled: #f9f3e3;--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: #eee;--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}._mobile .PaSidebar-nav{padding:0 0 var(--space-2)}.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.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}.SgHeader-actions{margin-left: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.noBorder{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{width:100%;min-height:160px;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-disabled: #868b92;--color-text-inverse: #ffffff;--color-bg-disabled: #e8eaed;--color-border-disabled: #c8ccd2;--color-primary-disabled: #7da8a4;--color-primary-bg-disabled: #e0eeec;--color-danger-disabled: #c9929d;--color-danger-bg-disabled: #f5e4e7;--color-warning-disabled: #c9a96b;--color-warning-bg-disabled: #f9f3e3;--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: #eee;--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}._mobile .PaSidebar-nav{padding:0 0 var(--space-2)}.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.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}}.PaButtonBar{display:flex;flex-wrap:wrap;gap:8px}.PaButtonBar.alignRight{justify-content:end}.PaButtonBar.spaceBetween{justify-content:space-between;width:100%}@media(max-width:400px){.PaButtonBar.spaceBetween{justify-content:center}}.PaFullW{width:100%!important}.PaFullH{height:100%!important}.PaMt1{margin-top:var(--space-1)}.PaMt2{margin-top:var(--space-2)}.PaMt3{margin-top:var(--space-3)}.PaMt4{margin-top:var(--space-4)}.PaMt5{margin-top:var(--space-5)}.PaMt6{margin-top:var(--space-6)}.PaMt8{margin-top:var(--space-8)}.PaMt10{margin-top:var(--space-10)}.PaMt12{margin-top:var(--space-12)}.PaMb1{margin-bottom:var(--space-1)}.PaMb2{margin-bottom:var(--space-2)}.PaMb3{margin-bottom:var(--space-3)}.PaMb4{margin-bottom:var(--space-4)}.PaMb5{margin-bottom:var(--space-5)}.PaMb6{margin-bottom:var(--space-6)}.PaMb8{margin-bottom:var(--space-8)}.PaMb10{margin-bottom:var(--space-10)}.PaMb12{margin-bottom:var(--space-12)}.PaMl1{margin-left:var(--space-1)}.PaMl2{margin-left:var(--space-2)}.PaMl3{margin-left:var(--space-3)}.PaMl4{margin-left:var(--space-4)}.PaMl5{margin-left:var(--space-5)}.PaMl6{margin-left:var(--space-6)}.PaMl8{margin-left:var(--space-8)}.PaMl10{margin-left:var(--space-10)}.PaMl12{margin-left:var(--space-12)}.PaMr1{margin-right:var(--space-1)}.PaMr2{margin-right:var(--space-2)}.PaMr3{margin-right:var(--space-3)}.PaMr4{margin-right:var(--space-4)}.PaMr5{margin-right:var(--space-5)}.PaMr6{margin-right:var(--space-6)}.PaMr8{margin-right:var(--space-8)}.PaMr10{margin-right:var(--space-10)}.PaMr12{margin-right:var(--space-12)}.PaField{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.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}._paForm input[type=checkbox],.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)}:is(._paForm input[type=checkbox],.PaCheckboxInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=checkbox],.PaCheckboxInput):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm input[type=checkbox],.PaCheckboxInput):checked{background:var(--color-primary);border-color:var(--color-primary)}:is(._paForm input[type=checkbox],.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)}:is(._paForm input[type=checkbox],.PaCheckboxInput):disabled{cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaCheckboxGroup{display:flex;flex-wrap:wrap;gap:var(--space-3)}._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.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)}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput):disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput).error{border-color:var(--color-danger)}._paForm input[type=number],.PaNumberInput{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)}:is(._paForm input[type=number],.PaNumberInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=number],.PaNumberInput):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm input[type=number],.PaNumberInput):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}:is(._paForm input[type=number],.PaNumberInput).error{border-color:var(--color-danger)}.PaInputSwitch{display:inline-flex;gap:var(--space-3);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.PaInputSwitch-input{position:absolute;width:0;height:0;opacity:0}.PaInputSwitch-track{position:relative;width:42px;height:22px;background:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition)}.PaInputSwitch-input:checked+.PaInputSwitch-track{background:var(--color-primary)}.PaInputSwitch-input:focus+.PaInputSwitch-track{box-shadow:0 0 0 3px var(--color-primary-light)}.PaInputSwitch-input:disabled+.PaInputSwitch-track{cursor:not-allowed;background:var(--color-border-disabled)}.PaInputSwitch-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)}.PaInputSwitch-input:checked+.PaInputSwitch-track .PaInputSwitch-thumb{transform:translate(20px)}.PaInputSwitch-label{font-size:var(--text-sm);color:var(--color-text)}.PaTextField{display:flex;flex-direction:column;gap:var(--space-2)}.PaTextField.error .PaTextInput{border-color:var(--color-danger)}.PaTextField-row{display:flex;gap:var(--space-1)}.PaTextField-row .PaTextInput{flex:1;min-width:0}._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput{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)}:is(._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaTextField-iconWrapper{position:relative;display:flex;align-self:flex-start}.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}.PaMultiSelect.disabled .PaMultiSelect-control{color:var(--color-text-muted);background:var(--color-bg-muted);border-color:var(--color-border-light)}.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:not(.disabled) .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:not(.disabled) .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:not(.disabled){background:var(--color-bg-subtle)}.PaMultiSelect-option.selected{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaMultiSelect-option.disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted)}.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;align-self:flex-start}.PaPasswordInput-inputWrapper.error .PaPasswordInput-input{border-color:var(--color-danger)}._paForm input[type=password],.PaPasswordInput-input{flex:1;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)}:is(._paForm input[type=password],.PaPasswordInput-input):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=password],.PaPasswordInput-input):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm input[type=password],.PaPasswordInput-input):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaPasswordInput-input{padding-right:var(--space-8)}.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:not(:disabled){color:var(--color-text)}.PaPasswordInput-toggle:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.PaRadioButton{display:inline-flex;gap:var(--space-2);align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}._paForm input[type=radio],.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)}:is(._paForm input[type=radio],.PaRadioInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=radio],.PaRadioInput):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm input[type=radio],.PaRadioInput):checked{background:var(--color-primary);border-color:var(--color-primary)}:is(._paForm input[type=radio],.PaRadioInput):checked:after{display:block;width:8px;height:8px;content:"";background:var(--color-text-inverse);border-radius:var(--radius-full)}:is(._paForm input[type=radio],.PaRadioInput):disabled{cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.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;display:flex;align-self:flex-start}._paForm select,.PaSelect{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);cursor:pointer;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}:is(._paForm select,.PaSelect):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm select,.PaSelect):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm select,.PaSelect):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}._paForm select{appearance:menulist-button}.PaSelect{padding-right:var(--space-8);appearance:none}.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%)}._paForm textarea,.PaTextarea{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)}:is(._paForm textarea,.PaTextarea)::placeholder{color:var(--color-text-light)}:is(._paForm textarea,.PaTextarea):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm textarea,.PaTextarea):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:is(._paForm textarea,.PaTextarea):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}:is(._paForm textarea,.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}.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{color:var(--color-text-disabled);cursor:not-allowed;background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}._paForm button,.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;cursor:pointer;border:none;border-radius:var(--radius);transition:all var(--transition)}:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn):visited,:is(._paForm button,.PaBtn):hover{text-decoration:none}:is(._paForm button,.PaBtn):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn).primary{color:var(--color-text-inverse);background:var(--color-primary)}:is(:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn).primary):hover:not(:disabled):not(.disabled){background:var(--color-primary-hover)}:is(:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn).primary):active{background:var(--color-primary-dark)}:is(._paForm button,.PaBtn).secondary{color:var(--color-text-muted);background:var(--color-bg-muted);border:1px solid var(--color-border)}:is(._paForm button,.PaBtn).secondary:hover:not(:disabled):not(.disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}:is(._paForm button,.PaBtn).secondary.borderless,:is(._paForm button,.PaBtn).secondary.borderless:hover{border:none}:is(._paForm button,.PaBtn).ghost{color:var(--color-text-muted);background:transparent}:is(._paForm button,.PaBtn).ghost:hover:not(:disabled):not(.disabled){color:var(--color-text);background:var(--color-bg-subtle)}:is(._paForm button,.PaBtn).danger{color:var(--color-text-inverse);background:var(--color-danger)}:is(._paForm button,.PaBtn).danger:hover:not(:disabled):not(.disabled){background:var(--color-danger-dark)}:is(._paForm button,.PaBtn).warning{color:var(--color-yellow);background:transparent;border:2px solid var(--color-yellow)}:is(._paForm button,.PaBtn).warning:hover:not(:disabled):not(.disabled){background:var(--color-yellow-light)}:is(._paForm button,.PaBtn).icon{aspect-ratio:1;padding:var(--space-2)}:is(._paForm button,.PaBtn).small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}:is(._paForm button,.PaBtn).large{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled{color:var(--color-text-disabled);pointer-events:none;cursor:not-allowed;background:var(--color-bg-disabled);border-color:var(--color-bg-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).outlined{background:transparent;border-color:var(--color-border-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).primary{color:var(--color-primary-disabled);background:var(--color-primary-bg-disabled);border-color:var(--color-primary-bg-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).primary.outlined{background:transparent;border-color:var(--color-primary-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).danger{color:var(--color-danger-disabled);background:var(--color-danger-bg-disabled);border-color:var(--color-danger-bg-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).danger.outlined{background:transparent;border-color:var(--color-danger-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).warning{color:var(--color-warning-disabled);background:transparent;border-color:var(--color-warning-disabled)}:is(._paForm button,.PaBtn).outlined{background-color:transparent;border:1px solid currentColor}:is(._paForm button,.PaBtn).danger.outlined:not(:disabled):not(.disabled){color:var(--color-danger)}:is(._paForm button,.PaBtn).danger.outlined:not(:disabled):not(.disabled):hover{background:var(--color-danger-light)}:is(._paForm button,.PaBtn).primary.outlined:not(:disabled):not(.disabled){color:var(--color-primary)}:is(._paForm button,.PaBtn).primary.outlined:not(:disabled):not(.disabled):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-toggle.primary{color:var(--color-text-inverse);background:var(--color-primary)}.PaSplitBtn-toggle.primary:hover:not(:disabled){background:var(--color-primary-hover)}.PaSplitBtn-toggle.primary:disabled{color:var(--color-primary-disabled);background:var(--color-primary-bg-disabled)}.PaSplitBtn-toggle.danger{color:var(--color-text-inverse);background:var(--color-danger)}.PaSplitBtn-toggle.danger:hover:not(:disabled){background:var(--color-danger-dark)}.PaSplitBtn-toggle.danger:disabled{color:var(--color-danger-disabled);background:var(--color-danger-bg-disabled)}.PaSplitBtn-toggle.warning{color:var(--color-yellow);background:transparent;border:2px solid var(--color-yellow);border-left:none}.PaSplitBtn-toggle.warning:hover:not(:disabled){background:var(--color-yellow-light)}.PaSplitBtn-toggle.warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-disabled)}.PaSplitBtn-toggle.secondary{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-left:1px solid var(--color-border)}.PaSplitBtn-toggle.secondary:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaSplitBtn-toggle.secondary:disabled{color:var(--color-text-disabled);background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}.PaSplitBtn-toggle.ghost{color:var(--color-text-muted);background:transparent}.PaSplitBtn-toggle.ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle)}.PaSplitBtn-toggle.ghost:disabled{color:var(--color-text-disabled)}.PaSplitBtn.outlined .PaSplitBtn-toggle.primary{color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-left:none}.PaSplitBtn.outlined .PaSplitBtn-toggle.primary:hover:not(:disabled){background:var(--color-primary-light)}.PaSplitBtn.outlined .PaSplitBtn-toggle.primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled)}.PaSplitBtn.outlined .PaSplitBtn-toggle.danger{color:var(--color-danger);background:transparent;border:1px solid var(--color-danger);border-left:none}.PaSplitBtn.outlined .PaSplitBtn-toggle.danger:hover:not(:disabled){background:var(--color-danger-light)}.PaSplitBtn.outlined .PaSplitBtn-toggle.danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled)}.PaSplitBtn.outlined .PaSplitBtn-toggle.secondary{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-left:none}.PaSplitBtn.outlined .PaSplitBtn-toggle.secondary:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaSplitBtn.outlined .PaSplitBtn-toggle.secondary:disabled{color:var(--color-text-disabled);border-color:var(--color-border-disabled)}.PaSplitBtn-toggle:disabled{pointer-events:none;cursor:not-allowed}.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:not(:disabled){color:var(--color-primary);background:var(--color-primary-light)}.PaSplitBtn-menuIcon{width:16px;height:16px;color:var(--color-text-muted)}.PaSplitBtn-menuItem:hover:not(:disabled) .PaSplitBtn-menuIcon{color:var(--color-primary)}.PaSplitBtn-menuItem.danger:hover:not(:disabled) .PaSplitBtn-menuIcon{color:var(--color-danger)}.PaSplitBtn-menuItem.danger:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-light)}.PaSplitBtn-menuItem:disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-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);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition)}.PaToggleBtn.primary{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.primary:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.primary.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaToggleBtn.secondary{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.secondary:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.secondary.active{color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.warning{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.warning:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.warning.active{color:var(--color-yellow-dark);background:var(--color-yellow-light);border-color:var(--color-yellow)}.PaToggleBtn.danger{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.danger:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.danger.active{color:var(--color-text-inverse);background:var(--color-danger);border-color:var(--color-danger)}.PaToggleBtn.ghost{color:var(--color-text-muted);background:transparent;border-color:transparent}.PaToggleBtn.ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:transparent}.PaToggleBtn.ghost.active{color:var(--color-text);background:var(--color-bg-subtle);border-color:transparent}.PaToggleBtn:disabled{color:var(--color-text-disabled);pointer-events:none;cursor:not-allowed;background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}.PaToggleBtn:disabled.primary.active{color:var(--color-primary-disabled);background:var(--color-primary-bg-disabled);border-color:var(--color-primary-bg-disabled)}.PaToggleBtn:disabled.secondary.active{color:var(--color-text-disabled);background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}.PaToggleBtn:disabled.danger.active{color:var(--color-danger-disabled);background:var(--color-danger-bg-disabled);border-color:var(--color-danger-bg-disabled)}.PaToggleBtn:disabled.warning.active{color:var(--color-warning-disabled);background:transparent;border-color:var(--color-warning-disabled)}.PaToggleBtn:disabled.ghost{background:transparent;border-color:transparent}.PaToggleBtn:disabled.ghost.active{background:transparent;border-color:transparent}.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:not(:disabled){color:var(--color-text);background:#0000001a}.PaAlert-closeBtn:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.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:not(:disabled){color:var(--color-danger);background:var(--color-danger-light)}.PaChip-remove:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.PaDataTable{position:relative}.PaDataTable.loading{min-height:100px}.PaDataTable-table{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);vertical-align:middle;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:not(.disabled){color:var(--color-text)}.PaDataTable-headerCell.sortable.disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.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:not(.disabled):not(.unselectable){background:var(--color-primary-light)}.PaDataTable-row.clickable.disabled{pointer-events:none;cursor:not-allowed}.PaDataTable-row.unselectable{cursor:not-allowed;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-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;width:40px;height:40px;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{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted)}.PaDataTable-paginationText{font-size:var(--text-sm);color:var(--color-text-muted)}.PaDataTable-rowsPerPage{margin-left:var(--space-2)}.PaSpinner{display:inline-block;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.medium{width:32px;height:32px;border-width:3px}.PaSpinner.large{width:50px;height:50px;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.iconBtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px}._mobile .PaNavbar-item{padding:0 var(--space-2)}.PaBreadcrumb-link:is(a,button){cursor:pointer;transition:color var(--transition)}.PaBreadcrumb-link:is(a,button):hover:not(:disabled):not(.disabled){color:var(--color-primary)}.PaBreadcrumb-link:is(a,button):disabled,.PaBreadcrumb-link:is(a,button).disabled{color:var(--color-text-muted);pointer-events:none;cursor:not-allowed}.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}.PaMenuItem{display:flex;align-items:stretch}.PaMenuItem.active{background:var(--color-bg-subtle)}.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:disabled,.PaMenuItem-label.disabled{color:var(--color-text-muted);pointer-events:none;cursor:not-allowed}.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:not(.disabled) .PaMenuItem-label:is(a,button):hover{color:#fff;background:var(--color-hover-sidebar-dark)}.PaSidebar.dark .PaMenuItem:not(.disabled) .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:not(.disabled) .PaMenuItem-label:is(a,button):hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.dark .PaMenuItem.active:not(.disabled) .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:not(.disabled) .PaMenuItem-label:is(a,button):hover{color:var(--color-text);background:var(--color-hover-sidebar-light)}.PaSidebar.light .PaMenuItem:not(.disabled) .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:not(.disabled) .PaMenuItem-label:is(a,button):hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.PaSidebar.light .PaMenuItem.active:not(.disabled) .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-item:disabled,.PaPopupMenu-item.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.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)}.PaPopupMenu-separator{height:1px;margin:var(--space-1) 0;background:var(--color-border-light)}.PaPopupMenu-footer{padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--color-border-light)}.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-header:disabled,.PaAccordion-header.disabled{color:var(--color-text-muted);pointer-events:none;cursor:not-allowed}.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:not(:disabled):not(.disabled){color:var(--color-text);background:var(--color-bg-subtle)}.PaTab.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.PaTab:disabled,.PaTab.disabled{color:var(--color-text-disabled);pointer-events:none;cursor:not-allowed;background:var(--color-bg-muted)}.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:not(:disabled){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:not(:disabled){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:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle)}.PaDialog-close:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.PaDialog-content{flex:1 1 auto;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:not(:disabled):not(.disabled){background:var(--color-bg-subtle);border-color:var(--color-border)}.PaInplace.display:disabled,.PaInplace.display.disabled{color:var(--color-text-muted);pointer-events:none;cursor:not-allowed}.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:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle)}.PaInplace-close:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.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:not(:disabled):not(.disabled){background:var(--color-bg-subtle)}.PaPanel-header.collapsible:disabled,.PaPanel-header.collapsible.disabled{color:var(--color-text-muted);pointer-events:none;cursor:not-allowed}.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:not(:disabled){color:var(--color-text)}.PaTree-toggle:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.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}