:root{--platform-accent:33 88% 50%;--platform-accent-foreground:0 0% 9%;--action-primary:hsl(var(--platform-accent));--action-primary-foreground:hsl(var(--platform-accent-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--product-identityone:245 70% 60%;--product-panelone:33 88% 50%;--product-partnerone:33 88% 50%;--product-auditone:42 92% 48%;--product-alertone:224 76% 48%;--product-workone:217 91% 60%;--product-phoneone:345 78% 58%;--product-storageone:195 75% 48%;--product-socialone:0 0% 15%;--product-diagnosticone:172 68% 40%;--product-billingone:143 63% 52%;--product-clientone:215 80% 48%;--product-identityone-foreground:0 0% 100%;--product-panelone-foreground:0 0% 9%;--product-partnerone-foreground:0 0% 9%;--product-auditone-foreground:0 0% 9%;--product-alertone-foreground:0 0% 100%;--product-workone-foreground:0 0% 9%;--product-phoneone-foreground:0 0% 9%;--product-storageone-foreground:0 0% 9%;--product-socialone-foreground:0 0% 100%;--product-diagnosticone-foreground:0 0% 9%;--product-billingone-foreground:0 0% 9%;--product-clientone-foreground:0 0% 100%}:root,.light{--background:#fafafa;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#262626;--primary-foreground:#fafafa;--secondary:#f0f0f0;--secondary-foreground:#262626;--muted:#f0f0f0;--muted-foreground:#616161;--accent:#f0f0f0;--accent-foreground:#262626;--destructive:#c01111;--destructive-foreground:#fafafa;--border:#e0e0e0;--input:#878787;--header-background:color-mix(in srgb, var(--action-primary) 14%, #f7f7f7);--header-foreground:#171717;--header-muted-foreground:#616161;--header-border:color-mix(in srgb, var(--action-primary) 22%, #e0e0e0);--header-accent:color-mix(in srgb, var(--action-primary) 18%, transparent);--header-accent-foreground:#171717;--ring:color-mix(in srgb, var(--action-primary) 70%, black);--sidebar-background:color-mix(in srgb, var(--action-primary) 22%, #f5f5f5);--sidebar-foreground:#171717;--sidebar-primary:var(--action-primary);--sidebar-primary-foreground:var(--action-primary-foreground);--sidebar-accent:color-mix(in srgb, var(--action-primary) 22%, transparent);--sidebar-accent-foreground:#171717;--sidebar-border:color-mix(in srgb, var(--action-primary) 28%, #e0e0e0);--sidebar-ring:color-mix(in srgb, var(--action-primary) 70%, black);--icon-invert:1;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--status-operational:#16a249;--status-warning:#f59f0a;--status-critical:#ef4343;--status-info:#657086;--finance-draft:#737373;--finance-submitted:#2258c3;--finance-paid:#16a249;--finance-overdue:#ef4343;--finance-void:#8c8c8c;--severity-critical:#ef4343;--severity-critical-foreground:#fafafa;--severity-high:#f97415;--severity-high-foreground:#fafafa;--severity-medium:#f59f0a;--severity-low:#16a249;--glass-bg:#fffc;--glass-border:#e0e0e0;--gradient-primary:linear-gradient(135deg, #333 0%, #595959 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #fafafa 100%);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--brand-segment-surface:var(--card);--brand-segment-border:#301c03;--brand-segment-foreground:#171717;--status-operational-foreground:#116931;--status-warning-foreground:#623004;--status-critical-foreground:#9a1919;--status-info-foreground:#171717;--status-neutral-foreground:#616161;--status-operational-icon:#116931;--status-warning-icon:#ab6f07;--status-critical-icon:#b81e1e;--status-operational-solid:#12873d;--status-operational-solid-foreground:#fff;--status-critical-solid:#e11414;--status-critical-solid-foreground:#fff;--status-info-solid:#69758c;--status-info-solid-foreground:#fff;--status-warning-solid:#f59f0a;--status-warning-solid-foreground:#171717;--severity-high-solid:#f97415;--severity-high-solid-foreground:#fafafa;--severity-low-solid:#12873d;--severity-low-solid-foreground:#fff;--destructive-text:#c01111;--chart-1:#186faa;--chart-2:#c66510;--chart-3:#1a896b;--chart-4:#8d3b9b;--chart-5:#c52020;--chart-6:#1f8693;--chart-7:#8b6904;--chart-8:#b23473;--product-identityone-hover-mix:#000;--product-identityone-active-mix:#000;--product-panelone-hover-mix:#000;--product-panelone-active-mix:#000;--product-partnerone-hover-mix:#000;--product-partnerone-active-mix:#000;--product-auditone-hover-mix:#000;--product-auditone-active-mix:#000;--product-alertone-hover-mix:#000;--product-alertone-active-mix:#000;--product-workone-hover-mix:#fff;--product-workone-active-mix:#fff;--product-phoneone-hover-mix:#fff;--product-phoneone-active-mix:#fff;--product-storageone-hover-mix:#000;--product-storageone-active-mix:#000;--product-socialone-hover-mix:#fff;--product-socialone-active-mix:#fff;--product-diagnosticone-hover-mix:#000;--product-diagnosticone-active-mix:#000;--product-billingone-hover-mix:#000;--product-billingone-active-mix:#000;--product-clientone-hover-mix:#000;--product-clientone-active-mix:#000}:root{--radius:.5rem;--density-gap:1rem;--density-card-padding:1rem;--density-page-header-gap:1rem;--density-control-height:2.5rem;--density-control-height-sm:2rem;--density-tabs-height:2.75rem;--density-table-row:2.5rem;--density-table-cell-py:.5rem;--density-table-cell-px:.75rem;--density-empty-padding:2rem;--density-page-title:1.5rem;--density-page-title-md:1.875rem}.dark{--background:#0a0a0a;--foreground:#f2f2f2;--card:#121212;--card-foreground:#f2f2f2;--popover:#171717;--popover-foreground:#f2f2f2;--primary:#f2f2f2;--primary-foreground:#171717;--secondary:#242424;--secondary-foreground:#f2f2f2;--muted:#242424;--muted-foreground:#a6a6a6;--accent:#2e2e2e;--accent-foreground:#f2f2f2;--destructive:#c01111;--destructive-foreground:#f2f2f2;--border:#2e2e2e;--input:#707070;--ring:color-mix(in srgb, var(--action-primary) 60%, white);--header-background:#232939;--header-foreground:#fafafa;--header-muted-foreground:#adb3c2;--header-border:#ffffff1a;--header-accent:#ffffff1a;--header-accent-foreground:#fafafa;--status-operational:#1cca5b;--status-warning:#f59f0a;--status-critical:#ef4343;--status-info:#999;--finance-draft:#737373;--finance-submitted:#2258c3;--finance-paid:#16a249;--finance-overdue:#ef4343;--finance-void:#8c8c8c;--severity-critical:#ef4343;--severity-critical-foreground:#f2f2f2;--severity-high:#f97415;--severity-high-foreground:#f2f2f2;--severity-medium:#f59f0a;--severity-low:#1cca5b;--glass-bg:#171717f2;--glass-border:#383838;--gradient-primary:linear-gradient(135deg, #d9d9d9 0%, #a6a6a6 100%);--gradient-card:linear-gradient(180deg, #171717 0%, #121212 100%);--shadow-sm:0 1px 4px #ffffff0f;--shadow-md:0 2px 8px #ffffff1a;--shadow-lg:0 4px 16px #ffffff24;--sidebar-background:#1f2533;--sidebar-foreground:#fafafa;--sidebar-primary:#fafafa;--sidebar-primary-foreground:#171717;--sidebar-accent:#ffffff1f;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:color-mix(in srgb, var(--action-primary) 60%, white);--icon-invert:0;--status-operational-foreground:#a5f3c2;--status-warning-foreground:#f9c56c;--status-critical-foreground:#ff8080;--status-info-foreground:#fff;--status-neutral-foreground:#a6a6a6;--status-operational-icon:#4be784;--status-warning-icon:#f6ae31;--status-critical-icon:#f65555;--status-operational-solid:#12873d;--status-operational-solid-foreground:#fff;--status-critical-solid:#e11414;--status-critical-solid-foreground:#fff;--status-info-solid:#737373;--status-info-solid-foreground:#fff;--status-warning-solid:#f59f0a;--status-warning-solid-foreground:#171717;--severity-high-solid:#f97415;--severity-high-solid-foreground:#f2f2f2;--severity-low-solid:#12873d;--severity-low-solid-foreground:#fff;--destructive-text:#ff8080;--chart-1:#5aace2;--chart-2:#f49a34;--chart-3:#3bce98;--chart-4:#c285d6;--chart-5:#e75555;--chart-6:#4dbdcb;--chart-7:#efcb39;--chart-8:#d685ad;--platform-accent:33 90% 58%;--platform-accent-foreground:0 0% 9%;--action-primary:hsl(var(--platform-accent));--action-primary-foreground:hsl(var(--platform-accent-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fafafa;--brand-segment-surface:#f49e34;--brand-segment-border:#ab6f24;--brand-segment-foreground:#171717;--product-identityone-hover-mix:#fff;--product-identityone-active-mix:#000;--product-panelone-hover-mix:#fff;--product-panelone-active-mix:#fff;--product-partnerone-hover-mix:#fff;--product-partnerone-active-mix:#fff;--product-auditone-hover-mix:#fff;--product-auditone-active-mix:#fff;--product-alertone-hover-mix:#fff;--product-alertone-active-mix:#fff;--product-workone-hover-mix:#fff;--product-workone-active-mix:#fff;--product-phoneone-hover-mix:#fff;--product-phoneone-active-mix:#fff;--product-storageone-hover-mix:#fff;--product-storageone-active-mix:#fff;--product-socialone-hover-mix:#000;--product-socialone-active-mix:#000;--product-diagnosticone-hover-mix:#fff;--product-diagnosticone-active-mix:#fff;--product-billingone-hover-mix:#fff;--product-billingone-active-mix:#fff;--product-clientone-hover-mix:#000;--product-clientone-active-mix:#000}.noc{--icon-invert:0;--background:#000;--foreground:#fff;--card:#0f0f0f;--card-foreground:#fff;--popover:#0d0d0d;--popover-foreground:#fff;--primary:#fff;--primary-foreground:#000;--secondary:#141414;--secondary-foreground:#fff;--muted:#141414;--muted-foreground:#d1d1d1;--accent:#1f1f1f;--accent-foreground:#fff;--destructive:#e00000;--destructive-foreground:#fff;--border:#474747;--input:#636363;--ring:color-mix(in srgb, var(--action-primary) 60%, white);--header-background:#232939;--header-foreground:#fafafa;--header-muted-foreground:#adb3c2;--header-border:#ffffff1a;--header-accent:#ffffff1a;--header-accent-foreground:#fafafa;--status-operational:#0f0;--status-warning:#ffc61a;--status-critical:#f33;--status-info:#3bf;--finance-draft:#9baed4;--finance-submitted:#2994ff;--finance-paid:#0f0;--finance-overdue:#f33;--finance-void:#b8b8b8;--severity-critical:#f33;--severity-critical-foreground:#fff;--severity-high:#ff791a;--severity-high-foreground:#fff;--severity-medium:#ffc61a;--severity-low:#0f0;--glass-bg:#0f0f0ffa;--glass-border:#595959;--gradient-primary:linear-gradient(135deg, #fff 0%, #ccc 100%);--gradient-card:linear-gradient(180deg, #141414 0%, #0a0a0a 100%);--shadow-sm:0 1px 4px #ffffff2e;--shadow-md:0 2px 10px #ffffff47;--shadow-lg:0 4px 20px #fff6;--sidebar-background:#1f2533;--sidebar-foreground:#fafafa;--sidebar-primary:#fafafa;--sidebar-primary-foreground:#171717;--sidebar-accent:#ffffff1f;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:color-mix(in srgb, var(--action-primary) 60%, white);--status-operational-foreground:#8cf28c;--status-warning-foreground:#fbdd84;--status-critical-foreground:#ff8080;--status-info-foreground:#80d4ff;--status-neutral-foreground:#d1d1d1;--status-operational-icon:#30e830;--status-warning-icon:#f8c83a;--status-critical-icon:#f65555;--status-operational-solid:#008500;--status-operational-solid-foreground:#fff;--status-critical-solid:#e60000;--status-critical-solid-foreground:#fff;--status-info-solid:#0077b3;--status-info-solid-foreground:#fff;--status-warning-solid:#ffc61a;--status-warning-solid-foreground:#171717;--severity-high-solid:#ff791a;--severity-high-solid-foreground:#fff;--severity-low-solid:#008500;--severity-low-solid-foreground:#fff;--destructive-text:#ff8080;--chart-1:#73b9e8;--chart-2:#f8ae4f;--chart-3:#51d6a6;--chart-4:#ce92dd;--chart-5:#ec6565;--chart-6:#66c9d6;--chart-7:#f4d952;--chart-8:#dd92b8;--platform-accent:33 100% 55%;--platform-accent-foreground:0 0% 0%;--action-primary:hsl(var(--platform-accent));--action-primary-foreground:hsl(var(--platform-accent-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fafafa;--brand-segment-surface:color-mix(in srgb, white 10%, var(--muted));--brand-segment-border:color-mix(in srgb, #ff981a 35%, var(--border));--brand-segment-foreground:#fff;--product-identityone-hover-mix:#fff;--product-identityone-active-mix:#000;--product-panelone-hover-mix:#fff;--product-panelone-active-mix:#fff;--product-partnerone-hover-mix:#fff;--product-partnerone-active-mix:#fff;--product-auditone-hover-mix:#fff;--product-auditone-active-mix:#fff;--product-alertone-hover-mix:#fff;--product-alertone-active-mix:#fff;--product-workone-hover-mix:#fff;--product-workone-active-mix:#fff;--product-phoneone-hover-mix:#fff;--product-phoneone-active-mix:#fff;--product-storageone-hover-mix:#fff;--product-storageone-active-mix:#fff;--product-socialone-hover-mix:#000;--product-socialone-active-mix:#000;--product-diagnosticone-hover-mix:#fff;--product-diagnosticone-active-mix:#fff;--product-billingone-hover-mix:#fff;--product-billingone-active-mix:#fff;--product-clientone-hover-mix:#000;--product-clientone-active-mix:#000}[data-product=identityone],.product-identityone{--platform-accent:var(--product-identityone);--platform-accent-foreground:var(--product-identityone-foreground);--action-primary:hsl(var(--product-identityone));--action-primary-foreground:hsl(var(--product-identityone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#13102d;--brand-segment-foreground:#171717;--product-identityone:245 70% 60%;--product-identityone-foreground:0 0% 100%}.dark[data-product=identityone]:not(.light):not(.dark .light *),.dark .product-identityone:not(.light):not(.dark .light *),.dark [data-product=identityone]:not(.light):not(.dark .light *){--platform-accent:var(--product-identityone);--platform-accent-foreground:var(--product-identityone-foreground);--action-primary:hsl(var(--product-identityone));--action-primary-foreground:hsl(var(--product-identityone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-identityone:245 70% 60%;--product-identityone-foreground:0 0% 100%}.noc[data-product=identityone]:not(.light):not(.noc .light *),.noc .product-identityone:not(.light):not(.noc .light *),.noc [data-product=identityone]:not(.light):not(.noc .light *){--platform-accent:var(--product-identityone);--platform-accent-foreground:var(--product-identityone-foreground);--action-primary:hsl(var(--product-identityone));--action-primary-foreground:hsl(var(--product-identityone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 22%, var(--card));--brand-segment-border:color-mix(in srgb, white 28%, var(--border));--brand-segment-foreground:#fff;--product-identityone:245 70% 60%;--product-identityone-foreground:0 0% 100%}[data-product=panelone],.product-panelone{--platform-accent:var(--product-panelone);--platform-accent-foreground:var(--product-panelone-foreground);--action-primary:hsl(var(--product-panelone));--action-primary-foreground:hsl(var(--product-panelone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#301c03;--brand-segment-foreground:#171717;--product-panelone:33 88% 50%;--product-panelone-foreground:0 0% 9%}.dark[data-product=panelone]:not(.light):not(.dark .light *),.dark .product-panelone:not(.light):not(.dark .light *),.dark [data-product=panelone]:not(.light):not(.dark .light *){--platform-accent:var(--product-panelone);--platform-accent-foreground:var(--product-panelone-foreground);--action-primary:hsl(var(--product-panelone));--action-primary-foreground:hsl(var(--product-panelone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-panelone:33 88% 50%;--product-panelone-foreground:0 0% 9%}.noc[data-product=panelone]:not(.light):not(.noc .light *),.noc .product-panelone:not(.light):not(.noc .light *),.noc [data-product=panelone]:not(.light):not(.noc .light *){--platform-accent:var(--product-panelone);--platform-accent-foreground:var(--product-panelone-foreground);--action-primary:hsl(var(--product-panelone));--action-primary-foreground:hsl(var(--product-panelone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 10%, var(--muted));--brand-segment-border:color-mix(in srgb, #f08b0f 35%, var(--border));--brand-segment-foreground:#fff;--product-panelone:33 88% 50%;--product-panelone-foreground:0 0% 9%}[data-product=partnerone],.product-partnerone{--platform-accent:var(--product-partnerone);--platform-accent-foreground:var(--product-partnerone-foreground);--action-primary:hsl(var(--product-partnerone));--action-primary-foreground:hsl(var(--product-partnerone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#301c03;--brand-segment-foreground:#171717;--product-partnerone:33 88% 50%;--product-partnerone-foreground:0 0% 9%}.dark[data-product=partnerone]:not(.light):not(.dark .light *),.dark .product-partnerone:not(.light):not(.dark .light *),.dark [data-product=partnerone]:not(.light):not(.dark .light *){--platform-accent:var(--product-partnerone);--platform-accent-foreground:var(--product-partnerone-foreground);--action-primary:hsl(var(--product-partnerone));--action-primary-foreground:hsl(var(--product-partnerone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-partnerone:33 88% 50%;--product-partnerone-foreground:0 0% 9%}.noc[data-product=partnerone]:not(.light):not(.noc .light *),.noc .product-partnerone:not(.light):not(.noc .light *),.noc [data-product=partnerone]:not(.light):not(.noc .light *){--platform-accent:var(--product-partnerone);--platform-accent-foreground:var(--product-partnerone-foreground);--action-primary:hsl(var(--product-partnerone));--action-primary-foreground:hsl(var(--product-partnerone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 10%, var(--muted));--brand-segment-border:color-mix(in srgb, #f08b0f 35%, var(--border));--brand-segment-foreground:#fff;--product-partnerone:33 88% 50%;--product-partnerone-foreground:0 0% 9%}[data-product=auditone],.product-auditone{--platform-accent:var(--product-auditone);--platform-accent-foreground:var(--product-auditone-foreground);--action-primary:hsl(var(--product-auditone));--action-primary-foreground:hsl(var(--product-auditone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#2f2102;--brand-segment-foreground:#171717;--product-auditone:42 92% 48%;--product-auditone-foreground:0 0% 9%}.dark[data-product=auditone]:not(.light):not(.dark .light *),.dark .product-auditone:not(.light):not(.dark .light *),.dark [data-product=auditone]:not(.light):not(.dark .light *){--platform-accent:var(--product-auditone);--platform-accent-foreground:var(--product-auditone-foreground);--action-primary:hsl(var(--product-auditone));--action-primary-foreground:hsl(var(--product-auditone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:#eba70a;--brand-segment-border:#a57507;--brand-segment-foreground:#171717;--product-auditone:42 92% 48%;--product-auditone-foreground:0 0% 9%}.noc[data-product=auditone]:not(.light):not(.noc .light *),.noc .product-auditone:not(.light):not(.noc .light *),.noc [data-product=auditone]:not(.light):not(.noc .light *){--platform-accent:var(--product-auditone);--platform-accent-foreground:var(--product-auditone-foreground);--action-primary:hsl(var(--product-auditone));--action-primary-foreground:hsl(var(--product-auditone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 10%, var(--muted));--brand-segment-border:color-mix(in srgb, #eba70a 35%, var(--border));--brand-segment-foreground:#fff;--product-auditone:42 92% 48%;--product-auditone-foreground:0 0% 9%}[data-product=alertone],.product-alertone{--platform-accent:var(--product-alertone);--platform-accent-foreground:var(--product-alertone-foreground);--action-primary:hsl(var(--product-alertone));--action-primary-foreground:hsl(var(--product-alertone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#06102b;--brand-segment-foreground:#171717;--product-alertone:224 76% 48%;--product-alertone-foreground:0 0% 100%}.dark[data-product=alertone]:not(.light):not(.dark .light *),.dark .product-alertone:not(.light):not(.dark .light *),.dark [data-product=alertone]:not(.light):not(.dark .light *){--platform-accent:var(--product-alertone);--platform-accent-foreground:var(--product-alertone-foreground);--action-primary:hsl(var(--product-alertone));--action-primary-foreground:hsl(var(--product-alertone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-alertone:224 76% 48%;--product-alertone-foreground:0 0% 100%}.noc[data-product=alertone]:not(.light):not(.noc .light *),.noc .product-alertone:not(.light):not(.noc .light *),.noc [data-product=alertone]:not(.light):not(.noc .light *){--platform-accent:var(--product-alertone);--platform-accent-foreground:var(--product-alertone-foreground);--action-primary:hsl(var(--product-alertone));--action-primary-foreground:hsl(var(--product-alertone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 22%, var(--card));--brand-segment-border:color-mix(in srgb, white 28%, var(--border));--brand-segment-foreground:#fff;--product-alertone:224 76% 48%;--product-alertone-foreground:0 0% 100%}[data-product=workone],.product-workone{--platform-accent:var(--product-workone);--platform-accent-foreground:var(--product-workone-foreground);--action-primary:hsl(var(--product-workone));--action-primary-foreground:hsl(var(--product-workone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#0c1a31;--brand-segment-foreground:#171717;--product-workone:217 91% 60%;--product-workone-foreground:0 0% 9%}.dark[data-product=workone]:not(.light):not(.dark .light *),.dark .product-workone:not(.light):not(.dark .light *),.dark [data-product=workone]:not(.light):not(.dark .light *){--platform-accent:var(--product-workone);--platform-accent-foreground:var(--product-workone-foreground);--action-primary:hsl(var(--product-workone));--action-primary-foreground:hsl(var(--product-workone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-workone:217 91% 60%;--product-workone-foreground:0 0% 9%}.noc[data-product=workone]:not(.light):not(.noc .light *),.noc .product-workone:not(.light):not(.noc .light *),.noc [data-product=workone]:not(.light):not(.noc .light *){--platform-accent:var(--product-workone);--platform-accent-foreground:var(--product-workone-foreground);--action-primary:hsl(var(--product-workone));--action-primary-foreground:hsl(var(--product-workone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 22%, var(--card));--brand-segment-border:color-mix(in srgb, white 28%, var(--border));--brand-segment-foreground:#fff;--product-workone:217 91% 60%;--product-workone-foreground:0 0% 9%}[data-product=phoneone],.product-phoneone{--platform-accent:var(--product-phoneone);--platform-accent-foreground:var(--product-phoneone-foreground);--action-primary:hsl(var(--product-phoneone));--action-primary-foreground:hsl(var(--product-phoneone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#2e0d15;--brand-segment-foreground:#171717;--product-phoneone:345 78% 58%;--product-phoneone-foreground:0 0% 9%}.dark[data-product=phoneone]:not(.light):not(.dark .light *),.dark .product-phoneone:not(.light):not(.dark .light *),.dark [data-product=phoneone]:not(.light):not(.dark .light *){--platform-accent:var(--product-phoneone);--platform-accent-foreground:var(--product-phoneone-foreground);--action-primary:hsl(var(--product-phoneone));--action-primary-foreground:hsl(var(--product-phoneone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-phoneone:345 78% 58%;--product-phoneone-foreground:0 0% 9%}.noc[data-product=phoneone]:not(.light):not(.noc .light *),.noc .product-phoneone:not(.light):not(.noc .light *),.noc [data-product=phoneone]:not(.light):not(.noc .light *){--platform-accent:var(--product-phoneone);--platform-accent-foreground:var(--product-phoneone-foreground);--action-primary:hsl(var(--product-phoneone));--action-primary-foreground:hsl(var(--product-phoneone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 22%, var(--card));--brand-segment-border:color-mix(in srgb, white 28%, var(--border));--brand-segment-foreground:#fff;--product-phoneone:345 78% 58%;--product-phoneone-foreground:0 0% 9%}[data-product=storageone],.product-storageone{--platform-accent:var(--product-storageone);--platform-accent-foreground:var(--product-storageone-foreground);--action-primary:hsl(var(--product-storageone));--action-primary-foreground:hsl(var(--product-storageone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#06222b;--brand-segment-foreground:#171717;--product-storageone:195 75% 48%;--product-storageone-foreground:0 0% 9%}.dark[data-product=storageone]:not(.light):not(.dark .light *),.dark .product-storageone:not(.light):not(.dark .light *),.dark [data-product=storageone]:not(.light):not(.dark .light *){--platform-accent:var(--product-storageone);--platform-accent-foreground:var(--product-storageone-foreground);--action-primary:hsl(var(--product-storageone));--action-primary-foreground:hsl(var(--product-storageone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-storageone:195 75% 48%;--product-storageone-foreground:0 0% 9%}.noc[data-product=storageone]:not(.light):not(.noc .light *),.noc .product-storageone:not(.light):not(.noc .light *),.noc [data-product=storageone]:not(.light):not(.noc .light *){--platform-accent:var(--product-storageone);--platform-accent-foreground:var(--product-storageone-foreground);--action-primary:hsl(var(--product-storageone));--action-primary-foreground:hsl(var(--product-storageone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 10%, var(--muted));--brand-segment-border:color-mix(in srgb, #1fa8d6 35%, var(--border));--brand-segment-foreground:#fff;--product-storageone:195 75% 48%;--product-storageone-foreground:0 0% 9%}[data-product=socialone],.product-socialone{--platform-accent:var(--product-socialone);--platform-accent-foreground:var(--product-socialone-foreground);--action-primary:hsl(var(--product-socialone));--action-primary-foreground:hsl(var(--product-socialone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#080808;--brand-segment-foreground:#171717;--product-socialone:0 0% 15%;--product-socialone-foreground:0 0% 100%;--header-muted-foreground:0 0% 32%}.dark[data-product=socialone]:not(.light):not(.dark .light *),.dark .product-socialone:not(.light):not(.dark .light *),.dark [data-product=socialone]:not(.light):not(.dark .light *){--platform-accent:var(--product-socialone);--platform-accent-foreground:var(--product-socialone-foreground);--action-primary:hsl(var(--product-socialone));--action-primary-foreground:hsl(var(--product-socialone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:#e6e6e638;--brand-surface-strong:#e6e6e661;--brand-border:#e6e6e68c;--brand-indicator:#e6e6e6;--brand-foreground:#fff;--brand-segment-surface:#e6e6e6;--brand-segment-border:#a1a1a1;--brand-segment-foreground:#171717;--product-socialone:0 0% 90%;--product-socialone-foreground:0 0% 9%}.noc[data-product=socialone]:not(.light):not(.noc .light *),.noc .product-socialone:not(.light):not(.noc .light *),.noc [data-product=socialone]:not(.light):not(.noc .light *){--platform-accent:var(--product-socialone);--platform-accent-foreground:var(--product-socialone-foreground);--action-primary:hsl(var(--product-socialone));--action-primary-foreground:hsl(var(--product-socialone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:#e6e6e63d;--brand-surface-strong:#e6e6e666;--brand-border:#e6e6e699;--brand-indicator:#e6e6e6;--brand-foreground:#fff;--brand-segment-surface:#e6e6e6;--brand-segment-border:#a1a1a1;--brand-segment-foreground:#171717;--product-socialone:0 0% 90%;--product-socialone-foreground:0 0% 9%}[data-product=diagnosticone],.product-diagnosticone{--platform-accent:var(--product-diagnosticone);--platform-accent-foreground:var(--product-diagnosticone-foreground);--action-primary:hsl(var(--product-diagnosticone));--action-primary-foreground:hsl(var(--product-diagnosticone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#07221f;--brand-segment-foreground:#171717;--product-diagnosticone:172 68% 40%;--product-diagnosticone-foreground:0 0% 9%}.dark[data-product=diagnosticone]:not(.light):not(.dark .light *),.dark .product-diagnosticone:not(.light):not(.dark .light *),.dark [data-product=diagnosticone]:not(.light):not(.dark .light *){--platform-accent:var(--product-diagnosticone);--platform-accent-foreground:var(--product-diagnosticone-foreground);--action-primary:hsl(var(--product-diagnosticone));--action-primary-foreground:hsl(var(--product-diagnosticone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-diagnosticone:172 68% 40%;--product-diagnosticone-foreground:0 0% 9%}.noc[data-product=diagnosticone]:not(.light):not(.noc .light *),.noc .product-diagnosticone:not(.light):not(.noc .light *),.noc [data-product=diagnosticone]:not(.light):not(.noc .light *){--platform-accent:var(--product-diagnosticone);--platform-accent-foreground:var(--product-diagnosticone-foreground);--action-primary:hsl(var(--product-diagnosticone));--action-primary-foreground:hsl(var(--product-diagnosticone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 10%, var(--muted));--brand-segment-border:color-mix(in srgb, #21ab99 35%, var(--border));--brand-segment-foreground:#fff;--product-diagnosticone:172 68% 40%;--product-diagnosticone-foreground:0 0% 9%}[data-product=billingone],.product-billingone{--platform-accent:var(--product-billingone);--platform-accent-foreground:var(--product-billingone-foreground);--action-primary:hsl(var(--product-billingone));--action-primary-foreground:hsl(var(--product-billingone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#0b2a17;--brand-segment-foreground:#171717;--product-billingone:143 63% 52%;--product-billingone-foreground:0 0% 9%}.dark[data-product=billingone]:not(.light):not(.dark .light *),.dark .product-billingone:not(.light):not(.dark .light *),.dark [data-product=billingone]:not(.light):not(.dark .light *){--platform-accent:var(--product-billingone);--platform-accent-foreground:var(--product-billingone-foreground);--action-primary:hsl(var(--product-billingone));--action-primary-foreground:hsl(var(--product-billingone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:#37d273;--brand-segment-border:#279351;--brand-segment-foreground:#171717;--product-billingone:143 63% 52%;--product-billingone-foreground:0 0% 9%}.noc[data-product=billingone]:not(.light):not(.noc .light *),.noc .product-billingone:not(.light):not(.noc .light *),.noc [data-product=billingone]:not(.light):not(.noc .light *){--platform-accent:var(--product-billingone);--platform-accent-foreground:var(--product-billingone-foreground);--action-primary:hsl(var(--product-billingone));--action-primary-foreground:hsl(var(--product-billingone-foreground));--action-primary-hover-mix:#fff;--action-primary-active-mix:#fff;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 10%, var(--muted));--brand-segment-border:color-mix(in srgb, #37d273 35%, var(--border));--brand-segment-foreground:#fff;--product-billingone:143 63% 52%;--product-billingone-foreground:0 0% 9%}[data-product=clientone],.product-clientone{--platform-accent:var(--product-clientone);--platform-accent-foreground:var(--product-clientone-foreground);--action-primary:hsl(var(--product-clientone));--action-primary-foreground:hsl(var(--product-clientone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, var(--action-primary) 20%, transparent);--brand-surface-strong:color-mix(in srgb, var(--action-primary) 35%, transparent);--brand-border:color-mix(in srgb, var(--action-primary) 50%, transparent);--brand-indicator:color-mix(in srgb, var(--action-primary) 48%, black);--brand-foreground:#171717;--brand-segment-surface:var(--card);--brand-segment-border:#05152c;--brand-segment-foreground:#171717;--product-clientone:215 80% 48%;--product-clientone-foreground:0 0% 100%}.dark[data-product=clientone]:not(.light):not(.dark .light *),.dark .product-clientone:not(.light):not(.dark .light *),.dark [data-product=clientone]:not(.light):not(.dark .light *){--platform-accent:var(--product-clientone);--platform-accent-foreground:var(--product-clientone-foreground);--action-primary:hsl(var(--product-clientone));--action-primary-foreground:hsl(var(--product-clientone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 22%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 38%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 55%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 28%, var(--card));--brand-segment-border:color-mix(in srgb, white 34%, var(--border));--brand-segment-foreground:#fff;--product-clientone:215 80% 48%;--product-clientone-foreground:0 0% 100%}.noc[data-product=clientone]:not(.light):not(.noc .light *),.noc .product-clientone:not(.light):not(.noc .light *),.noc [data-product=clientone]:not(.light):not(.noc .light *){--platform-accent:var(--product-clientone);--platform-accent-foreground:var(--product-clientone-foreground);--action-primary:hsl(var(--product-clientone));--action-primary-foreground:hsl(var(--product-clientone-foreground));--action-primary-hover-mix:#000;--action-primary-active-mix:#000;--brand-surface:color-mix(in srgb, hsl(var(--platform-accent)) 24%, transparent);--brand-surface-strong:color-mix(in srgb, hsl(var(--platform-accent)) 40%, transparent);--brand-border:color-mix(in srgb, hsl(var(--platform-accent)) 60%, transparent);--brand-indicator:hsl(var(--platform-accent));--brand-foreground:#fff;--brand-segment-surface:color-mix(in srgb, white 22%, var(--card));--brand-segment-border:color-mix(in srgb, white 28%, var(--border));--brand-segment-foreground:#fff;--product-clientone:215 80% 48%;--product-clientone-foreground:0 0% 100%}[data-tenant-accent],.light [data-tenant-accent]{--platform-accent:var(--_tenant-light-accent);--platform-accent-foreground:var(--_tenant-light-foreground);--primary:var(--_tenant-light-accent);--primary-foreground:var(--_tenant-light-foreground);--action-primary:hsl(var(--_tenant-light-accent));--action-primary-foreground:hsl(var(--_tenant-light-foreground));--action-primary-hover-mix:var(--_tenant-light-hover-mix);--action-primary-active-mix:var(--_tenant-light-active-mix);--ring:var(--_tenant-light-ring);--sidebar-ring:var(--_tenant-light-ring)}.dark [data-tenant-accent]:not(.light):not(.dark .light *){--platform-accent:var(--_tenant-dark-accent);--platform-accent-foreground:var(--_tenant-dark-foreground);--primary:var(--_tenant-dark-accent);--primary-foreground:var(--_tenant-dark-foreground);--action-primary:hsl(var(--_tenant-dark-accent));--action-primary-foreground:hsl(var(--_tenant-dark-foreground));--action-primary-hover-mix:var(--_tenant-dark-hover-mix);--action-primary-active-mix:var(--_tenant-dark-active-mix);--ring:var(--_tenant-dark-ring);--sidebar-ring:var(--_tenant-dark-ring)}.noc [data-tenant-accent]:not(.light):not(.noc .light *){--platform-accent:var(--_tenant-noc-accent);--platform-accent-foreground:var(--_tenant-noc-foreground);--primary:var(--_tenant-noc-accent);--primary-foreground:var(--_tenant-noc-foreground);--action-primary:hsl(var(--_tenant-noc-accent));--action-primary-foreground:hsl(var(--_tenant-noc-foreground));--action-primary-hover-mix:var(--_tenant-noc-hover-mix);--action-primary-active-mix:var(--_tenant-noc-active-mix);--ring:var(--_tenant-noc-ring);--sidebar-ring:var(--_tenant-noc-ring)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--vc-radius:12px;--vc-radius-sm:8px;--vc-shadow-lg:0 16px 48px #0000006b;--font-sans:Inter, system-ui, sans-serif;--font-mono:"Geist Mono", monospace;--nav-w:240px;--sidebar-w:340px;--dur-fast:.14s;--dur:.22s;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}body{min-height:100svh;font-family:var(--font-sans);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}body.layout-sidebar-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}body.export-modal-open{overflow:hidden}#app{flex-direction:column;min-height:100svh;display:flex}.top-bar{border-bottom:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);background:color-mix(in srgb, var(--card) 72%, transparent);-webkit-backdrop-filter:blur(14px);z-index:40;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.25rem;display:flex}.top-bar-brand{align-items:center;gap:.65rem;min-width:0;display:flex}.top-bar-mark{width:auto;height:22px;display:block}.top-bar-brand-text{flex-direction:column;min-width:0;display:flex}.top-bar-logo{letter-spacing:-.03em;color:var(--foreground);font-size:.95rem;font-weight:650}.top-bar-divider{background:var(--border);border-radius:1px;width:1px;height:1rem}.top-bar-tag{color:var(--muted-foreground);letter-spacing:.02em;font-size:.75rem;font-weight:500}.console-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground);font-size:11px}.top-bar-center{flex:1;justify-content:center;min-width:0;display:flex}.top-bar-actions{flex-shrink:0}.toolbar-select{min-width:min(100%,200px);max-width:280px;margin:0 auto}.btn-toolbar{font-family:var(--font-sans);border-radius:var(--vc-radius-sm);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);background:color-mix(in srgb, var(--foreground) 4%, transparent);color:var(--foreground);cursor:pointer;padding:.5rem 1.1rem;font-size:.84rem;font-weight:500;transition:background .15s,border-color .15s,transform .12s}.btn-toolbar:hover{border-color:color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--foreground) 8%, transparent)}.btn-toolbar:active{transform:scale(.98)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout{grid-template-columns:var(--nav-w) minmax(0, 1fr) 6px var(--sidebar-w);flex:1;grid-template-areas:"structure preview resizer inspector";gap:0;min-height:0;display:grid}.structure-panel{border-right:1px solid var(--border);background:var(--card);grid-area:structure;min-width:0;padding:.75rem .85rem;overflow-y:auto}.structure-panel .field{margin-bottom:.85rem}#preview-wrap,.preview-wrap{grid-area:preview}.inspector-panel{grid-area:inspector}.mobile-panel-tabs{display:none}.layout-resizer{touch-action:none;-webkit-user-select:none;user-select:none;cursor:col-resize;background:var(--background);z-index:2;grid-area:resizer;position:relative}.layout-resizer:after{content:"";background:var(--border);border-radius:2px;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.layout-resizer:hover:after,.layout-resizer:focus-visible:after{background:var(--brand-indicator)}.layout-resizer:focus{outline:none}.layout-resizer:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@media (width<=860px){.layout{grid-template-columns:1fr;grid-template-areas:"preview""tabs""panel"}.layout-resizer{display:none}.mobile-panel-tabs{grid-area:tabs;display:flex}.structure-panel,.inspector-panel{grid-area:panel;max-height:min(52vh,28rem);overflow-y:auto}.layout[data-mobile-panel=structure] .inspector-panel,.layout[data-mobile-panel=properties] .structure-panel{display:none}.top-bar{flex-wrap:wrap}.top-bar-center{flex:1 0 100%;order:3;justify-content:flex-start}.toolbar-select{width:100%;max-width:none;margin:0}}.mobile-panel-tabs{border-top:1px solid var(--border);background:var(--card)}.mobile-panel-tabs button{appearance:none;font-family:var(--font-sans);color:var(--muted-foreground);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.55rem .65rem;font-size:.78rem;font-weight:500}.mobile-panel-tabs button:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 4%, transparent)}.mobile-panel-tabs button.is-active{color:var(--brand-foreground);background:var(--brand-surface);border-bottom-color:var(--brand-indicator)}.panel.editor-panel{background:var(--card);border-left:1px solid var(--border);border-right:none;min-width:0;padding:1rem 1.15rem 1.35rem;overflow-y:auto}@media (width<=860px){.panel.editor-panel{border-left:none;border-top:1px solid var(--border)}.structure-panel{border-right:none;border-top:1px solid var(--border)}}.field{margin-bottom:1.15rem}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground);margin-bottom:.45rem;font-size:11px;font-weight:500;display:block}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}input[type=number],input[type=text],textarea{font-family:var(--font-mono);background:var(--card);border:1px solid var(--border);color:var(--foreground);border-radius:6px;width:5rem;padding:.4rem .55rem;font-size:.85rem}textarea{resize:vertical;width:100%;min-height:3.5rem;font-family:var(--font-sans)}input[type=number]:focus,input[type=text]:focus,textarea:focus{border-color:var(--brand-border);box-shadow:0 0 0 2px var(--brand-surface);outline:none}input[type=range]{min-width:100px;accent-color:var(--action-primary);flex:1}input[type=color]{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:6px;width:2.5rem;height:2rem;padding:0}.segmented{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.segmented button{color:var(--muted-foreground);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem .65rem;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.segmented button:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 4%, transparent)}.segmented button[aria-pressed=true]{background:var(--brand-surface);color:var(--brand-foreground)}select.field-select{width:100%;font-family:var(--font-sans);color:var(--foreground);background:var(--card);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;border-radius:8px;padding:.55rem 2rem .55rem .65rem;font-size:.88rem;font-weight:500}select.field-select:focus{border-color:var(--brand-border);box-shadow:0 0 0 2px var(--brand-surface);outline:none}input:focus-visible,select:focus-visible,input[type=number]:focus-visible,input[type=text]:focus-visible,select.field-select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.presets{flex-wrap:wrap;gap:.4rem;display:flex}.presets button{font-family:var(--font-sans);border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:6px;padding:.35rem .55rem;font-size:.75rem}.presets button:hover{border-color:var(--brand-border);color:var(--brand-foreground)}.lockup-presets{border:1px solid var(--border);border-radius:var(--vc-radius-sm);flex-wrap:wrap;gap:0;width:100%;display:flex;overflow:hidden}.lockup-presets button{min-width:0;font-family:var(--font-sans);border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;text-align:center;border-radius:0;flex:33%;padding:.28rem .35rem;font-size:.68rem}.lockup-presets button:nth-child(3n){border-right:none}.lockup-presets button:hover{background:color-mix(in srgb, var(--foreground) 4%, transparent);color:var(--foreground)}.lockup-presets button.is-active{border-color:var(--brand-border);color:var(--brand-foreground)}.stops{flex-direction:column;gap:.5rem;display:flex}.stop-row{grid-template-columns:auto 1fr 3.75rem auto;align-items:center;gap:.5rem;display:grid}.stop-row .pos{width:3.5rem}.btn{font-family:var(--font-sans);border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:8px;padding:.55rem .85rem;font-size:.85rem;font-weight:500;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--input)}.btn-primary{background:var(--action-primary);border-color:var(--brand-border);color:var(--action-primary-foreground);width:100%;margin-top:.5rem;padding:.65rem 1rem;font-weight:600}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn-ghost{color:var(--muted-foreground);background:0 0;padding:.35rem .5rem;font-size:.8rem}.btn-icon{border-radius:var(--vc-radius-sm);width:28px;min-width:0;height:28px;color:var(--muted-foreground);font-family:var(--font-sans);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex}.btn-icon:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--foreground);border-color:color-mix(in srgb, var(--foreground) 8%, transparent)}.btn-icon:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.btn-remove{color:var(--destructive-text);cursor:pointer;opacity:.75;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1}.btn-remove:hover{opacity:1}.btn-remove:disabled{opacity:.2;cursor:not-allowed}.preview-wrap{background-color:var(--background);background-image:radial-gradient(ellipse 70% 50% at 50% -10%, color-mix(in srgb, var(--foreground) 4%, transparent), transparent), radial-gradient(circle, color-mix(in srgb, var(--foreground) 4%, transparent) 1px, transparent 1px);background-size:100% 100%,20px 20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.85rem;min-width:0;min-height:0;padding:1.5rem 1.25rem;display:flex;position:relative}.preview-wrap.is-panning{cursor:grabbing}.preview-wrap.is-space-ready{cursor:grab}.preview-zoom-bar{border-radius:var(--vc-radius-sm);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);background:color-mix(in srgb, var(--card) 72%, transparent);-webkit-backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex}.preview-zoom-bar .btn-ghost,.preview-zoom-bar .btn-icon,.preview-zoom-bar button{min-width:0;padding:.25rem .45rem;font-size:.72rem;line-height:1.2}.preview-zoom-bar .btn-icon{width:26px;height:26px;padding:0;font-size:.8rem}.preview-zoom-bar #zoom-label{appearance:none;cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;padding:.2rem .3rem}.preview-zoom-bar #zoom-label:hover{color:var(--foreground)}.preview-stage{touch-action:none;flex:1;justify-content:center;align-items:center;width:100%;max-width:min(100%,960px);min-height:12rem;display:flex;overflow:hidden}.preview-chrome{border-radius:var(--vc-radius);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);background:var(--card);transform-origin:50%;width:100%;max-width:min(100%,960px);overflow:hidden}.preview-chrome-bar{border-bottom:1px solid color-mix(in srgb, var(--foreground) 6%, transparent);background:color-mix(in srgb, var(--foreground) 2%, transparent);align-items:center;gap:8px;padding:8px 12px;display:flex}.preview-chrome-dot{background:color-mix(in srgb, var(--foreground) 15%, transparent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.preview-chrome #preview,.preview-chrome canvas{width:100%;height:auto;box-shadow:none;border:none;border-radius:0;display:block}.preview-meta{color:var(--muted-foreground);font-size:.75rem;font-family:var(--font-mono)}.shortcut-strip{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted-foreground);margin:.35rem 0 0;font-size:.65rem;line-height:1.45}.shortcut-strip kbd{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:4px;padding:.05rem .3rem;font-family:inherit}#preview{border-radius:var(--vc-radius);border:1px solid var(--border);width:100%;max-width:min(100%,960px);height:auto;box-shadow:none;image-rendering:auto}.jpeg-only{display:none}.jpeg-only.visible{display:block}#stops-field.is-hidden{display:none}.mesh-field-hint{color:var(--muted-foreground);margin:0 0 .65rem;font-size:.75rem;line-height:1.35}.mesh-grid{gap:.45rem;width:100%;display:grid}.mesh-grid input[type=color]{width:100%;min-width:0;height:2.1rem}.ff-list{flex-direction:column;gap:.4rem;max-height:220px;margin-top:.35rem;display:flex;overflow-y:auto}.ff-row{grid-template-columns:auto auto minmax(3.2rem,.55fr) 1fr 1fr auto auto auto;align-items:center;gap:.35rem;display:grid}.ff-idx{color:var(--muted-foreground);text-align:center;width:1rem;font-size:.72rem;font-weight:600}.ff-row input[type=number]{width:100%;min-width:0}#preview.canvas-crosshair{cursor:crosshair}#preview.canvas-ff-interact{touch-action:none}.ff-edge-list{flex-direction:column;gap:.25rem;max-height:8rem;margin-bottom:.65rem;display:flex;overflow-y:auto}.ff-edge-row{color:var(--muted-foreground);grid-template-columns:auto 1fr max-content max-content;align-items:center;gap:.45rem;font-size:.85rem;display:grid}.ff-edge-curve{width:100%;min-width:0}.editor-panel-intro{border-bottom:1px solid var(--border);margin-bottom:1.1rem;padding-bottom:1rem}.editor-panel-intro .console-label{margin-bottom:6px;display:block}.editor-panel-title{letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:.98rem;font-weight:650}.editor-panel-sub{color:var(--muted-foreground);margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.looks-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.structure-panel .looks-grid{grid-template-columns:repeat(4,1fr);gap:4px}.look-tile{appearance:none;text-align:left;border:1px solid var(--border);background:var(--background);cursor:pointer;color:inherit;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:8px;flex-direction:column;padding:0;font-family:inherit;display:flex;overflow:hidden}.look-tile:hover{transform:translateY(-1px)}.look-tile.is-active{border-color:var(--brand-border);box-shadow:inset 3px 0 0 var(--look-accent,var(--brand-indicator))}.look-tile-swatch{width:100%;height:40px;display:block}.structure-panel .look-tile-swatch{height:28px}.look-tile-name{color:var(--foreground);padding:6px 8px;font-size:.72rem}.structure-panel .look-tile-name{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.structure-panel .look-tile{position:relative}.layers-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.layer-add-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.shape-add-row{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.layer-add-row .field-select{flex:1;min-width:8rem}.layer-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-row{border:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:8px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:4px;padding:6px 8px;font-size:.8rem;display:grid}.layer-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);text-align:center;flex-shrink:0;min-width:1.1rem;font-size:.65rem;font-weight:500;line-height:1.2}.layer-grip{cursor:grab;color:var(--muted-foreground);font-size:.85rem;line-height:1;font-family:var(--font-sans);letter-spacing:-.08em;background:0 0;border:none;padding:.15rem .25rem}.layer-grip:hover{color:var(--foreground)}.layer-row.is-dragging{opacity:.45}.layer-row.drop-before{box-shadow:inset 0 2px 0 var(--brand-indicator)}.layer-row.drop-after{box-shadow:inset 0 -2px 0 var(--brand-indicator)}body.layer-list-dragging,body.layer-list-dragging *{cursor:grabbing!important}.layer-row.is-selected{border-color:var(--brand-border);background:var(--brand-surface)}.layer-row button{min-width:0;padding:.2rem .35rem;font-size:.75rem;line-height:1}.layer-hide,.layer-lock{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.layer-row:hover .layer-hide,.layer-row:hover .layer-lock,.layer-row:focus-within .layer-hide,.layer-row:focus-within .layer-lock,.layer-hide.is-on,.layer-lock.is-on{opacity:1}.add-menu{margin-bottom:.5rem;position:relative}.add-menu>summary{cursor:pointer;font-family:var(--font-sans);border:1px solid var(--border);color:var(--muted-foreground);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;align-items:center;padding:.35rem .5rem;font-size:.8rem;font-weight:500;list-style:none;display:inline-flex}.add-menu>summary::-webkit-details-marker{display:none}.add-menu>summary::marker{content:"";display:none}.add-menu>summary:hover{color:var(--foreground);border-color:var(--muted-foreground)}.add-menu[open]>summary{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 4%, transparent)}.add-menu-pop{z-index:20;border:1px solid var(--border);background:var(--card);border-radius:var(--vc-radius-sm);min-width:12rem;box-shadow:var(--vc-shadow-lg);flex-direction:column;gap:2px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.add-menu-pop button{text-align:left;width:100%;color:var(--foreground);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;justify-content:flex-start;padding:.4rem .55rem;font-size:.78rem}.add-menu-pop button:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}.add-menu-pop .field-select,.add-menu-pop #add-mark{width:100%;margin-top:2px}.layer-inspector{flex-direction:column;gap:.65rem;margin-top:8px;display:flex}.inspector-heading{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem}.inspector-heading .console-label{margin-bottom:.35rem;display:block}.inspector-heading-title{letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:.92rem;font-weight:650}.layer-inspector select.field-select{width:100%}.align-row{flex-wrap:wrap;gap:4px;display:flex}.align-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.align-btn{aspect-ratio:1;border:1px solid var(--border);background:var(--background);min-height:28px;color:var(--muted-foreground);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:6px;justify-content:center;align-items:center;padding:.3rem;font-size:.75rem;display:inline-flex}.align-btn:hover{border-color:var(--muted-foreground);color:var(--foreground);background:color-mix(in srgb, var(--foreground) 4%, transparent)}.align-btn[aria-pressed=true],.align-btn.is-active{border-color:var(--brand-border);color:var(--brand-foreground);background:var(--brand-surface)}.inspector-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.inspector-actions .btn-icon,.inspector-actions .btn-ghost{flex-shrink:0}.inspector-actions .btn-icon.is-danger:hover,.inspector-actions .btn-ghost.is-danger:hover,.inspector-actions button[data-action=delete]:hover{color:var(--destructive-text);border-color:color-mix(in srgb, var(--destructive-text) 35%, transparent);background:color-mix(in srgb, var(--destructive-text) 12%, transparent)}.type-details{margin-top:.25rem}.type-details>summary{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground);cursor:pointer;margin-bottom:.45rem;font-size:11px;font-weight:500;list-style:none;display:block}.type-details>summary::-webkit-details-marker{display:none}.type-details>summary::marker{content:"";display:none}.type-details[open]>summary{margin-bottom:.65rem}details.engine-hint{color:var(--muted-foreground);margin-top:8px;font-size:.75rem}details.engine-hint summary{cursor:pointer;color:var(--muted-foreground)}.export-modal-root{z-index:100;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.export-modal-root[hidden]{display:none!important}.export-modal-backdrop{background:color-mix(in srgb, var(--background) 60%, transparent);-webkit-backdrop-filter:blur(8px);position:absolute;inset:0}@keyframes vc-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.export-modal-card{z-index:1;border-radius:calc(var(--vc-radius) + 2px);border:1px solid var(--border);background:var(--card);width:min(100%,400px);max-height:min(90vh,520px);box-shadow:var(--vc-shadow-lg);animation:vc-modal-in var(--dur) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.export-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.15rem;display:flex}.export-modal-title{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650}.export-modal-body{padding:1.05rem 1.15rem 1.25rem;overflow-y:auto}.export-summary{color:var(--muted-foreground);margin:0 0 1rem;font-size:.86rem;line-height:1.45}.export-summary strong{color:var(--foreground);font-weight:600}#export-modal-body .btn-primary{margin-top:.85rem}.icon-btn{border-radius:var(--vc-radius-sm);width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;transition:background .12s,color .12s;display:flex}.icon-btn:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--foreground)}.export-project-block{border-top:1px solid var(--border);margin-top:1.35rem;padding-top:1.15rem}.export-project-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground);margin:0 0 .35rem;font-size:11px;font-weight:500}.export-project-hint{color:var(--muted-foreground);margin:0 0 .75rem;font-size:.78rem;line-height:1.45}.export-project-row{flex-wrap:wrap;gap:.5rem;display:flex}.export-project-row .btn{flex:1;min-width:8rem}.swatch-row{flex-wrap:wrap;gap:4px;margin:.25rem 0 .45rem;display:flex}.swatch{border:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);cursor:pointer;width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out);border-radius:4px;flex-shrink:0;padding:0}.swatch:hover{transform:scale(1.12)}.swatch:hover,.swatch:focus-visible,.swatch.is-active{outline:2px solid var(--brand-indicator);outline-offset:1px}.draft-banner{border-radius:var(--vc-radius-sm);border:1px solid var(--brand-border);background:color-mix(in srgb, var(--card) 80%, var(--brand-surface-strong) 40%);width:100%;max-width:min(100%,960px);color:var(--foreground);transition:opacity var(--dur) var(--ease-out);flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .65rem;padding:.4rem .65rem;font-size:.75rem;display:flex}.draft-banner[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}