@charset "UTF-8";:root{color-scheme:light;--color-background: #ffffff;--color-surface: #fafafa;--color-surface-hover: #f5f5f5;--color-surface-subtle: #f5f5f5;--color-surface-pressed: #ebebeb;--color-text-primary: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #9e9e9e;--color-text-disabled: #d1d1d1;--color-border-light: #f0f0f0;--color-border-medium: #e0e0e0;--color-border-strong: #c8c8c8;--color-border-subtle: #e8e8e8;--color-accent-primary: #0066ff;--color-accent-primary-rgb: 0, 102, 255;--color-accent-primary-dark: #0052cc;--color-accent-secondary: #3399ff;--color-accent-hover: #0052cc;--color-accent-active: #0041a8;--color-accent-button: #0066ff;--color-accent-button-hover: #0052cc;--color-accent-light: #e6f2ff;--color-accent-subtle: #f5f9ff;--color-success: #00c853;--color-success-rgb: 0, 200, 83;--color-success-light: #e8f5e9;--color-warning: #ff9800;--color-warning-light: #fff3e0;--color-error: #f44336;--color-error-rgb: 244, 67, 54;--color-error-light: #ffebee;--color-error-dark: #c62828;--color-info: #2196f3;--color-info-rgb: 33, 150, 243;--color-info-light: #e3f2fd;--color-info-dark: #1565c0;--color-info-border: #b3d9ff;--glass-background: rgba( 255, 255, 255, .7 );--glass-background-subtle: rgba( 255, 255, 255, .5 );--glass-background-strong: rgba( 255, 255, 255, .85 );--glass-border: rgba(255, 255, 255, .18);--glass-backdrop-blur: 10px;--glass-backdrop-blur-strong: 20px;--glass-shadow: rgba(0, 0, 0, .1);--modal-background: var(--color-surface);--modal-backdrop: rgba(0, 0, 0, .5);--modal-border: var(--color-border-medium);--modal-shadow: var(--shadow-md);--dropdown-background: var(--color-surface);--dropdown-border: var(--color-border-medium);--dropdown-shadow: var(--shadow-lg);--panel-background: var(--color-surface);--panel-border: var(--color-border-medium);--panel-shadow: var(--shadow-md);--tooltip-background: var(--color-surface);--tooltip-border: var(--color-border-light);--tooltip-shadow: var(--shadow-sm);--popover-background: var(--color-surface);--popover-border: var(--color-border-medium);--popover-shadow: var(--shadow-lg);--card-background: var(--color-surface);--card-border: var(--color-border-light);--card-shadow: var(--shadow-sm);--notification-background: var(--color-surface);--notification-border: var(--color-border-medium);--notification-shadow: var(--shadow-md);--panel-bg: var(--panel-background);--input-bg: var(--color-surface);--input-bg-subtle: var(--color-surface-subtle);--input-bg-hover: var(--color-surface-hover);--hover-bg: var(--color-surface-hover);--selected-bg: var(--color-accent-light);--bg-primary: var(--color-background);--bg-secondary: var(--color-surface);--bg-hover: var(--color-surface-hover);--bg-tertiary: var(--color-surface-pressed);--header-bg: var(--color-surface-subtle);--editor-bg: var(--color-background);--code-bg: var(--color-surface-subtle);--button-group-bg: var(--color-surface-subtle);--button-secondary-bg: var(--color-surface);--zone-bg: var(--color-accent-subtle);--zone-hover-bg: var(--color-accent-light);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--text-muted: var(--color-text-tertiary);--text-disabled: var(--color-text-disabled);--border-color: var(--color-border-medium);--border-hover: var(--color-border-strong);--border-medium: var(--color-border-medium);--input-border: var(--color-border-medium);--zone-border: var(--color-accent-primary);--zone-hover-border: var(--color-accent-primary);--primary-color: var(--color-accent-primary);--primary-color-hover: var(--color-accent-hover);--primary-hover: var(--color-accent-hover);--primary-light: var(--color-accent-light);--primary-ring: rgba(var(--color-accent-primary-rgb), .2);--link-color: var(--color-accent-primary);--link-hover: var(--color-accent-hover);--color-primary: var(--color-accent-primary);--color-primary-light: var(--color-accent-light);--color-hover-bg: var(--color-surface-hover);--color-text-muted: var(--color-text-tertiary);--color-background-secondary: var(--color-surface);--danger-color: var(--color-error);--danger-bg: var(--color-error-light);--error-color: var(--color-error);--error-light: var(--color-error-light);--success-color: var(--color-success);--success-bg: var(--color-success-light);--success-border: var(--color-success);--success-text: var(--color-success);--warning-color: var(--color-warning);--warning-bg: var(--color-warning-light);--warning-border: var(--color-warning);--warning-text: var(--color-warning);--info-color: var(--color-info);--info-bg: var(--color-info-light);--info-border: var(--color-info);--info-text: var(--color-info);--indicator-default: var(--color-text-disabled);--indicator-green: var(--color-success);--indicator-yellow: var(--color-warning);--indicator-red: var(--color-error);--btn-bg: var(--color-surface);--btn-hover-bg: var(--color-surface-hover);--btn-hover-border: var(--color-border-strong);--btn-active-bg: var(--color-surface-pressed);--btn-active-border: var(--color-accent-primary);--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--padding-component-xs: var(--spacing-2);--padding-component-sm: var(--spacing-3);--padding-component-md: var(--spacing-4);--padding-component-lg: var(--spacing-6);--padding-component-xl: var(--spacing-8);--margin-component-xs: var(--spacing-2);--margin-component-sm: var(--spacing-4);--margin-component-md: var(--spacing-6);--margin-component-lg: var(--spacing-8);--margin-component-xl: var(--spacing-12);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-display: 40px;--line-height-display: 1.2;--font-weight-display: 700;--font-size-h1: 32px;--line-height-h1: 1.25;--font-weight-h1: 600;--font-size-h2: 24px;--line-height-h2: 1.3;--font-weight-h2: 600;--font-size-h3: 18px;--line-height-h3: 1.4;--font-weight-h3: 600;--font-size-body-lg: 16px;--line-height-body-lg: 1.5;--font-weight-body-lg: 400;--font-size-body: 14px;--line-height-body: 1.5;--font-weight-body: 400;--font-size-body-sm: 12px;--line-height-body-sm: 1.4;--font-weight-body-sm: 400;--font-size-caption: 11px;--line-height-caption: 1.3;--font-weight-caption: 400;--font-size-label: 12px;--line-height-label: 1.3;--font-weight-label: 500;--text-transform-label: uppercase;--letter-spacing-label: .05em;--font-size-code: 13px;--line-height-code: 1.4;--font-weight-code: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .1);--sidebar-width-collapsed: 60px;--sidebar-width-expanded: 224px;--panel-width-sm: 320px;--panel-width-md: 400px;--panel-width-lg: 600px;--panel-width-xl: 800px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--grid-columns: 12;--grid-gap: var(--spacing-6);--touch-target-min: 44px;--touch-target-sm: 40px;--touch-target-md: 44px;--touch-target-lg: 48px;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-linear: linear;--ease-snappy: cubic-bezier(.4, 0, .1, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 48px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-tooltip: 500;--z-notification: 600}:root[data-glassmorphism=enabled]{--modal-background: var(--glass-background-strong);--modal-backdrop: var(--glass-background-subtle);--modal-border: var(--glass-border);--modal-shadow: var(--shadow-glass);--dropdown-background: var(--glass-background);--dropdown-border: var(--glass-border);--dropdown-shadow: var(--shadow-glass);--panel-background: var(--glass-background);--panel-border: var(--glass-border);--panel-shadow: var(--shadow-glass);--tooltip-background: var(--glass-background-subtle);--tooltip-border: var(--glass-border);--tooltip-shadow: var(--shadow-glass);--popover-background: var(--glass-background);--popover-border: var(--glass-border);--popover-shadow: var(--shadow-glass);--card-background: var(--glass-background-subtle);--card-border: var(--glass-border);--card-shadow: var(--shadow-glass);--notification-background: var(--glass-background);--notification-border: var(--glass-border);--notification-shadow: var(--shadow-glass)}[data-theme=dark][data-glassmorphism=enabled]{--modal-backdrop: rgba(0, 0, 0, .7)}[data-theme=dark]{color-scheme:dark;--color-background: #1e1e1e;--color-surface: #2a2a2a;--color-surface-hover: #333333;--color-surface-subtle: #252525;--color-surface-pressed: #3a3a3a;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-tertiary: #707070;--color-text-disabled: #4a4a4a;--color-border-light: #383838;--color-border-medium: #4a4a4a;--color-border-strong: #5c5c5c;--color-border-subtle: #3d3d3d;--color-accent-primary: #3399ff;--color-accent-primary-rgb: 51, 153, 255;--color-accent-primary-dark: #4da6ff;--color-accent-secondary: #33ccff;--color-accent-hover: #4da6ff;--color-accent-active: #66b2ff;--color-accent-button: #2563eb;--color-accent-button-hover: #1d4ed8;--color-accent-light: #1a3d5c;--color-accent-subtle: #0f2438;--color-success: #4caf50;--color-success-rgb: 76, 175, 80;--color-success-light: #1b3a1d;--color-warning: #ffa726;--color-warning-light: #3d2a10;--color-error: #ef5350;--color-error-rgb: 239, 83, 80;--color-error-light: #3d1a19;--color-error-dark: #ef9a9a;--color-info: #42a5f5;--color-info-rgb: 66, 165, 245;--color-info-light: #1a2f3d;--color-info-dark: #90caf9;--color-info-border: #1e3a5f;--glass-background: rgba( 26, 26, 26, .7 );--glass-background-subtle: rgba(26, 26, 26, .5);--glass-background-strong: rgba(26, 26, 26, .85);--glass-border: rgba( 255, 255, 255, .08 );--glass-backdrop-blur: 10px;--glass-backdrop-blur-strong: 20px;--glass-shadow: rgba(0, 0, 0, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .5);--shadow-dark-glass: 0 8px 32px rgba(0, 0, 0, .3)}@supports not (backdrop-filter: blur(10px)){:root{--glass-background: rgba(255, 255, 255, .95);--glass-background-subtle: rgba(255, 255, 255, .9);--glass-background-strong: rgba(255, 255, 255, .98)}[data-theme=dark]{--glass-background: rgba(26, 26, 26, .95);--glass-background-subtle: rgba(26, 26, 26, .9);--glass-background-strong: rgba(26, 26, 26, .98)}}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-background: #1e1e1e;--color-surface: #2a2a2a;--color-surface-hover: #333333;--color-surface-subtle: #252525;--color-surface-pressed: #3a3a3a;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-tertiary: #707070;--color-text-disabled: #4a4a4a;--color-border-light: #383838;--color-border-medium: #4a4a4a;--color-border-strong: #5c5c5c;--color-border-subtle: #3d3d3d;--color-accent-primary: #3399ff;--color-accent-primary-rgb: 51, 153, 255;--color-accent-primary-dark: #4da6ff;--color-accent-secondary: #33ccff;--color-accent-hover: #4da6ff;--color-accent-active: #66b2ff;--color-accent-light: #1a3d5c;--color-accent-subtle: #0f2438;--color-success: #4caf50;--color-success-rgb: 76, 175, 80;--color-success-light: #1b3a1d;--color-warning: #ffa726;--color-warning-light: #3d2a10;--color-error: #ef5350;--color-error-rgb: 239, 83, 80;--color-error-light: #3d1a19;--color-error-dark: #ef9a9a;--color-info: #42a5f5;--color-info-rgb: 66, 165, 245;--color-info-light: #1a2f3d;--color-info-dark: #90caf9;--color-info-border: #1e3a5f;--glass-background: rgba(26, 26, 26, .7);--glass-background-subtle: rgba(26, 26, 26, .5);--glass-background-strong: rgba(26, 26, 26, .85);--glass-border: rgba(255, 255, 255, .08);--glass-backdrop-blur: 10px;--glass-backdrop-blur-strong: 20px;--glass-shadow: rgba(0, 0, 0, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .5);--shadow-dark-glass: 0 8px 32px rgba(0, 0, 0, .3)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-2)}.m-2{margin:var(--spacing-4)}.m-3{margin:var(--spacing-6)}.m-4{margin:var(--spacing-8)}.m-5{margin:var(--spacing-10)}.m-6{margin:var(--spacing-12)}.m-7,.m-8{margin:var(--spacing-16)}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-2)}.mt-2{margin-top:var(--spacing-4)}.mt-3{margin-top:var(--spacing-6)}.mt-4{margin-top:var(--spacing-8)}.mt-5{margin-top:var(--spacing-10)}.mt-6{margin-top:var(--spacing-12)}.mt-7,.mt-8{margin-top:var(--spacing-16)}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-2)}.mr-2{margin-right:var(--spacing-4)}.mr-3{margin-right:var(--spacing-6)}.mr-4{margin-right:var(--spacing-8)}.mr-5{margin-right:var(--spacing-10)}.mr-6{margin-right:var(--spacing-12)}.mr-7,.mr-8{margin-right:var(--spacing-16)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-2)}.mb-2{margin-bottom:var(--spacing-4)}.mb-3{margin-bottom:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-8)}.mb-5{margin-bottom:var(--spacing-10)}.mb-6{margin-bottom:var(--spacing-12)}.mb-7,.mb-8{margin-bottom:var(--spacing-16)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-2)}.ml-2{margin-left:var(--spacing-4)}.ml-3{margin-left:var(--spacing-6)}.ml-4{margin-left:var(--spacing-8)}.ml-5{margin-left:var(--spacing-10)}.ml-6{margin-left:var(--spacing-12)}.ml-7,.ml-8{margin-left:var(--spacing-16)}.mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.mx-1{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-2{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-3{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-4{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mx-5{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.mx-6{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.mx-7,.mx-8{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.my-1{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-2{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-3{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-4{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.my-5{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.my-6{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.my-7,.my-8{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-2)}.p-2{padding:var(--spacing-4)}.p-3{padding:var(--spacing-6)}.p-4{padding:var(--spacing-8)}.p-5{padding:var(--spacing-10)}.p-6{padding:var(--spacing-12)}.p-7,.p-8{padding:var(--spacing-16)}.pt-0{padding-top:var(--spacing-0)}.pt-1{padding-top:var(--spacing-2)}.pt-2{padding-top:var(--spacing-4)}.pt-3{padding-top:var(--spacing-6)}.pt-4{padding-top:var(--spacing-8)}.pt-5{padding-top:var(--spacing-10)}.pt-6{padding-top:var(--spacing-12)}.pt-7,.pt-8{padding-top:var(--spacing-16)}.pr-0{padding-right:var(--spacing-0)}.pr-1{padding-right:var(--spacing-2)}.pr-2{padding-right:var(--spacing-4)}.pr-3{padding-right:var(--spacing-6)}.pr-4{padding-right:var(--spacing-8)}.pr-5{padding-right:var(--spacing-10)}.pr-6{padding-right:var(--spacing-12)}.pr-7,.pr-8{padding-right:var(--spacing-16)}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-2)}.pb-2{padding-bottom:var(--spacing-4)}.pb-3{padding-bottom:var(--spacing-6)}.pb-4{padding-bottom:var(--spacing-8)}.pb-5{padding-bottom:var(--spacing-10)}.pb-6{padding-bottom:var(--spacing-12)}.pb-7,.pb-8{padding-bottom:var(--spacing-16)}.pl-0{padding-left:var(--spacing-0)}.pl-1{padding-left:var(--spacing-2)}.pl-2{padding-left:var(--spacing-4)}.pl-3{padding-left:var(--spacing-6)}.pl-4{padding-left:var(--spacing-8)}.pl-5{padding-left:var(--spacing-10)}.pl-6{padding-left:var(--spacing-12)}.pl-7,.pl-8{padding-left:var(--spacing-16)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-1{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-2{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-3{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-4{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-5{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.px-6{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.px-7,.px-8{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-1{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-2{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-3{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-4{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-5{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-6{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-7,.py-8{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-white{color:#fff}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.gap-0{gap:var(--spacing-0)}.gap-1{gap:var(--spacing-2)}.gap-2{gap:var(--spacing-4)}.gap-3{gap:var(--spacing-6)}.gap-4{gap:var(--spacing-8)}.gap-5{gap:var(--spacing-10)}.gap-6{gap:var(--spacing-12)}.gap-7,.gap-8{gap:var(--spacing-16)}.gap-x-0{column-gap:var(--spacing-0)}.gap-x-1{column-gap:var(--spacing-2)}.gap-x-2{column-gap:var(--spacing-4)}.gap-x-3{column-gap:var(--spacing-6)}.gap-x-4{column-gap:var(--spacing-8)}.gap-x-5{column-gap:var(--spacing-10)}.gap-x-6{column-gap:var(--spacing-12)}.gap-x-7,.gap-x-8{column-gap:var(--spacing-16)}.gap-y-0{row-gap:var(--spacing-0)}.gap-y-1{row-gap:var(--spacing-2)}.gap-y-2{row-gap:var(--spacing-4)}.gap-y-3{row-gap:var(--spacing-6)}.gap-y-4{row-gap:var(--spacing-8)}.gap-y-5{row-gap:var(--spacing-10)}.gap-y-6{row-gap:var(--spacing-12)}.gap-y-7,.gap-y-8{row-gap:var(--spacing-16)}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.bg-white{background-color:#fff}.bg-primary{background-color:var(--color-background)}.bg-secondary,.bg-surface{background-color:var(--color-surface)}.bg-surface-hover{background-color:var(--color-surface-hover)}.bg-transparent{background-color:transparent}.bg-accent{background-color:var(--color-accent-primary)}.bg-accent-hover{background-color:var(--color-accent-hover)}.bg-accent-light{background-color:var(--color-accent-light)}.bg-accent-subtle{background-color:var(--color-accent-subtle)}.bg-success{background-color:var(--color-success)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning{background-color:var(--color-warning)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-error{background-color:var(--color-error)}.bg-error-light{background-color:var(--color-error-light)}.bg-info{background-color:var(--color-info)}.bg-info-light{background-color:var(--color-info-light)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.border-strong{border-color:var(--color-border-strong)}.border-accent{border-color:var(--color-accent-primary)}.border-transparent{border-color:transparent}.border-default,.border-functional{border-color:var(--color-border-medium)}.border-focus{border-color:var(--color-accent-primary)}.border{border:1px solid var(--color-border-medium)}.border-0{border:none}.border-2{border:2px solid var(--color-border-medium)}.border-4{border:4px solid var(--color-border-medium)}.border-t{border-top:1px solid var(--color-border-medium)}.border-t-0{border-top:none}.border-t-2{border-top:2px solid var(--color-border-medium)}.border-r{border-right:1px solid var(--color-border-medium)}.border-r-0{border-right:none}.border-r-2{border-right:2px solid var(--color-border-medium)}.border-b{border-bottom:1px solid var(--color-border-medium)}.border-b-0{border-bottom:none}.border-b-2{border-bottom:2px solid var(--color-border-medium)}.border-l{border-left:1px solid var(--color-border-medium)}.border-l-0{border-left:none}.border-l-2{border-left:2px solid var(--color-border-medium)}.rounded-none{border-radius:0}.rounded-sm{border-radius:6px}.rounded,.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:24px}.rounded-circle{border-radius:50%}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-sm{border-top-left-radius:6px;border-top-right-radius:6px}.rounded-t{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-sm{border-top-right-radius:6px;border-bottom-right-radius:6px}.rounded-r{border-top-right-radius:8px;border-bottom-right-radius:8px}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-b-sm{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.rounded-b{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-sm{border-top-left-radius:6px;border-bottom-left-radius:6px}.rounded-l{border-top-left-radius:8px;border-bottom-left-radius:8px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow,.shadow-md{box-shadow:0 2px 8px #00000014}.shadow-lg{box-shadow:0 4px 16px #0000001f}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}.grid{display:grid}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-auto{inset:auto}.top-0{top:0}.top-auto{top:auto}.right-0{right:0}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-auto{bottom:auto}.left-0{left:0}.left-auto{left:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-help{cursor:help}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-0{width:0}.w-1{width:var(--spacing-2)}.w-2{width:var(--spacing-4)}.w-3{width:var(--spacing-6)}.w-4{width:var(--spacing-8)}.w-6{width:var(--spacing-12)}.w-8{width:var(--spacing-16)}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.h-0{height:0}.h-1{height:var(--spacing-2)}.h-2{height:var(--spacing-4)}.h-3{height:var(--spacing-6)}.h-4{height:var(--spacing-8)}.h-6{height:var(--spacing-12)}.h-8{height:var(--spacing-16)}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-none{max-width:none}.max-w-full{max-width:100%}.min-h-0{min-height:0}.min-h-full{min-height:100%}.max-h-none{max-height:none}.max-h-full{max-height:100%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.transition-fast,.transition-base{transition:all var(--duration-fast) var(--ease-out) var(--ease-in-out)}.transition-standard{transition:all var(--duration-normal) var(--ease-out) var(--ease-in-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-in-out) var(--ease-in-out)}.transition-colors{transition-property:background-color,color,border-color,fill,stroke;transition-duration:var(--duration-fast) var(--ease-out);transition-timing-function:var(--ease-in-out)}.transition-transform{transition-property:transform;transition-duration:var(--duration-normal) var(--ease-out);transition-timing-function:var(--ease-in-out)}.transition-opacity{transition-property:opacity;transition-duration:var(--duration-fast) var(--ease-out);transition-timing-function:var(--ease-in-out)}.transition-shadow{transition-property:box-shadow;transition-duration:var(--duration-fast) var(--ease-out);transition-timing-function:var(--ease-in-out)}.transition-none{transition:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--duration-fast) var(--ease-out) var(--ease-out)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fadeOut var(--duration-fast) var(--ease-out) var(--ease-in)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-out) var(--ease-in-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out) var(--ease-in-out)}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:slideRight var(--duration-normal) var(--ease-out) var(--ease-in-out)}@keyframes slideLeft{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:slideLeft var(--duration-normal) var(--ease-out) var(--ease-in-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-out) var(--ease-out)}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.animate-scale-out{animation:scaleOut var(--duration-fast) var(--ease-out) var(--ease-in)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce{animation:bounce .6s var(--ease-in-out)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-bounce-in{animation:bounceIn .6s var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-spin-once{animation:spin .6s var(--ease-in-out)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulseRing{0%{transform:scale(.95);box-shadow:0 0 #31cb4bb3}70%{transform:scale(1);box-shadow:0 0 0 10px #31cb4b00}to{transform:scale(.95);box-shadow:0 0 #31cb4b00}}.animate-pulse-ring{animation:pulseRing 2s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:shake .5s var(--ease-in-out)}.gpu-accelerate{transform:translateZ(0);will-change:transform;backface-visibility:hidden}.gpu-idle{will-change:auto}.force-gpu-layer{transform:translateZ(0);will-change:transform,opacity}.palette-panel-transition{transition-property:transform,box-shadow,z-index;transition-duration:var(--duration-normal) var(--ease-out);transition-timing-function:var(--ease-in-out);transform:translateZ(0);will-change:transform,z-index;backface-visibility:hidden}.palette-panel-active{will-change:auto}.palette-panel-hover{transform:translateZ(0) translateY(-2px);box-shadow:0 4px 16px #0000001f;transition:transform var(--duration-fast) var(--ease-out) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out) var(--ease-out)}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentScaleIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop-enter{animation:modalBackdropFadeIn var(--duration-fast) var(--ease-out) var(--ease-out)}.modal-content-enter{animation:modalContentScaleIn var(--duration-normal) var(--ease-out) var(--ease-in-out)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-enter{animation:dropdownSlideIn var(--duration-fast) var(--ease-out) var(--ease-out)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-enter{animation:toastSlideIn var(--duration-normal) var(--ease-out) var(--ease-in-out)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-enter{animation:tooltipFadeIn var(--duration-fast) var(--ease-out) var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in,.animate-fade-out,.animate-slide-down,.animate-slide-up,.animate-slide-left,.animate-slide-right,.animate-scale-in,.animate-scale-out,.animate-bounce,.animate-bounce-in,.animate-spin,.animate-pulse,.animate-pulse-ring,.animate-shake{animation:none!important}}.modal-backdrop{position:fixed;inset:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4, 16px);opacity:0;transition:opacity .2s ease-out;overflow-y:auto}:root[data-glassmorphism=enabled] .modal-backdrop{backdrop-filter:blur(var(--glass-backdrop-blur-strong));-webkit-backdrop-filter:blur(var(--glass-backdrop-blur-strong))}.modal-backdrop-visible{opacity:1}.modal-backdrop.modal-backdrop-clear{background:#00000014;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-glassmorphism=enabled] .modal-backdrop.modal-backdrop-clear{background:#00000014;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=dark] .modal-backdrop.modal-backdrop-clear{background:#00000026;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=dark]:root[data-glassmorphism=enabled] .modal-backdrop.modal-backdrop-clear{background:#00000026;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-container{background:var(--modal-background);border:1px solid var(--modal-border, var(--color-border-medium));border-radius:var(--radius-2xl, 24px);box-shadow:var(--modal-shadow, var(--shadow-md));display:flex;flex-direction:column;max-width:90vw;width:600px;max-height:85vh;opacity:0;transform:scale(.95) translateY(10px);transition:opacity .2s ease-out,transform .2s ease-out}:root[data-glassmorphism=enabled] .modal-container{backdrop-filter:blur(var(--glass-backdrop-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-backdrop-blur)) saturate(180%)}@supports not (backdrop-filter: blur(10px)){.modal-container{background:var(--color-surface);border:1px solid var(--color-border-medium)}}.modal-container-visible{opacity:1;transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6, 24px);border-bottom:1px solid var(--modal-border, var(--color-border-light));flex-shrink:0}.modal-title{font-size:var(--font-size-h2, 24px);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-h2, 1.3);color:var(--color-text-primary, #1a1a1a);margin:0}.modal-close-btn{border:none;background:none;padding:0;cursor:pointer;width:var(--touch-target-md, 44px);height:var(--touch-target-md, 44px);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;color:var(--color-text-secondary, #6b6b6b);border-radius:var(--radius-md, 8px);transition:background-color .2s ease-out,color .2s ease-out}.modal-close-btn:hover{background-color:var(--color-surface-hover, #f5f5f5);color:var(--color-text-primary, #1a1a1a)}.modal-close-btn:focus-visible{outline:3px solid var(--color-accent-primary, #0066ff);outline-offset:2px}.modal-close-btn:active{background-color:var(--color-surface, #fafafa)}@media(prefers-color-scheme:dark){.modal-close-btn{color:var(--color-text-secondary, #a0a0a0)}.modal-close-btn:hover{background-color:var(--color-surface-hover, #333333);color:var(--color-text-primary, #e0e0e0)}}html[data-theme=dark] .modal-close-btn{color:var(--color-text-secondary, #a0a0a0)}html[data-theme=dark] .modal-close-btn:hover{background-color:var(--color-surface-hover, #333333);color:var(--color-text-primary, #e0e0e0)}.modal-compact .modal-header{padding:var(--spacing-2, 8px) var(--spacing-4, 16px);border-bottom:none}.modal-compact .modal-title{font-size:var(--font-size-body, 14px);line-height:var(--line-height-body, 1.5)}.modal-compact .modal-body{padding:var(--spacing-4, 16px) var(--spacing-6, 24px)}.modal-body{flex:1;padding:var(--spacing-6, 24px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-medium, #e0e0e0);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong, #c8c8c8)}@media(prefers-color-scheme:dark){.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-medium, #4a4a4a)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong, #5c5c5c)}}html[data-theme=dark] .modal-body::-webkit-scrollbar-thumb{background:var(--color-border-medium, #4a4a4a)}html[data-theme=dark] .modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong, #5c5c5c)}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-container{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:640px){.modal-backdrop{padding:var(--spacing-2, 8px)}.modal-container{width:100%!important;max-width:100%;max-height:95vh!important;border-radius:var(--radius-xl, 16px)}.modal-header,.modal-body{padding:var(--spacing-4, 16px)}.modal-title{font-size:var(--font-size-h3, 18px)}}.app-tooltip{position:fixed;z-index:var(--z-tooltip);pointer-events:none;background:var(--tooltip-background);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);max-width:300px;font-family:var(--font-family-primary);font-size:14px;font-weight:var(--font-weight-regular);line-height:1.4;color:var(--color-text-primary);text-align:center;white-space:nowrap;opacity:0;transform:scale(.95);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}[data-glassmorphism=enabled] .app-tooltip{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@supports not (backdrop-filter: blur(10px)){.app-tooltip{background:var(--color-surface);border:1px solid var(--color-border-medium)}}.app-tooltip.app-tooltip-visible{opacity:1;transform:scale(1)}.app-tooltip:after{content:"";position:absolute;width:8px;height:8px;background:var(--tooltip-background);border:1px solid var(--tooltip-border);transform:rotate(45deg)}[data-glassmorphism=enabled] .app-tooltip:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@supports not (backdrop-filter: blur(10px)){.app-tooltip:after{background:var(--color-surface);border:1px solid var(--color-border-medium)}}.app-tooltip-top:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.app-tooltip-bottom:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}.app-tooltip-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-top:none;border-right:none}.app-tooltip-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:none;border-left:none}.ace-diff-add-marker{background-color:#28a74526!important;position:absolute!important;z-index:20!important;border-left:3px solid var(--color-success, #4caf50)!important}@media(prefers-color-scheme:dark){.ace-diff-add-marker{background-color:#28a74540!important}}@media(prefers-contrast:high){.ace-diff-add-marker{border-left-width:5px!important;background-color:#28a7454d!important}}.ace-diff-remove-marker{background-color:#dc354526!important;position:absolute!important;z-index:20!important;border-left:3px solid var(--color-error, #ef5350)!important}@media(prefers-color-scheme:dark){.ace-diff-remove-marker{background-color:#dc354540!important}}@media(prefers-contrast:high){.ace-diff-remove-marker{border-left-width:5px!important;background-color:#dc35454d!important}}.ace-diff-modify-marker{background-color:#ff980026!important;position:absolute!important;z-index:20!important;border-left:3px solid var(--color-warning, #ffa726)!important}@media(prefers-color-scheme:dark){.ace-diff-modify-marker{background-color:#ff980040!important}}@media(prefers-contrast:high){.ace-diff-modify-marker{border-left-width:5px!important;background-color:#ff98004d!important}}@media(prefers-reduced-motion:reduce){.ace-diff-add-marker,.ace-diff-remove-marker,.ace-diff-modify-marker{transition:none!important}}html[data-theme=dark] .ace-diff-add-marker{background-color:#28a74540!important}html[data-theme=dark] .ace-diff-remove-marker{background-color:#dc354540!important}html[data-theme=dark] .ace-diff-modify-marker{background-color:#ff980040!important}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:60px;padding:0 24px;background:var(--color-background, #ffffff);border-bottom:1px solid var(--color-border, #e5e7eb);box-shadow:0 1px 3px #0000000d;z-index:100}@media(max-width:768px){.top-bar{padding:0 16px;gap:16px}}.top-bar-left{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0}.ai-builder-branding{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:700;letter-spacing:-.02em}.ai-builder-branding .brand-min8t{color:#6b6b6b}.ai-builder-branding .brand-ai{color:var(--color-text-primary, #1f2937)}.ai-builder-toolbar{display:flex;align-items:center;gap:8px}.ai-toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(26,26,26,.6);border-radius:6px;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-toolbar-btn svg{flex-shrink:0}.ai-toolbar-btn span{white-space:nowrap}@media(max-width:640px){.ai-toolbar-btn span{display:none}}.ai-toolbar-btn:hover{border-color:#6b6b6b;background:#1a1a1a1a;color:#6b6b6b}.ai-toolbar-btn:hover svg{stroke:#6b6b6b}.ai-toolbar-btn:active{background:#1a1a1a26}.ai-toolbar-btn.active{border-color:#6b6b6b;background:#1a1a1a26;color:#6b6b6b}.ai-toolbar-btn.active svg{stroke:#6b6b6b}:host-context(.dark) .ai-toolbar-btn{color:#ffffffb3}:host-context(.dark) .ai-toolbar-btn:hover{color:#6b6b6b}:host-context(.dark) .ai-toolbar-btn.active{color:#6b6b6b}.btn-create{display:flex;align-items:center;gap:6px;padding:7px 12px;border:none;border-radius:6px;background:var(--color-text-secondary, #6b6b6b);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create:hover{background:var(--color-text-primary, #1a1a1a);transform:translateY(-1px);box-shadow:0 4px 12px #06f3}.btn-create:active{background:var(--color-text-primary, #1a1a1a);transform:translateY(0)}.btn-create.active{background:var(--color-text-primary, #1a1a1a)}.btn-create svg:first-child{flex-shrink:0}.btn-create span{white-space:nowrap}@media(max-width:640px){.btn-create span{display:none}}.btn-create .dropdown-arrow{flex-shrink:0;transition:transform .2s ease}.btn-create .dropdown-arrow.open{transform:rotate(180deg)}.create-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:320px;padding:8px;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:200}@media(max-width:640px){.create-dropdown{min-width:280px}}.create-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.create-option:hover:not(.disabled){background:var(--color-surface, #f5f5f5)}.create-option:hover:not(.disabled) .option-icon svg{stroke:var(--color-text-secondary, #6b6b6b)}.create-option:hover:not(.disabled) .option-arrow{transform:translate(4px)}.create-option.disabled{opacity:.5;cursor:not-allowed}.create-option.disabled:hover{background:transparent}.option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--color-surface, #f5f5f5);flex-shrink:0}.option-icon svg{color:var(--color-text-secondary, #6b7280);transition:stroke .2s ease}.option-text{flex:1;min-width:0}.option-label{font-size:14px;font-weight:600;color:var(--color-text-primary, #1a1f2e);margin-bottom:2px}.option-description{font-size:12px;color:var(--color-text-secondary, #6b7280);line-height:1.4}.option-badge{padding:4px 8px;border-radius:12px;background:var(--color-background-secondary, #f5f5f5);color:var(--color-text-tertiary, #9ca3af);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.option-arrow{flex-shrink:0;color:var(--color-text-tertiary, #9ca3af);transition:transform .2s ease}.top-bar-center{flex:1;min-width:0}@media(max-width:768px){.top-bar-center{max-width:none}}.template-library-controls{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.category-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.category-btn{padding:8px 16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff);color:var(--color-text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.category-btn:hover:not(.active){border-color:var(--color-text-secondary, #6b6b6b);color:var(--color-text-secondary, #6b6b6b);background:var(--color-surface, #f5f5f5)}.category-btn.active{border-color:var(--color-text-secondary, #6b6b6b);background:var(--color-text-secondary, #6b6b6b);color:#fff;font-weight:600}@media(max-width:768px){.category-btn{font-size:13px;padding:7px 14px}}@media(max-width:640px){.category-btn{font-size:12px;padding:6px 12px}}.search-container{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:600px}.search-container.expanded{justify-content:flex-start}@media(max-width:768px){.search-container{max-width:none}}.search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-toggle:hover{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}.search-toggle .search-icon{flex-shrink:0}.filter-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;flex-shrink:0}.filter-toggle:hover{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}.filter-toggle.active{background:var(--color-text-secondary, #6b6b6b);color:#fff;border-color:var(--color-text-secondary, #6b6b6b)}.filter-toggle.active:hover{background:var(--color-text-primary, #1a1a1a);border-color:var(--color-text-primary, #1a1a1a)}.filter-toggle .filter-icon{flex-shrink:0}.sort-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sort-toggle:hover{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}.sort-toggle.active{background:var(--color-text-secondary, #6b6b6b);color:#fff;border-color:var(--color-text-secondary, #6b6b6b)}.sort-toggle.active:hover{background:var(--color-text-primary, #1a1a1a);border-color:var(--color-text-primary, #1a1a1a)}.sort-toggle .sort-icon{flex-shrink:0}.refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;flex-shrink:0}.refresh-btn:hover{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}.refresh-btn:active{transform:rotate(180deg)}.refresh-btn ng-icon{flex-shrink:0}.analytics-controls{display:flex;align-items:center;gap:8px}.btn-create-webhook{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:6px;background:var(--color-accent-button);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-create-webhook:hover{background:var(--color-accent-button-hover)}.btn-create-webhook svg{flex-shrink:0}.analytics-period-select{height:36px;padding:0 28px 0 10px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-primary, #1a1a1a);font-size:13px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .2s ease}.analytics-period-select:hover{border-color:var(--color-text-secondary, #6b6b6b)}.analytics-period-select:focus{outline:2px solid var(--color-primary, #0891b2);outline-offset:1px}.sort-container{position:relative;display:flex;align-items:center}.sort-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:200}@media(max-width:640px){.sort-dropdown{min-width:260px;left:0}}.sort-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--color-border, #e5e7eb)}.sort-dropdown-header h3{margin:0;font-size:16px;font-weight:700;color:var(--color-text-primary, #1a1f2e)}.sort-options-list{padding:8px}.sort-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left}.sort-option svg:first-child{flex-shrink:0;width:20px;height:20px;color:var(--color-text-secondary, #6b7280);stroke:currentColor;stroke-width:2;fill:none}.sort-option span{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary, #1a1f2e)}.sort-option .checkmark{width:18px;height:18px;color:var(--color-text-secondary, #6b6b6b);stroke:currentColor;stroke-width:2.5;fill:none;opacity:0;transition:opacity .2s ease}.sort-option:hover:not(.active){background:var(--color-surface, #f5f5f5)}.sort-option:hover:not(.active) svg:first-child{color:var(--color-text-secondary, #6b6b6b)}.sort-option.active{background:var(--color-surface, #f5f5f5)}.sort-option.active svg:first-child{color:var(--color-text-secondary, #6b6b6b)}.sort-option.active span{color:var(--color-text-secondary, #6b6b6b);font-weight:600}.sort-option.active .checkmark{opacity:1}.filter-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--color-text-secondary, #6b6b6b);color:#fff;font-size:11px;font-weight:700;line-height:1;border:2px solid var(--color-background, #ffffff);box-shadow:0 2px 4px #1a1a1a4d;animation:badgePulse .3s ease-out}@keyframes badgePulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.search-expanded{position:relative;display:flex;align-items:center;width:100%;max-width:600px;animation:expandSearch .2s ease-out}@media(max-width:768px){.search-expanded{max-width:none}}.search-icon-expanded{position:absolute;left:12px;color:var(--color-text-secondary, #6b7280);pointer-events:none;flex-shrink:0}.search-input{width:100%;height:40px;padding:0 40px;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-primary, #1a1f2e);font-size:14px;transition:all .2s ease}.search-input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.search-input:focus{outline:none;border-color:var(--color-text-secondary, #6b6b6b);box-shadow:0 0 0 3px #1a1a1a1a}@media(max-width:640px){.search-input{padding-right:40px}}.search-shortcut{position:absolute;right:40px;padding:4px 8px;border-radius:4px;background:var(--color-background-secondary, #f5f5f5);color:var(--color-text-secondary, #6b7280);font-size:12px;font-weight:600;font-family:SF Mono,Monaco,monospace;pointer-events:none}@media(max-width:640px){.search-shortcut{display:none}}.search-close{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--color-text-tertiary, #9ca3af);cursor:pointer;transition:all .2s ease}.search-close:hover{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b)}.search-close svg{flex-shrink:0}.top-bar-right{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:1;min-width:0;overflow:visible}.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b)}.icon-btn.active{background:var(--color-border-light, #eeeeee);color:var(--color-text-secondary, #6b6b6b)}.icon-btn svg{flex-shrink:0}.notification-badge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-error, #ef4444);color:#fff;font-size:10px;font-weight:700;line-height:1;border:2px solid var(--color-background, #ffffff)}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:200}@media(max-width:640px){.notifications-dropdown{width:320px;right:-16px}}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--color-border, #e5e7eb)}.dropdown-header h3{margin:0;font-size:16px;font-weight:700;color:var(--color-text-primary, #1a1f2e)}.dropdown-header .btn-mark-read{padding:0;border:none;background:transparent;color:var(--color-text-secondary, #6b6b6b);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease}.dropdown-header .btn-mark-read:hover{color:var(--color-text-primary, #1a1a1a)}.notifications-list{max-height:320px;overflow-y:auto;padding:8px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.notification-item:hover{background:var(--color-surface, #f5f5f5)}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.notification-icon.success{background:#10b9811a;color:var(--color-success, #10b981)}.notification-icon.info{background:#0066ff1a;color:var(--color-text-secondary, #6b6b6b)}.notification-icon.warning{background:#f59e0b1a;color:var(--color-warning, #f59e0b)}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:500;color:var(--color-text-primary, #1a1f2e);margin-bottom:4px;line-height:1.4}.notification-time{font-size:12px;color:var(--color-text-secondary, #6b7280)}.dropdown-footer{padding:12px 16px;border-top:1px solid var(--color-border, #e5e7eb)}.dropdown-footer .btn-view-all{display:block;width:100%;padding:10px;text-align:center;border-radius:6px;background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.dropdown-footer .btn-view-all:hover{background:var(--color-border-light, #eeeeee)}.dropdown-overlay{position:fixed;inset:60px 0 0;z-index:50;cursor:default}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:var(--color-border, #e0e0e0);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #666)}.search-overlay-container{position:absolute;top:60px;left:0;right:0;z-index:150;padding:16px 24px}.search-overlay-content{position:relative;display:flex;align-items:center;max-width:800px;margin:0 auto;background:var(--color-background, #ffffff);border:2px solid var(--color-text-secondary, #6b6b6b);border-radius:12px;box-shadow:0 8px 24px #1a1a1a26;padding:0 48px}.search-icon-overlay{position:absolute;left:16px;color:var(--color-text-secondary, #6b6b6b);pointer-events:none;flex-shrink:0}.search-overlay-input{flex:1;height:54px;padding:0;border:none;background:transparent;color:var(--color-text-primary, #1a1f2e);font-size:16px;font-weight:500}.search-overlay-input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.search-overlay-input:focus{outline:none}.search-overlay-close{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.search-overlay-close:hover{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b)}.api-docs-results{max-width:800px;margin:4px auto 0;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:360px;overflow-y:auto;padding:4px}.api-docs-result-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--color-text-primary, #1a1a1a);transition:background .05s}.api-docs-result-item:hover,.api-docs-result-item.active{background:var(--color-surface, #f3f4f6)}.api-docs-method-badge{font-size:10px;font-weight:700;font-family:SF Mono,ui-monospace,monospace;padding:2px 6px;border-radius:4px;min-width:48px;text-align:center;flex-shrink:0}.api-docs-method-badge.method-get{background:#dbeafe;color:#1d4ed8}.api-docs-method-badge.method-post{background:#dcfce7;color:#15803d}.api-docs-method-badge.method-put,.api-docs-method-badge.method-patch{background:#fef3c7;color:#b45309}.api-docs-method-badge.method-delete{background:#fee2e2;color:#dc2626}.api-docs-method-badge.api-docs-guide-badge{background:#f0fdf4;color:#15803d}.api-docs-result-path{font-family:SF Mono,ui-monospace,monospace;font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-docs-group-header{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary, #999);padding:8px 12px 4px}.api-docs-group-header:not(:first-child){border-top:1px solid var(--color-border, #e5e7eb);margin-top:4px;padding-top:10px}.api-docs-result-summary{font-size:12px;color:var(--color-text-tertiary, #999);flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-docs-result-section{font-size:12px;color:var(--color-text-tertiary, #999);flex-shrink:0}.api-docs-no-results{padding:20px;text-align:center;color:var(--color-text-tertiary, #999);font-size:14px}.my-templates-toolbar{display:flex;align-items:center;gap:8px;margin-right:12px;flex-shrink:0}.dropdown-wrapper{position:relative;display:inline-flex}.toolbar-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;flex-shrink:0}.toolbar-icon-btn:hover:not(:disabled){background:var(--color-surface-hover, #f9fafb);border-color:var(--color-border-hover, #d1d5db)}.toolbar-icon-btn:active:not(:disabled){transform:scale(.95)}.toolbar-icon-btn.active{background:#00d0840d;border-color:var(--color-text-secondary, #6b6b6b);color:var(--color-text-secondary, #6b6b6b)}.toolbar-icon-btn:focus-visible{outline:2px solid #6b6b6b;outline-offset:2px}.toolbar-icon-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-icon-btn ng-icon{flex-shrink:0}.toolbar-icon-btn .grid-icon{font-size:18px;font-weight:600;line-height:1;font-family:monospace}.toolbar-icon-btn[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);padding:6px 10px;background:var(--color-text-primary, #1a1f2e);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.toolbar-icon-btn[data-tooltip]:after{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--color-text-primary, #1a1f2e);opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000}.toolbar-icon-btn[data-tooltip]:hover:before,.toolbar-icon-btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.sort-btn{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);color:var(--color-text-primary, #1a1a1a);font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.sort-btn:hover:not(:disabled){background:var(--color-surface-hover, #f9fafb);border-color:var(--color-border-hover, #d1d5db)}.sort-btn:active:not(:disabled){transform:scale(.98)}.sort-btn.active{background:#00d0840d;border-color:var(--color-text-secondary, #6b6b6b);color:var(--color-text-secondary, #6b6b6b)}.sort-btn:focus-visible{outline:2px solid #6b6b6b;outline-offset:2px}.sort-btn:disabled{opacity:.5;cursor:not-allowed}.sort-btn ng-icon{flex-shrink:0}.sort-btn .sort-text{font-size:14px;line-height:1}.sort-btn .dropdown-arrow{flex-shrink:0;opacity:.6;transition:transform .2s ease}.sort-btn .dropdown-arrow.open{transform:rotate(180deg)}.sort-btn[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);padding:6px 10px;background:var(--color-text-primary, #1a1f2e);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.sort-btn[data-tooltip]:after{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--color-text-primary, #1a1f2e);opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000}.sort-btn[data-tooltip]:hover:before,.sort-btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}@media(max-width:768px){.sort-btn{padding:7px 10px;font-size:13px}}.my-templates-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:fit-content;min-width:200px;max-width:320px;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:200}.my-templates-dropdown .dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid var(--color-border, #e5e7eb)}.my-templates-dropdown .dropdown-header h3{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary, #1a1f2e)}.my-templates-dropdown .dropdown-content{padding:6px}.my-templates-dropdown .divider{height:1px;margin:4px 8px;background:var(--color-border, #e5e7eb)}.filter-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left;font-size:14px;font-weight:500;color:var(--color-text-primary, #1a1f2e)}.filter-option:hover{background:var(--color-surface, #f5f5f5)}.filter-option.active{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b)}.filter-option.active svg{stroke:var(--color-text-secondary, #6b6b6b)}.filter-option svg{flex-shrink:0;stroke:var(--color-text-secondary, #6b7280);transition:stroke .2s ease}.filter-option span{flex:1}.view-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:background .2s ease;text-align:left;font-size:14px;font-weight:500;color:var(--color-text-primary, #1a1f2e)}.view-option:hover{background:var(--color-surface, #f5f5f5)}.view-option .view-icon{font-size:16px;opacity:.7}.view-option span:last-child{flex:1}.sort-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:background .2s ease;text-align:left;font-size:14px;font-weight:500;color:var(--color-text-primary, #1a1f2e)}.sort-option:hover{background:var(--color-surface, #f5f5f5)}.sort-option.active{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #6b6b6b)}.sort-option span{flex:1}.sort-option .checkmark{flex-shrink:0}.tag-count-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--color-text-secondary, #6b6b6b);color:#fff;font-size:10px;font-weight:700;line-height:1;border:2px solid var(--color-background, #ffffff);box-shadow:0 2px 4px #00d0844d;animation:badgePulse .3s ease-out}.tag-dropdown{min-width:320px;max-width:400px}.tag-dropdown .dropdown-header .clear-all-btn{padding:0;border:none;background:transparent;color:var(--color-text-secondary, #6b6b6b);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease}.tag-dropdown .dropdown-header .clear-all-btn:hover{color:var(--color-text-primary, #1a1a1a)}@media(max-width:640px){.tag-dropdown{min-width:280px;max-width:320px}}.tag-input-container{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px}.tag-input{flex:1;height:36px;padding:0 12px;border:2px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff);color:var(--color-text-primary, #1a1f2e);font-size:14px;font-weight:500;transition:all .2s ease}.tag-input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.tag-input:focus{outline:none;border-color:var(--color-text-secondary, #6b6b6b);box-shadow:0 0 0 3px #00d0841a}.add-tag-btn{padding:8px 16px;border:none;border-radius:6px;background:var(--color-text-secondary, #6b6b6b);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.add-tag-btn:hover:not(:disabled){background:var(--color-text-primary, #1a1a1a);transform:translateY(-1px);box-shadow:0 2px 8px #00d08440}.add-tag-btn:active:not(:disabled){transform:translateY(0)}.add-tag-btn:disabled{opacity:.5;cursor:not-allowed}.active-tags{padding:8px 12px;border-top:1px solid var(--color-border, #e5e7eb)}.active-tags .active-tags-label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.active-tags .tag-badges{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:#00d0841a;color:var(--color-text-secondary, #6b6b6b);font-size:13px;font-weight:600;line-height:1;transition:all .2s ease}.tag-badge:hover{background:#00d08426}.tag-badge:hover .remove-tag-btn{opacity:1;color:var(--color-text-secondary, #6b6b6b)}.tag-badge .remove-tag-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:3px;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:16px;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease;opacity:.7}.tag-badge .remove-tag-btn:hover{background:#0000001a;color:var(--color-error, #ef4444)}.tag-help-text{padding:8px 12px;border-top:1px solid var(--color-border, #e5e7eb)}.tag-help-text small{font-size:12px;color:var(--color-text-secondary, #6b7280);line-height:1.4}@media(prefers-color-scheme:dark){.top-bar{background:var(--color-background, #1a1f2e);border-bottom-color:var(--color-border, #2d3748)}.btn-create{background:var(--color-text-secondary, #6b6b6b)}.btn-create:hover,.btn-create:active{background:var(--color-text-primary, #1a1a1a)}.create-dropdown,.notifications-dropdown{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);box-shadow:0 8px 24px #0006}.option-icon{background:#0066ff1a}.search-input{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);color:var(--color-text-primary, #f9fafb)}.search-input:focus{border-color:var(--color-text-secondary, #6b6b6b);box-shadow:0 0 0 3px #3399ff1a}.search-shortcut{background:var(--color-background-secondary, #252a3a);color:var(--color-text-secondary, #d1d5db)}.filter-toggle{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);color:var(--color-text-secondary, #d1d5db)}.filter-toggle:hover{background:#1a1a1a1a;color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}.filter-toggle.active{background:var(--color-text-secondary, #6b6b6b);color:#1a1f2e;border-color:var(--color-text-secondary, #6b6b6b)}.filter-toggle.active:hover{background:var(--color-text-primary, #1a1a1a);border-color:var(--color-text-primary, #1a1a1a)}.filter-badge{border-color:var(--color-background, #1a1f2e)}.sort-toggle{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);color:var(--color-text-secondary, #d1d5db)}.sort-toggle:hover{background:#1a1a1a1a;color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}.sort-toggle.active{background:var(--color-text-secondary, #6b6b6b);color:#1a1f2e;border-color:var(--color-text-secondary, #6b6b6b)}.sort-toggle.active:hover{background:var(--color-text-primary, #1a1a1a);border-color:var(--color-text-primary, #1a1a1a)}.sort-dropdown{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);box-shadow:0 8px 24px #0006}.sort-dropdown-header{border-bottom-color:var(--color-border, #2d3748)}.sort-dropdown-header h3{color:var(--color-text-primary, #f9fafb)}.sort-option svg:first-child{color:var(--color-text-secondary, #d1d5db)}.sort-option span{color:var(--color-text-primary, #f9fafb)}.sort-option:hover:not(.active){background:#1a1a1a1a}.sort-option:hover:not(.active) svg:first-child{color:var(--color-text-secondary, #6b6b6b)}.sort-option.active{background:#1a1a1a1a}.sort-option.active svg:first-child{color:var(--color-text-secondary, #6b6b6b)}.sort-option.active span{color:var(--color-text-secondary, #6b6b6b)}.icon-btn{color:var(--color-text-secondary, #d1d5db)}.icon-btn:hover{background:#0066ff1a;color:var(--color-text-secondary, #6b6b6b)}.icon-btn.active{background:#0066ff26;color:var(--color-text-secondary, #6b6b6b)}.notification-badge{border-color:var(--color-background, #1a1f2e)}.dropdown-header{border-bottom-color:var(--color-border, #2d3748)}.dropdown-header h3{color:var(--color-text-primary, #f9fafb)}.dropdown-header .btn-mark-read{color:var(--color-text-secondary, #6b6b6b)}.dropdown-header .btn-mark-read:hover{color:var(--color-text-primary, #1a1a1a)}.notification-item:hover{background:#0066ff1a}.notification-title{color:var(--color-text-primary, #f9fafb)}.dropdown-footer{border-top-color:var(--color-border, #2d3748)}.dropdown-footer .btn-view-all{background:#0066ff1a;color:var(--color-text-secondary, #6b6b6b)}.dropdown-footer .btn-view-all:hover{background:#0066ff26}}:host-context([data-theme=dark]) .top-bar{background:var(--color-background, #1a1f2e);border-bottom-color:var(--color-border, #2d3748)}:host-context([data-theme=dark]) .btn-create{background:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .btn-create:hover{background:var(--color-text-primary, #1a1a1a)}:host-context([data-theme=dark]) .btn-create:active{background:var(--color-text-primary, #1a1a1a)}:host-context([data-theme=dark]) .create-dropdown,:host-context([data-theme=dark]) .notifications-dropdown{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);box-shadow:0 8px 24px #0006}:host-context([data-theme=dark]) .option-icon{background:#0066ff1a}:host-context([data-theme=dark]) .search-input{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);color:var(--color-text-primary, #f9fafb)}:host-context([data-theme=dark]) .search-input:focus{border-color:var(--color-text-secondary, #6b6b6b);box-shadow:0 0 0 3px #3399ff1a}:host-context([data-theme=dark]) .search-shortcut{background:var(--color-background-secondary, #252a3a);color:var(--color-text-secondary, #d1d5db)}:host-context([data-theme=dark]) .filter-toggle{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);color:var(--color-text-secondary, #d1d5db)}:host-context([data-theme=dark]) .filter-toggle:hover{background:#1a1a1a1a;color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .filter-toggle.active{background:var(--color-text-secondary, #6b6b6b);color:#1a1f2e;border-color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .filter-toggle.active:hover{background:var(--color-text-primary, #1a1a1a);border-color:var(--color-text-primary, #1a1a1a)}:host-context([data-theme=dark]) .filter-badge{border-color:var(--color-background, #1a1f2e)}:host-context([data-theme=dark]) .sort-toggle{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);color:var(--color-text-secondary, #d1d5db)}:host-context([data-theme=dark]) .sort-toggle:hover{background:#1a1a1a1a;color:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .sort-toggle.active{background:var(--color-text-secondary, #6b6b6b);color:#1a1f2e;border-color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .sort-toggle.active:hover{background:var(--color-text-primary, #1a1a1a);border-color:var(--color-text-primary, #1a1a1a)}:host-context([data-theme=dark]) .sort-dropdown{background:var(--color-background, #1a1f2e);border-color:var(--color-border, #2d3748);box-shadow:0 8px 24px #0006}:host-context([data-theme=dark]) .sort-dropdown-header{border-bottom-color:var(--color-border, #2d3748)}:host-context([data-theme=dark]) .sort-dropdown-header h3{color:var(--color-text-primary, #f9fafb)}:host-context([data-theme=dark]) .sort-option svg:first-child{color:var(--color-text-secondary, #d1d5db)}:host-context([data-theme=dark]) .sort-option span{color:var(--color-text-primary, #f9fafb)}:host-context([data-theme=dark]) .sort-option:hover:not(.active){background:#1a1a1a1a}:host-context([data-theme=dark]) .sort-option:hover:not(.active) svg:first-child{color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .sort-option.active{background:#1a1a1a1a}:host-context([data-theme=dark]) .sort-option.active svg:first-child{color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .sort-option.active span{color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .icon-btn{color:var(--color-text-secondary, #d1d5db)}:host-context([data-theme=dark]) .icon-btn:hover{background:#0066ff1a;color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .icon-btn.active{background:#0066ff26;color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .notification-badge{border-color:var(--color-background, #1a1f2e)}:host-context([data-theme=dark]) .dropdown-header{border-bottom-color:var(--color-border, #2d3748)}:host-context([data-theme=dark]) .dropdown-header h3{color:var(--color-text-primary, #f9fafb)}:host-context([data-theme=dark]) .dropdown-header .btn-mark-read{color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .dropdown-header .btn-mark-read:hover{color:var(--color-text-primary, #1a1a1a)}:host-context([data-theme=dark]) .notification-item:hover{background:#0066ff1a}:host-context([data-theme=dark]) .notification-title{color:var(--color-text-primary, #f9fafb)}:host-context([data-theme=dark]) .dropdown-footer{border-top-color:var(--color-border, #2d3748)}:host-context([data-theme=dark]) .dropdown-footer .btn-view-all{background:#0066ff1a;color:var(--color-text-secondary, #6b6b6b)}:host-context([data-theme=dark]) .dropdown-footer .btn-view-all:hover{background:#0066ff26}.bulk-action-toolbar{display:flex;align-items:center;gap:8px;margin-right:8px;flex-shrink:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.bulk-action-toolbar::-webkit-scrollbar{display:none}.bulk-action-toolbar .bulk-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.bulk-action-toolbar .select-all-btn{background:var(--color-surface, #f5f5f5);border-color:var(--color-text-secondary, #6b6b6b);color:var(--color-text-secondary, #6b6b6b)}.bulk-action-toolbar .select-all-btn .selection-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-text-secondary, #6b6b6b);color:#fff;border-radius:10px;font-size:11px;font-weight:700;line-height:1;margin-left:4px}.bulk-action-toolbar .select-all-btn:hover{background:var(--color-text-secondary, #6b6b6b);color:#fff}.bulk-action-toolbar .select-all-btn:hover .selection-badge{background-color:#fff;color:var(--color-text-secondary, #6b6b6b)}.bulk-action-toolbar .bulk-action-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff);color:var(--color-text-primary, #1f2937);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.bulk-action-toolbar .bulk-action-btn svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.bulk-action-toolbar .bulk-action-btn:hover{background:var(--color-background-hover, #f3f4f6);border-color:var(--color-text-secondary, #6b6b6b);color:var(--color-text-secondary, #6b6b6b);transform:translateY(-1px);box-shadow:0 2px 8px #0066ff1f}.bulk-action-toolbar .bulk-action-btn:active{transform:translateY(0);box-shadow:none}.bulk-action-toolbar .bulk-action-btn.bulk-action-danger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626;box-shadow:0 2px 8px #dc26261f}.bulk-action-toolbar .bulk-action-btn.bulk-action-danger:active{background:#fee2e2}.bulk-action-toolbar .bulk-action-btn.bulk-action-clear{border-color:transparent;background:transparent;padding:0 8px}.bulk-action-toolbar .bulk-action-btn.bulk-action-clear:hover{background:var(--color-background-hover, #f3f4f6);border-color:var(--color-border, #e5e7eb)}@media(max-width:1200px){.bulk-action-toolbar .bulk-action-btn{padding:0 8px}.bulk-action-toolbar .bulk-action-btn span:not(.selection-badge){display:none}}.asset-library-title{display:flex;align-items:baseline;gap:10px;margin-left:16px}.asset-library-title .folder-name{font-size:18px;font-weight:600;color:var(--color-text-primary, #1f2937);margin:0;white-space:nowrap}.asset-library-title .asset-count{font-size:13px;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.asset-library-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex:1}.asset-search-box{position:relative;display:flex;align-items:center}.asset-search-box .search-icon{position:absolute;left:10px;color:var(--color-text-tertiary, #9ca3af);pointer-events:none}.asset-search-box .asset-search-input{width:200px;height:32px;padding:0 32px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:13px;background:var(--color-background-secondary, #f9fafb);color:var(--color-text-primary, #1f2937);transition:all .15s ease}.asset-search-box .asset-search-input:focus{outline:none;border-color:var(--color-text-secondary, #6b6b6b);background:var(--color-background, #fff);box-shadow:0 0 0 3px #0066ff1a}.asset-search-box .asset-search-input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.asset-search-box .clear-search-btn{position:absolute;right:6px;width:20px;height:20px;border:none;background:transparent;color:var(--color-text-tertiary, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.asset-search-box .clear-search-btn:hover{background:var(--color-background-hover, #f3f4f6);color:var(--color-text-primary, #1f2937)}.asset-filter-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background-secondary, #f9fafb);color:var(--color-text-primary, #1f2937);font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.asset-filter-btn:hover{background:var(--color-background-hover, #f3f4f6);border-color:var(--color-border-hover, #d1d5db)}.asset-filter-btn.active{background:var(--color-background, #fff);border-color:var(--color-text-secondary, #6b6b6b);color:var(--color-text-secondary, #6b6b6b)}.asset-filter-btn .dropdown-arrow{transition:transform .2s ease}.asset-filter-btn .dropdown-arrow.open{transform:rotate(180deg)}.asset-subcategory-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;max-height:320px;background:var(--color-background, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:200;overflow:hidden}.asset-subcategory-dropdown .dropdown-header{padding:10px 12px;border-bottom:1px solid var(--color-border, #e5e7eb)}.asset-subcategory-dropdown .dropdown-header h3{margin:0;font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.asset-subcategory-dropdown .subcategory-list{max-height:260px;overflow-y:auto;padding:6px}.asset-subcategory-dropdown .subcategory-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--color-text-primary, #1f2937);font-size:13px;cursor:pointer;border-radius:4px;transition:all .1s ease;text-align:left}.asset-subcategory-dropdown .subcategory-option:hover{background:var(--color-background-hover, #f3f4f6)}.asset-subcategory-dropdown .subcategory-option.selected{background:#0066ff14}.asset-subcategory-dropdown .subcategory-option.selected .checkbox{background:var(--color-text-secondary, #6b6b6b);border-color:var(--color-text-secondary, #6b6b6b);color:#fff}.asset-subcategory-dropdown .subcategory-option .checkbox{width:16px;height:16px;border:1.5px solid var(--color-border, #d1d5db);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.asset-subcategory-dropdown .subcategory-option .subcategory-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-subcategory-dropdown .subcategory-option .only-btn{padding:2px 6px;font-size:10px;font-weight:500;color:var(--color-text-secondary, #6b6b6b);background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;opacity:0;transition:all .15s ease}.asset-subcategory-dropdown .subcategory-option .only-btn:hover{background:#0066ff1a;border-color:var(--color-text-secondary, #6b6b6b)}.asset-subcategory-dropdown .subcategory-option:hover .only-btn{opacity:1}.asset-view-toggle{display:flex;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;overflow:hidden}.asset-view-toggle .view-btn{width:32px;height:32px;border:none;background:var(--color-background-secondary, #f9fafb);color:var(--color-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.asset-view-toggle .view-btn:not(:last-child){border-right:1px solid var(--color-border, #e5e7eb)}.asset-view-toggle .view-btn:hover{background:var(--color-background-hover, #f3f4f6);color:var(--color-text-primary, #1f2937)}.asset-view-toggle .view-btn.active{background:var(--color-text-secondary, #6b6b6b);color:#fff}.asset-upload-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:none;border-radius:6px;background:var(--color-text-secondary, #6b6b6b);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.asset-upload-btn:hover{background:var(--color-text-primary, #1a1a1a);transform:translateY(-1px);box-shadow:0 2px 8px #0066ff40}.asset-upload-btn:active{transform:translateY(0)}.asset-refresh-btn{width:32px;height:32px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background-secondary, #f9fafb);color:var(--color-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.asset-refresh-btn:hover{background:var(--color-background-hover, #f3f4f6);color:var(--color-text-primary, #1f2937);border-color:var(--color-border-hover, #d1d5db)}.asset-refresh-btn.spinning ng-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-breadcrumb{display:flex;align-items:center;gap:4px;font-size:14px}.project-breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.project-breadcrumb .breadcrumb-item:hover{background:var(--color-background-hover, #f3f4f6);color:var(--color-text-primary, #1f2937)}.project-breadcrumb .breadcrumb-item.root{font-weight:600}.project-breadcrumb .breadcrumb-item.active{color:var(--color-text-primary, #1f2937);cursor:default}.project-breadcrumb .breadcrumb-item.active:hover{background:transparent}.project-breadcrumb .breadcrumb-separator{color:var(--color-text-tertiary, #9ca3af);font-weight:300}.asset-new-folder-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--color-text-secondary, #6b6b6b);border-radius:6px;background:transparent;color:var(--color-text-secondary, #6b6b6b);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.asset-new-folder-btn:hover{background:var(--color-text-secondary, #6b6b6b);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0066ff40}.asset-new-folder-btn:active{transform:translateY(0)}@media(max-width:1200px){.asset-library-title .folder-name{font-size:16px}.asset-search-box .asset-search-input{width:160px}.asset-upload-btn span,.asset-new-folder-btn span,.asset-filter-btn span{display:none}}@media(max-width:900px){.asset-search-box .asset-search-input{width:120px}.asset-library-title .asset-count,.project-breadcrumb .breadcrumb-item span{display:none}}@media(prefers-reduced-motion:reduce){.create-dropdown,.notifications-dropdown,.dropdown-arrow,.option-arrow{animation:none;transition:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes expandSearch{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:inherit}.text-content p{margin:0 0 .5em;font-size:inherit;font-weight:inherit;line-height:inherit}.text-content p:last-child{margin-bottom:0}.text-content h1,.text-content h2,.text-content h3,.text-content h4,.text-content h5,.text-content h6{font-family:var(--heading-font-family, inherit);letter-spacing:var(--heading-letter-spacing, normal)}.text-content h1:last-child,.text-content h2:last-child,.text-content h3:last-child,.text-content h4:last-child,.text-content h5:last-child,.text-content h6:last-child{margin-bottom:0}.text-content h1{margin:0 0 var(--heading-paragraph-space, .5em) 0;font-size:var(--h1-font-size, 40px);font-weight:var(--h1-font-weight, 700);font-style:var(--h1-font-style, normal);line-height:var(--h1-line-height, 1.2);color:var(--h1-color, inherit)}.text-content h2{margin:0 0 var(--heading-paragraph-space, .5em) 0;font-size:var(--h2-font-size, 32px);font-weight:var(--h2-font-weight, 700);font-style:var(--h2-font-style, normal);line-height:var(--h2-line-height, 1.2);color:var(--h2-color, inherit)}.text-content h3{margin:0 0 var(--heading-paragraph-space, .5em) 0;font-size:var(--h3-font-size, 28px);font-weight:var(--h3-font-weight, 600);font-style:var(--h3-font-style, normal);line-height:var(--h3-line-height, 1.2);color:var(--h3-color, inherit)}.text-content h4{margin:0 0 var(--heading-paragraph-space, .5em) 0;font-size:var(--h4-font-size, 24px);font-weight:var(--h4-font-weight, 600);font-style:var(--h4-font-style, normal);line-height:var(--h4-line-height, 1.2);color:var(--h4-color, inherit)}.text-content h5{margin:0 0 var(--heading-paragraph-space, .5em) 0;font-size:var(--h5-font-size, 20px);font-weight:var(--h5-font-weight, 600);font-style:var(--h5-font-style, normal);line-height:var(--h5-line-height, 1.2);color:var(--h5-color, inherit)}.text-content h6{margin:0 0 var(--heading-paragraph-space, .5em) 0;font-size:var(--h6-font-size, 16px);font-weight:var(--h6-font-weight, 600);font-style:var(--h6-font-style, normal);line-height:var(--h6-line-height, 1.2);color:var(--h6-color, inherit)}a{color:inherit;text-decoration:inherit}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-border-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background-color:var(--color-accent-primary);color:var(--color-white)}::-moz-selection{background-color:var(--color-accent-primary);color:var(--color-white)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[data-theme=dark] color-sketch .sketch-picker{background:#2a2a2a!important;border:1px solid #444444!important;box-shadow:none!important}[data-theme=dark] color-sketch .sketch-saturation{border-radius:4px;border:1px solid #444444!important}[data-theme=dark] color-sketch .sketch-hue,[data-theme=dark] color-sketch .sketch-alpha{border-radius:4px}[data-theme=dark] color-sketch .sketch-hue .hue-pointer,[data-theme=dark] color-sketch .sketch-alpha .alpha-pointer,[data-theme=dark] color-sketch .sketch-saturation .saturation-pointer{border:2px solid #ffffff!important;box-shadow:0 2px 4px #0009!important}[data-theme=dark] color-sketch .sketch-fields input{background:#1e1e1e!important;border:1px solid #444444!important;color:#fff!important;box-shadow:none!important}[data-theme=dark] color-sketch .sketch-fields input:focus{border-color:var(--color-accent-primary)!important}[data-theme=dark] color-sketch .sketch-fields label{color:#aaa!important}[data-theme=dark] color-sketch .sketch-swatches{border-top:1px solid #444444!important}[data-theme=dark] color-sketch .sketch-swatches>div>div{border:1px solid #444444!important}[data-theme=dark] color-sketch .sketch-swatches>div>div:hover{border-color:var(--color-accent-primary)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:focus-visible{outline-width:3px}}.folder-item:hover:not(.dragging) .btn-checkbox{opacity:1!important}