@charset "UTF-8";[data-theme=light],.light-theme{--neu-bg: #ecf0f3;--neu-bg-rgb: 236, 240, 243;--neu-shadow-light: #fff;--neu-shadow-dark: #d1d9e6;--color-bg-primary: #ecf0f3;--color-bg-secondary: #e2e6e9;--color-bg-tertiary: #d8dce0;--color-text-primary: #2d3436;--color-text-secondary: #636e72;--color-text-tertiary: #95a5a6;--color-text-placeholder: #b2bec3;--color-border-primary: #dfe6e9;--color-border-secondary: #e8edef;--card-bg: #ecf0f3;--card-hover-bg: #e8ecef;--input-bg: #ecf0f3;--input-border: transparent;--input-focus-border: #74b9ff;--button-bg: #ecf0f3;--button-text: #2d3436;--button-hover-bg: #e2e6e9;--color-primary: #0984e3;--color-primary-light: #74b9ff;--color-success: #00b894;--color-warning: #fdcb6e;--color-danger: #d63031}[data-theme=dark],.dark-theme{--neu-bg: #2d3436;--neu-bg-rgb: 45, 52, 54;--neu-shadow-light: #3a4245;--neu-shadow-dark: #202627;--color-bg-primary: #2d3436;--color-bg-secondary: #353c3e;--color-bg-tertiary: #3d4446;--color-text-primary: #dfe6e9;--color-text-secondary: #b2bec3;--color-text-tertiary: #7f8c8d;--color-text-placeholder: #636e72;--color-border-primary: #3d4446;--color-border-secondary: #454d4f;--card-bg: #2d3436;--card-hover-bg: #353c3e;--input-bg: #2d3436;--input-border: transparent;--input-focus-border: #74b9ff;--button-bg: #2d3436;--button-text: #dfe6e9;--button-hover-bg: #353c3e;--color-primary: #74b9ff;--color-primary-light: #a8d8ff;--color-success: #55efc4;--color-warning: #ffeaa7;--color-danger: #ff7675}body{background-color:var(--neu-bg);transition:background-color .3s ease}*{transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}*{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{width:.5rem;height:.5rem}*::-webkit-scrollbar-track{background:transparent;border-radius:.25rem}*::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:.25rem;-webkit-transition:background .2s;transition:background .2s}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}html,body{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app{width:100%;height:100%}:root,:root[theme-mode=light]{--td-brand-color-1: #f3f3f3;--td-brand-color-2: #e3e3e3;--td-brand-color-3: #c6c6c6;--td-brand-color-4: #a9a9a9;--td-brand-color-5: #8c8c8c;--td-brand-color-6: #717171;--td-brand-color-7: #595959;--td-brand-color-8: #434343;--td-brand-color-9: #303030;--td-brand-color-10: #000;--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-hover: var(--td-brand-color-9);--td-brand-color: var(--td-brand-color-10);--td-brand-color-active: var(--td-brand-color-10);--td-warning-color-1: #fef3e6;--td-warning-color-2: #f9e0c7;--td-warning-color-3: #f7c797;--td-warning-color-4: #f2995f;--td-warning-color-5: #ed7b2f;--td-warning-color-6: #d35a21;--td-warning-color-7: #ba431b;--td-warning-color-8: #9e3610;--td-warning-color-9: #842b0b;--td-warning-color-10: #5a1907;--td-warning-color: var(--td-warning-color-5);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-error-color-1: #fdecee;--td-error-color-2: #f9d7d9;--td-error-color-3: #f8b9be;--td-error-color-4: #f78d94;--td-error-color-5: #f36d78;--td-error-color-6: #e34d59;--td-error-color-7: #c9353f;--td-error-color-8: #b11f26;--td-error-color-9: #951114;--td-error-color-10: #680506;--td-error-color: var(--td-error-color-6);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-success-color-1: #e8f8f2;--td-success-color-2: #bcebdc;--td-success-color-3: #85dbbe;--td-success-color-4: #48c79c;--td-success-color-5: #00a870;--td-success-color-6: #078d5c;--td-success-color-7: #067945;--td-success-color-8: #056334;--td-success-color-9: #044f2a;--td-success-color-10: #033017;--td-success-color: var(--td-success-color-5);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #383838;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-bg-color-container: #fff;--td-bg-color-container-select: #fff;--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-component-stroke: var(--td-gray-color-3);--td-component-border: var(--td-gray-color-4);--td-font-white-1: #fff;--td-font-white-2: rgb(255 255 255 / 55%);--td-font-white-3: rgb(255 255 255 / 35%);--td-font-white-4: rgb(255 255 255 / 22%);--td-font-gray-1: rgb(0 0 0 / 90%);--td-font-gray-2: rgb(0 0 0 / 60%);--td-font-gray-3: rgb(0 0 0 / 40%);--td-font-gray-4: rgb(0 0 0 / 26%);--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color);--td-text-color-link: var(--td-brand-color);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-light-hover: var(--td-success-color-2);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-table-shadow-color: rgb(0 0 0 / 8%);--td-scrollbar-color: rgb(0 0 0 / 10%);--td-scrollbar-hover-color: rgb(0 0 0 / 30%);--td-scroll-track-color: #fff;--td-bg-color-specialcomponent: #fff;--td-border-level-1-color: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-shadow-1: 0 1px .625rem rgb(0 0 0 / 5%), 0 .25rem .3125rem rgb(0 0 0 / 8%), 0 .125rem .25rem -1px rgb(0 0 0 / 12%);--td-shadow-2: 0 .1875rem .875rem .125rem rgb(0 0 0 / 5%), 0 .5rem .625rem 1px rgb(0 0 0 / 6%), 0 .3125rem .3125rem -.1875rem rgb(0 0 0 / 10%);--td-shadow-3: 0 .375rem 1.875rem .3125rem rgb(0 0 0 / 5%), 0 1rem 1.5rem .125rem rgb(0 0 0 / 4%), 0 .5rem .625rem -.3125rem rgb(0 0 0 / 8%);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-mask-active: rgb(0 0 0 / 60%);--td-mask-disabled: rgb(255 255 255 / 60%)}:root[theme-mode=dark]{--td-brand-color-1: #8c8c8c20;--td-brand-color-2: #303030;--td-brand-color-3: #434343;--td-brand-color-4: #595959;--td-brand-color-5: #717171;--td-brand-color-6: #8c8c8c;--td-brand-color-7: #a9a9a9;--td-brand-color-8: #c6c6c6;--td-brand-color-9: #e3e3e3;--td-brand-color-10: #f3f3f3;--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-hover: var(--td-brand-color-5);--td-brand-color: var(--td-brand-color-6);--td-brand-color-active: var(--td-brand-color-7);--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #383838;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-component-stroke: var(--td-gray-color-11);--td-component-border: var(--td-gray-color-9);--td-font-white-1: rgb(255 255 255 / 90%);--td-font-white-2: rgb(255 255 255 / 55%);--td-font-white-3: rgb(255 255 255 / 35%);--td-font-white-4: rgb(255 255 255 / 22%);--td-font-gray-1: rgb(0 0 0 / 90%);--td-font-gray-2: rgb(0 0 0 / 60%);--td-font-gray-3: rgb(0 0 0 / 40%);--td-font-gray-4: rgb(0 0 0 / 26%);--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color);--td-text-color-link: var(--td-brand-color);--td-shadow-1: 0 .25rem .375rem rgb(0 0 0 / 6%), 0 1px .625rem rgb(0 0 0 / 8%), 0 .125rem .25rem rgb(0 0 0 / 12%);--td-shadow-2: 0 .5rem .625rem rgb(0 0 0 / 12%), 0 .1875rem .875rem rgb(0 0 0 / 10%), 0 .3125rem .3125rem rgb(0 0 0 / 16%);--td-shadow-3: 0 1rem 1.5rem rgb(0 0 0 / 14%), 0 .375rem 1.875rem rgb(0 0 0 / 12%), 0 .5rem .625rem rgb(0 0 0 / 20%);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgb(0 0 0 / 55%);--td-scrollbar-color: rgb(255 255 255 / 10%);--td-scrollbar-hover-color: rgb(255 255 255 / 30%);--td-scroll-track-color: #333;--td-bg-color-specialcomponent: transparent;--td-border-level-1-color: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-mask-active: rgb(0 0 0 / 40%);--td-mask-disabled: rgb(0 0 0 / 60%)}:root{--td-font-family: pingfang sc, microsoft yahei, arial regular;--td-font-family-medium: pingfang sc, microsoft yahei, arial medium;--td-font-size-link-small: .75rem;--td-font-size-link-medium: .875rem;--td-font-size-link-large: 1rem;--td-font-size-mark-small: .75rem;--td-font-size-mark-medium: .875rem;--td-font-size-body-small: .75rem;--td-font-size-body-medium: .875rem;--td-font-size-body-large: 1rem;--td-font-size-title-small: .875rem;--td-font-size-title-medium: 1rem;--td-font-size-title-large: 1.25rem;--td-font-size-headline-small: 1.5rem;--td-font-size-headline-medium: 1.75rem;--td-font-size-headline-large: 2.25rem;--td-font-size-display-medium: 3rem;--td-font-size-display-large: 4rem;--td-line-height-link-small: 1.25rem;--td-line-height-link-medium: 1.375rem;--td-line-height-link-large: 1.5rem;--td-line-height-mark-small: 1.25rem;--td-line-height-mark-medium: 1.375rem;--td-line-height-body-small: 1.25rem;--td-line-height-body-medium: 1.375rem;--td-line-height-body-large: 1.5rem;--td-line-height-title-small: 1.375rem;--td-line-height-title-medium: 1.5rem;--td-line-height-title-large: 1.75rem;--td-line-height-headline-small: 2rem;--td-line-height-headline-medium: 2.25rem;--td-line-height-headline-large: 2.75rem;--td-line-height-display-medium: 3.5rem;--td-line-height-display-large: 4.5rem;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);--td-radius-small: .125rem;--td-radius-default: .1875rem;--td-radius-medium: .375rem;--td-radius-large: .5625rem;--td-radius-extraLarge: .75rem;--td-radius-round: 62.4375rem;--td-radius-circle: 50%;--td-size-1: .125rem;--td-size-2: .25rem;--td-size-3: .375rem;--td-size-4: .5rem;--td-size-5: .75rem;--td-size-6: 1rem;--td-size-7: 1.25rem;--td-size-8: 1.5rem;--td-size-9: 1.75rem;--td-size-10: 2rem;--td-size-11: 2.25rem;--td-size-12: 2.5rem;--td-size-13: 3rem;--td-size-14: 3.5rem;--td-size-15: 4rem;--td-size-16: 4.5rem;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}.canvas-view[data-v-de3ef6d6]{position:relative}.canvas-container[data-v-de3ef6d6]{position:relative;cursor:crosshair;border-radius:.5rem;overflow:hidden;box-shadow:0 0 1.875rem #00c8ff1a,0 0 3.75rem #9600ff0d}.source-canvas[data-v-de3ef6d6]{display:block;border-radius:.5rem}.selection-overlay[data-v-de3ef6d6]{position:absolute;border:.125rem dashed #0cf;background:#00c8ff1a;box-shadow:0 0 0 624.9375rem #00000080,inset 0 0 1.25rem #00c8ff33;cursor:move}.resize-handle[data-v-de3ef6d6]{position:absolute;width:.75rem;height:.75rem;border:.125rem solid #0cf;border-radius:.125rem;background:#0a0a0f}.resize-handle.nw[data-v-de3ef6d6]{top:-.375rem;left:-.375rem;cursor:nw-resize}.resize-handle.ne[data-v-de3ef6d6]{top:-.375rem;right:-.375rem;cursor:ne-resize}.resize-handle.sw[data-v-de3ef6d6]{bottom:-.375rem;left:-.375rem;cursor:sw-resize}.resize-handle.se[data-v-de3ef6d6]{right:-.375rem;bottom:-.375rem;cursor:se-resize}.selection-info[data-v-de3ef6d6]{position:absolute;bottom:-1.5rem;left:50%;padding:.125rem .5rem;border-radius:.25rem;background:#000c;color:#0cf;font-size:.6875rem;font-family:Consolas,monospace;white-space:nowrap;transform:translate(-50%)}.draw-hint[data-v-de3ef6d6]{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;gap:.5rem;align-items:center;padding:1.25rem 1.875rem;border:1px dashed rgba(255,255,255,.2);border-radius:.75rem;background:#0006;color:#ffffff80;font-size:.875rem;transform:translate(-50%,-50%);pointer-events:none}.draw-hint svg[data-v-de3ef6d6]{opacity:.5}.device-selection-overlay[data-v-de3ef6d6]{position:absolute;border:.125rem dashed;border-radius:.25rem;background:transparent;cursor:pointer;transition:background .2s,box-shadow .2s;pointer-events:auto}.device-selection-overlay[data-v-de3ef6d6]:not(.has-selection){border-style:dotted;opacity:.3;pointer-events:none}.device-selection-overlay.has-selection[data-v-de3ef6d6]{background:#ffffff0d;cursor:move}.device-selection-overlay.has-selection[data-v-de3ef6d6]:hover{background:#ffffff1a}.device-selection-overlay .device-label[data-v-de3ef6d6]{position:absolute;top:-1.25rem;left:0;padding:.125rem .5rem;border-radius:.25rem .25rem 0 0;color:#fff;font-size:.625rem;font-weight:500;white-space:nowrap}.device-selection-overlay .resize-handle[data-v-de3ef6d6]{position:absolute;display:none;justify-content:center;align-items:center;width:.75rem;height:.75rem;border:.125rem solid currentcolor;background:#0a0a0f;border-radius:.125rem}.device-selection-overlay .resize-handle.nw[data-v-de3ef6d6]{top:-.375rem;left:-.375rem;cursor:nw-resize}.device-selection-overlay .resize-handle.ne[data-v-de3ef6d6]{top:-.375rem;right:-.375rem;cursor:ne-resize}.device-selection-overlay .resize-handle.sw[data-v-de3ef6d6]{bottom:-.375rem;left:-.375rem;cursor:sw-resize}.device-selection-overlay .resize-handle.se[data-v-de3ef6d6]{right:-.375rem;bottom:-.375rem;cursor:se-resize}.device-selection-overlay.active[data-v-de3ef6d6]{z-index:10;background:#ffffff1a;box-shadow:0 0 0 624.9375rem #0006,inset 0 0 1.25rem #ffffff1a}.device-selection-overlay.active .resize-handle[data-v-de3ef6d6]{display:flex}.device-selection-overlay .selection-info[data-v-de3ef6d6]{position:absolute;bottom:-1.25rem;left:50%;padding:.125rem .375rem;border-radius:.1875rem;background:#000c;color:#fff;font-size:.625rem;font-family:Consolas,monospace;white-space:nowrap;transform:translate(-50%)}.matrix-view[data-v-5219c104]{position:relative}.matrix-canvas[data-v-5219c104]{display:block;border-radius:.5rem;box-shadow:0 0 2.5rem #00c8ff26,0 0 5rem #9600ff1a}.preview-area[data-v-a6f05b8c]{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:linear-gradient(135deg,#0f0f14cc,#191923cc);overflow:hidden}.preview-tabs[data-v-a6f05b8c]{display:flex;gap:.25rem;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0000004d}.tab-btn[data-v-a6f05b8c]{display:flex;gap:.375rem;align-items:center;padding:.5rem 1rem;border:none;border-radius:.375rem;background:transparent;color:#fff9;font-size:.8125rem;cursor:pointer;transition:all .2s}.tab-btn svg[data-v-a6f05b8c]{opacity:.7}.tab-btn[data-v-a6f05b8c]:hover{background:#ffffff14;color:#fffc}.tab-btn.active[data-v-a6f05b8c]{background:#00c8ff26;color:#0cf}.tab-btn.active svg[data-v-a6f05b8c]{opacity:1}.tab-tools[data-v-a6f05b8c]{display:flex;gap:.25rem;margin-left:auto}.tool-btn[data-v-a6f05b8c]{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background:#ffffff14;color:#fff9;cursor:pointer;transition:all .2s}.tool-btn[data-v-a6f05b8c]:hover{background:#ffffff26;color:#fff}.tool-btn.active[data-v-a6f05b8c]{background:#0cf;color:#fff}.preview-content[data-v-a6f05b8c]{display:flex;justify-content:center;align-items:center;padding:1rem}.preview-status[data-v-a6f05b8c]{display:flex;gap:1.5rem;padding:.5rem 1rem;border-top:1px solid rgba(255,255,255,.08);background:#0003}.status-item[data-v-a6f05b8c]{display:flex;gap:.375rem;align-items:center;font-size:.75rem}.status-item .status-label[data-v-a6f05b8c]{color:#ffffff80}.status-item .status-value[data-v-a6f05b8c]{color:#fffc;font-family:Consolas,monospace}.category-sidebar[data-v-73e650cb]{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;width:8.75rem;padding:.75rem;border-radius:.625rem;background:#0000004d}.sidebar-title[data-v-73e650cb]{padding-bottom:.5rem;margin-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:.6875rem;text-transform:uppercase;letter-spacing:1px}.category-item[data-v-73e650cb]{display:flex;gap:.625rem;align-items:center;padding:.625rem;border:.125rem solid transparent;border-radius:.5rem;background:#ffffff0d;cursor:pointer;transition:all .2s}.category-item[data-v-73e650cb]:hover{background:#ffffff1a}.category-item .category-icon[data-v-73e650cb]{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;color:#fff;border-radius:.375rem}.category-item .category-icon svg[data-v-73e650cb]{width:1.125rem;height:1.125rem}.category-item .category-name[data-v-73e650cb]{color:#ffffffb3;font-size:.75rem;font-weight:500}.category-item.active[data-v-73e650cb]{border-color:#0cf;background:#00c8ff26;box-shadow:0 0 .9375rem #00c8ff33}.category-item.active .category-name[data-v-73e650cb]{color:#fff}.config-section[data-v-fe80ff4b]{height:100%}.section-header[data-v-fe80ff4b]{margin-bottom:1.25rem}.section-header h3[data-v-fe80ff4b]{margin:0 0 .25rem;color:#fff;font-size:1rem;font-weight:600}.section-header .section-desc[data-v-fe80ff4b]{color:#ffffff80;font-size:.75rem}.config-group[data-v-fe80ff4b]{display:flex;flex-direction:column;gap:1rem}.config-group.empty-state[data-v-fe80ff4b]{display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center;height:12.5rem;padding:2.5rem;border:.125rem dashed rgba(255,255,255,.15);border-radius:.75rem}.config-group.empty-state .empty-icon[data-v-fe80ff4b]{font-size:3rem}.config-group.empty-state .empty-text[data-v-fe80ff4b]{color:#fff6;font-size:.875rem}.config-item[data-v-fe80ff4b]{display:flex;flex-direction:column;gap:.5rem}.config-item .config-label[data-v-fe80ff4b]{color:#ffffffb3;font-size:.8125rem;font-weight:500}.select-wrapper[data-v-fe80ff4b]{position:relative;flex:1}.config-select[data-v-fe80ff4b]{width:100%;padding:.625rem 2.25rem .625rem .875rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#0006;color:#fff;font-size:.8125rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s}.config-select[data-v-fe80ff4b]:hover{border-color:#ffffff4d}.config-select[data-v-fe80ff4b]:focus{border-color:#0cf;outline:none;box-shadow:0 0 0 .125rem #00c8ff33}.config-select option[data-v-fe80ff4b]{background:#1a1a24;color:#fff}.select-arrow[data-v-fe80ff4b]{position:absolute;top:50%;right:.75rem;color:#ffffff80;pointer-events:none;transform:translateY(-50%)}.refresh-btn[data-v-fe80ff4b]{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0d;color:#fff9;cursor:pointer;transition:all .2s}.refresh-btn[data-v-fe80ff4b]:hover{border-color:#0cf;background:#00c8ff1a;color:#0cf}.color-mode-group[data-v-fe80ff4b]{display:flex;gap:.625rem}.color-mode-btn[data-v-fe80ff4b]{display:flex;flex:1;flex-direction:column;gap:.375rem;align-items:center;padding:.75rem;border:.125rem solid transparent;border-radius:.5rem;background:#ffffff0d;color:#fff9;font-size:.75rem;cursor:pointer;transition:all .2s}.color-mode-btn[data-v-fe80ff4b]:hover{background:#ffffff1a}.color-mode-btn.active[data-v-fe80ff4b]{border-color:#0cf;background:#00c8ff1a;color:#fff}.color-mode-btn .mode-preview[data-v-fe80ff4b]{width:2.5rem;height:1.5rem;border-radius:.25rem}.color-picker-row[data-v-fe80ff4b]{display:flex;gap:.75rem;align-items:center}.color-input[data-v-fe80ff4b]{width:3rem;height:2.25rem;padding:.125rem;border:.125rem solid rgba(255,255,255,.2);border-radius:.375rem;background:transparent;cursor:pointer}.color-input[data-v-fe80ff4b]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-fe80ff4b]::-webkit-color-swatch{border:none;border-radius:.25rem}.color-input.small[data-v-fe80ff4b]{width:2.25rem;height:1.75rem}.color-value[data-v-fe80ff4b]{color:#ffffff80;font-family:Consolas,monospace;font-size:.75rem}.gradient-colors[data-v-fe80ff4b]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.gradient-color-item[data-v-fe80ff4b]{position:relative;display:flex;align-items:center}.gradient-color-item .remove-btn[data-v-fe80ff4b]{position:absolute;top:-.375rem;right:-.375rem;display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;border:none;border-radius:50%;background:#f44;color:#fff;font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .2s}.gradient-color-item:hover .remove-btn[data-v-fe80ff4b]{opacity:1}.add-color-btn[data-v-fe80ff4b]{display:flex;justify-content:center;align-items:center;width:2.25rem;height:1.75rem;border:.125rem dashed rgba(255,255,255,.3);border-radius:.375rem;background:transparent;color:#ffffff80;font-size:1.125rem;cursor:pointer;transition:all .2s}.add-color-btn[data-v-fe80ff4b]:hover{border-color:#0cf;color:#0cf}.slider-row[data-v-fe80ff4b]{display:flex;gap:.75rem;align-items:center}.config-slider[data-v-fe80ff4b]{flex:1;height:.375rem;border-radius:.1875rem;background:#fff3;-webkit-appearance:none;-moz-appearance:none;appearance:none}.config-slider[data-v-fe80ff4b]::-webkit-slider-thumb{width:1rem;height:1rem;border-radius:50%;background:#0cf;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 0 .5rem #00c8ff80;-webkit-transition:transform .1s;transition:transform .1s}.config-slider[data-v-fe80ff4b]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-value[data-v-fe80ff4b]{width:3rem;color:#0cf;font-size:.8125rem;font-weight:500;text-align:right}.config-label[data-v-fe80ff4b]{display:flex;align-items:center;gap:.5rem}.refresh-btn[data-v-fe80ff4b]{display:flex;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:.25rem;background:#ffffff0d;color:#fff9;cursor:pointer;transition:all .2s}.refresh-btn[data-v-fe80ff4b]:hover{background:#ffffff1a;color:#0cf}.refresh-btn[data-v-fe80ff4b]:active{transform:rotate(180deg)}.config-hint[data-v-fe80ff4b]{display:block;margin-top:.375rem;font-size:.6875rem}.config-hint.warning[data-v-fe80ff4b]{color:#f59e0b}.config-hint.success[data-v-fe80ff4b]{color:#10b981}.config-section[data-v-91296fe6]{height:100%}.section-header[data-v-91296fe6]{margin-bottom:1.25rem}.section-header h3[data-v-91296fe6]{margin:0 0 .25rem;color:#fff;font-size:1rem;font-weight:600}.section-header .section-desc[data-v-91296fe6]{color:#ffffff80;font-size:.75rem}.config-group[data-v-91296fe6]{display:flex;flex-direction:column;gap:1rem}.config-group.empty-state[data-v-91296fe6]{display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center;height:12.5rem;padding:2.5rem;border:.125rem dashed rgba(255,255,255,.15);border-radius:.75rem}.config-group.empty-state .empty-icon[data-v-91296fe6]{font-size:3rem}.config-group.empty-state .empty-text[data-v-91296fe6]{color:#fff6;font-size:.875rem}.config-item[data-v-91296fe6]{display:flex;flex-direction:column;gap:.5rem}.config-item .config-label[data-v-91296fe6]{color:#ffffffb3;font-size:.8125rem;font-weight:500}.select-wrapper[data-v-91296fe6]{position:relative;flex:1}.config-select[data-v-91296fe6]{width:100%;padding:.625rem 2.25rem .625rem .875rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#0006;color:#fff;font-size:.8125rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s}.config-select[data-v-91296fe6]:hover{border-color:#ffffff4d}.config-select[data-v-91296fe6]:focus{border-color:#0cf;outline:none;box-shadow:0 0 0 .125rem #00c8ff33}.config-select option[data-v-91296fe6]{background:#1a1a24;color:#fff}.select-arrow[data-v-91296fe6]{position:absolute;top:50%;right:.75rem;color:#ffffff80;pointer-events:none;transform:translateY(-50%)}.refresh-btn[data-v-91296fe6]{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0d;color:#fff9;cursor:pointer;transition:all .2s}.refresh-btn[data-v-91296fe6]:hover{border-color:#0cf;background:#00c8ff1a;color:#0cf}.color-mode-group[data-v-91296fe6]{display:flex;gap:.625rem}.color-mode-btn[data-v-91296fe6]{display:flex;flex:1;flex-direction:column;gap:.375rem;align-items:center;padding:.75rem;border:.125rem solid transparent;border-radius:.5rem;background:#ffffff0d;color:#fff9;font-size:.75rem;cursor:pointer;transition:all .2s}.color-mode-btn[data-v-91296fe6]:hover{background:#ffffff1a}.color-mode-btn.active[data-v-91296fe6]{border-color:#0cf;background:#00c8ff1a;color:#fff}.color-mode-btn .mode-preview[data-v-91296fe6]{width:2.5rem;height:1.5rem;border-radius:.25rem}.color-picker-row[data-v-91296fe6]{display:flex;gap:.75rem;align-items:center}.color-input[data-v-91296fe6]{width:3rem;height:2.25rem;padding:.125rem;border:.125rem solid rgba(255,255,255,.2);border-radius:.375rem;background:transparent;cursor:pointer}.color-input[data-v-91296fe6]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-91296fe6]::-webkit-color-swatch{border:none;border-radius:.25rem}.color-input.small[data-v-91296fe6]{width:2.25rem;height:1.75rem}.color-value[data-v-91296fe6]{color:#ffffff80;font-family:Consolas,monospace;font-size:.75rem}.gradient-colors[data-v-91296fe6]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.gradient-color-item[data-v-91296fe6]{position:relative;display:flex;align-items:center}.gradient-color-item .remove-btn[data-v-91296fe6]{position:absolute;top:-.375rem;right:-.375rem;display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;border:none;border-radius:50%;background:#f44;color:#fff;font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .2s}.gradient-color-item:hover .remove-btn[data-v-91296fe6]{opacity:1}.add-color-btn[data-v-91296fe6]{display:flex;justify-content:center;align-items:center;width:2.25rem;height:1.75rem;border:.125rem dashed rgba(255,255,255,.3);border-radius:.375rem;background:transparent;color:#ffffff80;font-size:1.125rem;cursor:pointer;transition:all .2s}.add-color-btn[data-v-91296fe6]:hover{border-color:#0cf;color:#0cf}.slider-row[data-v-91296fe6]{display:flex;gap:.75rem;align-items:center}.config-slider[data-v-91296fe6]{flex:1;height:.375rem;border-radius:.1875rem;background:#fff3;-webkit-appearance:none;-moz-appearance:none;appearance:none}.config-slider[data-v-91296fe6]::-webkit-slider-thumb{width:1rem;height:1rem;border-radius:50%;background:#0cf;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 0 .5rem #00c8ff80;-webkit-transition:transform .1s;transition:transform .1s}.config-slider[data-v-91296fe6]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-value[data-v-91296fe6]{width:3rem;color:#0cf;font-size:.8125rem;font-weight:500;text-align:right}.source-row[data-v-91296fe6]{display:flex;gap:.5rem;align-items:flex-start}.source-row .select-wrapper[data-v-91296fe6]{flex:1}.source-row .refresh-btn[data-v-91296fe6]{margin-top:0;height:2.625rem}.x-card[data-v-1410cd9a]{position:relative;box-sizing:border-box;padding:1.25rem;background:var(--neu-bg);border-radius:1.5rem;box-shadow:.5rem .5rem 1rem var(--neu-shadow-dark),-.5rem -.5rem 1rem var(--neu-shadow-light);transition:box-shadow .3s ease,transform .3s ease}.x-card--sm[data-v-1410cd9a]{border-radius:.75rem;box-shadow:.25rem .25rem .5rem var(--neu-shadow-dark),-.25rem -.25rem .5rem var(--neu-shadow-light)}.x-card--lg[data-v-1410cd9a]{border-radius:2rem;box-shadow:.75rem .75rem 1.5rem var(--neu-shadow-dark),-.75rem -.75rem 1.5rem var(--neu-shadow-light)}.x-card--inset[data-v-1410cd9a]{box-shadow:inset .375rem .375rem .75rem var(--neu-shadow-dark),inset -.375rem -.375rem .75rem var(--neu-shadow-light)}.x-card--sm.x-card--inset[data-v-1410cd9a]{box-shadow:inset .1875rem .1875rem .375rem var(--neu-shadow-dark),inset -.1875rem -.1875rem .375rem var(--neu-shadow-light)}.x-card--lg.x-card--inset[data-v-1410cd9a]{box-shadow:inset .5rem .5rem 1rem var(--neu-shadow-dark),inset -.5rem -.5rem 1rem var(--neu-shadow-light)}.x-card--flat[data-v-1410cd9a]{box-shadow:none}.x-tab-menu-container[data-v-cb3c5605]{display:inline-block;padding:.25rem;background:var(--neu-bg);border-radius:1rem;box-shadow:inset .1875rem .1875rem .375rem var(--neu-shadow-dark),inset -.1875rem -.1875rem .375rem var(--neu-shadow-light)}.x-tab-menu[data-v-cb3c5605]{position:relative;display:flex;width:-moz-fit-content;width:fit-content;gap:.25rem}.x-tab-menu.vertical[data-v-cb3c5605]{flex-direction:column;height:-moz-fit-content;height:fit-content}.x-tab-indicator[data-v-cb3c5605]{position:absolute;top:0;left:0;z-index:0;background:var(--color-primary);border-radius:.75rem;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.x-tab-item[data-v-cb3c5605]{position:relative;z-index:1;padding:.5rem 1rem;color:var(--color-text-primary);font-size:.875rem;transition:color .2s ease;border-radius:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vertical .x-tab-item[data-v-cb3c5605]{width:100%;text-align:left}.x-tab-item[data-v-cb3c5605]:hover:not(.active){background:var(--color-bg-secondary)}.x-tab-item.active[data-v-cb3c5605]{color:#fff;background-color:transparent}.x-select[data-v-4354be3a]{position:relative;width:100%}.x-select--disabled[data-v-4354be3a]{opacity:.6;cursor:not-allowed}.x-select__trigger[data-v-4354be3a]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1.125rem;background:var(--neu-bg);border-radius:1rem;box-shadow:inset .1875rem .1875rem .375rem var(--neu-shadow-dark),inset -.1875rem -.1875rem .375rem var(--neu-shadow-light);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow .2s ease}.x-select__trigger[data-v-4354be3a]:hover{box-shadow:inset .25rem .25rem .5rem var(--neu-shadow-dark),inset -.25rem -.25rem .5rem var(--neu-shadow-light)}.x-select__trigger-text[data-v-4354be3a]{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-select__arrow[data-v-4354be3a]{margin-left:1rem;color:var(--color-text-secondary);font-size:.625rem;transition:transform .3s ease}.x-select__arrow--up[data-v-4354be3a]{transform:rotate(180deg)}.x-select__dropdown{min-width:10rem;max-height:17.5rem;padding:.5rem;background:var(--neu-bg);border-radius:1rem;box-shadow:.5rem .5rem 1rem var(--neu-shadow-dark),-.5rem -.5rem 1rem var(--neu-shadow-light);overflow-y:auto}.x-select__dropdown::-webkit-scrollbar{width:.375rem}.x-select__dropdown::-webkit-scrollbar-track{background:transparent}.x-select__dropdown::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:.1875rem;-webkit-transition:background .2s;transition:background .2s}.x-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.x-select__dropdown{scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}.x-select__options{position:relative}.x-select__indicator{position:absolute;top:0;left:0;z-index:0;width:100%;background-color:var(--color-primary);border-radius:.75rem;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.x-select__option{position:relative;z-index:1;padding:.5rem .875rem;color:var(--color-text-primary);font-size:.875rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.x-select__option:hover:not(.x-select__option--active,.x-select__option--disabled){background:var(--color-bg-secondary)}.x-select__option.x-select__option--active{color:#fff;background-color:transparent}.x-select__option.x-select__option--disabled{opacity:.5;cursor:not-allowed}.x-select-fade-enter-active,.x-select-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.x-select-fade-enter-from,.x-select-fade-leave-to{opacity:0;transform:translateY(-.5rem)}.x-button[data-v-7c6d7879]{display:inline-flex;justify-content:center;align-items:center;border:none;background:var(--neu-bg);color:var(--color-text-primary);font-weight:500;transition:all .3s ease;gap:.375rem;border-radius:1.25rem;cursor:pointer;outline:none;white-space:nowrap;box-shadow:.25rem .25rem .5rem var(--neu-shadow-dark),-.25rem -.25rem .5rem var(--neu-shadow-light)}.x-button[data-v-7c6d7879]:focus-visible{box-shadow:0 0 0 .125rem var(--color-primary),.25rem .25rem .5rem var(--neu-shadow-dark),-.25rem -.25rem .5rem var(--neu-shadow-light)}.x-button[data-v-7c6d7879]:hover:not(:disabled){box-shadow:.375rem .375rem .75rem var(--neu-shadow-dark),-.375rem -.375rem .75rem var(--neu-shadow-light)}.x-button[data-v-7c6d7879]:active:not(:disabled){box-shadow:inset .1875rem .1875rem .375rem var(--neu-shadow-dark),inset -.1875rem -.1875rem .375rem var(--neu-shadow-light)}.x-button--small[data-v-7c6d7879]{height:2rem;padding:0 1rem;font-size:.75rem;border-radius:1rem}.x-button--medium[data-v-7c6d7879]{height:2.5rem;padding:0 1.5rem;font-size:.875rem}.x-button--large[data-v-7c6d7879]{height:3rem;padding:0 2rem;font-size:1rem;border-radius:1.5rem}.x-button--primary[data-v-7c6d7879]{background:var(--color-primary);color:#fff}.x-button--primary[data-v-7c6d7879]:hover:not(:disabled){opacity:.9}.x-button--primary[data-v-7c6d7879]:active:not(:disabled){box-shadow:inset .125rem .125rem .375rem #0003}.x-button--outline[data-v-7c6d7879]{border:.125rem solid var(--color-primary);background:transparent;color:var(--color-primary);box-shadow:none}.x-button--outline[data-v-7c6d7879]:hover:not(:disabled){background:var(--color-primary);color:#fff;box-shadow:.25rem .25rem .5rem var(--neu-shadow-dark),-.25rem -.25rem .5rem var(--neu-shadow-light)}.x-button--outline[data-v-7c6d7879]:active:not(:disabled){box-shadow:inset .1875rem .1875rem .375rem var(--neu-shadow-dark),inset -.1875rem -.1875rem .375rem var(--neu-shadow-light)}.x-button--text[data-v-7c6d7879]{background:transparent;color:var(--color-text-primary);box-shadow:none}.x-button--text[data-v-7c6d7879]:hover:not(:disabled){background:var(--neu-bg);box-shadow:.25rem .25rem .5rem var(--neu-shadow-dark),-.25rem -.25rem .5rem var(--neu-shadow-light)}.x-button--text[data-v-7c6d7879]:active:not(:disabled){box-shadow:inset .1875rem .1875rem .375rem var(--neu-shadow-dark),inset -.1875rem -.1875rem .375rem var(--neu-shadow-light)}.x-button--disabled[data-v-7c6d7879]{opacity:.5;cursor:not-allowed}.x-button--loading[data-v-7c6d7879]{cursor:wait}.x-button--block[data-v-7c6d7879]{width:100%}.x-button__loading[data-v-7c6d7879]{display:inline-flex;justify-content:center;align-items:center}.x-button__spinner[data-v-7c6d7879]{width:1rem;height:1rem;animation:spin-7c6d7879 1s linear infinite}.x-button__spinner circle[data-v-7c6d7879]{stroke-dasharray:50;stroke-dashoffset:20}.x-button__content[data-v-7c6d7879]{display:inline-flex;align-items:center;gap:.25rem}@keyframes spin-7c6d7879{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.x-switch[data-v-f1431ee9]{position:relative;display:flex;justify-content:center;align-items:center;padding:.125rem;border-radius:.5rem;background-image:linear-gradient(to bottom,var(--neu-shadow-dark),var(--neu-bg));box-shadow:0 1px 1px var(--neu-shadow-light)}.x-switch--disabled[data-v-f1431ee9]{cursor:not-allowed;opacity:.5}.x-switch__checkbox[data-v-f1431ee9]{position:absolute;z-index:1;width:100%;height:100%;font:inherit;border-radius:inherit;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.x-switch--disabled .x-switch__checkbox[data-v-f1431ee9]{cursor:not-allowed}.x-switch__container[data-v-f1431ee9]{position:relative;display:flex;align-items:center;width:3rem;height:1.5rem;background-color:var(--neu-bg);border-radius:.375rem;box-shadow:inset 0 0 1px .125rem var(--neu-shadow-light),inset 0 1px .125rem var(--neu-shadow-dark);transition:background-color .4s ease}.x-switch__checkbox:checked+.x-switch__container[data-v-f1431ee9]{background-color:var(--color-primary, #3b82f6)}.x-switch__button[data-v-f1431ee9]{position:absolute;left:1px;display:flex;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;background-color:var(--neu-bg);border-radius:.3125rem;box-shadow:inset 0 -1px 1px .125rem #0000001a,inset 0 -.125rem 1px #00000026,inset 0 .1875rem 1px var(--neu-shadow-light),0 .125rem .125rem #0000004d;transition:left .4s ease}.x-switch__checkbox:checked+.x-switch__container>.x-switch__button[data-v-f1431ee9]{left:1.5625rem}.x-switch__dots[data-v-f1431ee9]{position:absolute;display:grid;grid-template-columns:repeat(3,min-content);gap:.125rem;margin:0 auto}.x-switch__dot[data-v-f1431ee9]{width:.125rem;height:.125rem;background-image:radial-gradient(circle at 50% 0,var(--neu-shadow-light),var(--neu-shadow-dark));border-radius:50%}.x-slider[data-v-c3c9943b]{position:relative;display:flex;align-items:center;width:100%;height:1.5rem;cursor:pointer}.x-slider--disabled[data-v-c3c9943b]{cursor:not-allowed;opacity:.5}.x-slider__track[data-v-c3c9943b]{position:relative;width:100%;height:.5rem;background:var(--neu-bg);border-radius:.25rem;box-shadow:inset .125rem .125rem .25rem var(--neu-shadow-dark),inset -.125rem -.125rem .25rem var(--neu-shadow-light)}.x-slider__fill[data-v-c3c9943b]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light, #60a5fa));border-radius:.25rem}.x-slider__thumb[data-v-c3c9943b]{position:absolute;top:50%;width:1.25rem;height:1.25rem;background:var(--neu-bg);border-radius:50%;box-shadow:.1875rem .1875rem .375rem var(--neu-shadow-dark),-.1875rem -.1875rem .375rem var(--neu-shadow-light);transition:box-shadow .2s ease,transform .1s ease;transform:translate(-50%,-50%)}.x-slider__thumb[data-v-c3c9943b]:hover{box-shadow:.25rem .25rem .5rem var(--neu-shadow-dark),-.25rem -.25rem .5rem var(--neu-shadow-light);transform:translate(-50%,-50%) scale(1.1)}.x-slider__thumb[data-v-c3c9943b]:active{box-shadow:.125rem .125rem .25rem var(--neu-shadow-dark),-.125rem -.125rem .25rem var(--neu-shadow-light);transform:translate(-50%,-50%) scale(.95)}.x-slider--disabled .x-slider__thumb[data-v-c3c9943b]{cursor:not-allowed}.x-slider--disabled .x-slider__thumb[data-v-c3c9943b]:hover,.x-slider--disabled .x-slider__thumb[data-v-c3c9943b]:active{box-shadow:.1875rem .1875rem .375rem var(--neu-shadow-dark),-.1875rem -.1875rem .375rem var(--neu-shadow-light);transform:translate(-50%,-50%)}.x-input-number[data-v-1e526c97]{--btn-width: 2rem;--icon-size: .875rem;--input-min-width: 3.125rem;--font-size: .875rem;--suffix-font-size: .75rem;display:inline-flex;align-items:center;height:2.25rem;background:var(--neu-bg);border-radius:.75rem;box-shadow:inset .125rem .125rem .25rem var(--neu-shadow-dark),inset -.125rem -.125rem .25rem var(--neu-shadow-light)}.x-input-number--disabled[data-v-1e526c97]{cursor:not-allowed;opacity:.5}.x-input-number--small[data-v-1e526c97]{--btn-width: 1.75rem;--icon-size: .75rem;--input-min-width: 2.5rem;--font-size: .75rem;--suffix-font-size: .6875rem;height:2rem;border-radius:.625rem}.x-input-number--medium[data-v-1e526c97]{--btn-width: 2rem;--icon-size: .875rem;--input-min-width: 3.125rem;--font-size: .875rem;--suffix-font-size: .75rem;height:2.25rem}.x-input-number--large[data-v-1e526c97]{--btn-width: 2.375rem;--icon-size: 1rem;--input-min-width: 3.75rem;--font-size: 1rem;--suffix-font-size: .875rem;height:2.75rem;border-radius:.875rem}.x-input-number__btn[data-v-1e526c97]{display:flex;justify-content:center;align-items:center;width:var(--btn-width);height:100%;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.x-input-number__btn svg[data-v-1e526c97]{width:var(--icon-size);height:var(--icon-size)}.x-input-number__btn[data-v-1e526c97]:disabled{cursor:not-allowed;opacity:.3}.x-input-number__btn[data-v-1e526c97]:hover:not(:disabled){background:var(--neu-shadow-light);color:var(--color-text-primary)}.x-input-number__btn[data-v-1e526c97]:active:not(:disabled){background:var(--neu-shadow-dark)}.x-input-number__btn--minus[data-v-1e526c97]{border-radius:.75rem 0 0 .75rem}.x-input-number__btn--plus[data-v-1e526c97]{border-radius:0 .75rem .75rem 0}.x-input-number__input-wrapper[data-v-1e526c97]{display:flex;justify-content:center;align-items:center;height:100%;padding:0 .25rem;gap:.125rem}.x-input-number__input[data-v-1e526c97]{width:auto;min-width:var(--input-min-width);max-width:5rem;border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size);font-family:inherit;text-align:center;outline:none}.x-input-number__input[data-v-1e526c97]:disabled{cursor:not-allowed}.x-input-number__input[data-v-1e526c97]::-moz-placeholder{color:var(--color-text-tertiary)}.x-input-number__input[data-v-1e526c97]::placeholder{color:var(--color-text-tertiary)}.x-input-number__suffix[data-v-1e526c97]{color:var(--color-text-secondary);font-size:var(--suffix-font-size);white-space:nowrap}.x-color-picker[data-v-f07e28f1]{display:flex;gap:1rem}.x-color-picker__left[data-v-f07e28f1]{display:flex;flex-direction:column;gap:.75rem}.x-color-picker__saturation[data-v-f07e28f1]{position:relative;width:12.5rem;height:10rem;border-radius:.5rem;cursor:crosshair;box-shadow:inset .125rem .125rem .25rem var(--neu-shadow-dark, #d1d9e6),inset -.125rem -.125rem .25rem var(--neu-shadow-light, #fff)}.x-color-picker__saturation-white[data-v-f07e28f1]{position:absolute;inset:0;border-radius:.5rem;background:linear-gradient(to right,#fff,transparent)}.x-color-picker__saturation-black[data-v-f07e28f1]{position:absolute;inset:0;border-radius:.5rem;background:linear-gradient(to top,#000,transparent)}.x-color-picker__saturation-cursor[data-v-f07e28f1]{position:absolute;width:.875rem;height:.875rem;border:.125rem solid #fff;border-radius:50%;box-shadow:0 0 .25rem #0000004d,inset 0 0 .125rem #0003;transform:translate(-50%,-50%);pointer-events:none}.x-color-picker__hue[data-v-f07e28f1]{position:relative;width:12.5rem;height:.75rem;border-radius:.375rem;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer;box-shadow:inset .125rem .125rem .25rem var(--neu-shadow-dark, #d1d9e6),inset -.125rem -.125rem .25rem var(--neu-shadow-light, #fff)}.x-color-picker__hue-cursor[data-v-f07e28f1]{position:absolute;top:50%;width:1rem;height:1rem;border:.125rem solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 .25rem #0000004d,.125rem .125rem .25rem var(--neu-shadow-dark, #d1d9e6);transform:translate(-50%,-50%);pointer-events:none}.x-color-picker__preview[data-v-f07e28f1]{display:flex;gap:.5rem;align-items:center}.x-color-picker__preview-color[data-v-f07e28f1]{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.5rem;box-shadow:.125rem .125rem .25rem var(--neu-shadow-dark, #d1d9e6),-.125rem -.125rem .25rem var(--neu-shadow-light, #fff)}.x-color-picker__preview-input[data-v-f07e28f1]{width:5rem;height:2.25rem;padding:0 .625rem;border:none;border-radius:.5rem;background:var(--neu-bg, #ecf0f3);box-shadow:inset .125rem .125rem .25rem var(--neu-shadow-dark, #d1d9e6),inset -.125rem -.125rem .25rem var(--neu-shadow-light, #fff);color:var(--color-text-primary, #333);font-family:JetBrains Mono,monospace;font-size:.75rem;text-align:center;text-transform:uppercase;outline:none}.x-color-picker__preview-input[data-v-f07e28f1]:focus{box-shadow:inset .1875rem .1875rem .375rem var(--neu-shadow-dark, #d1d9e6),inset -.1875rem -.1875rem .375rem var(--neu-shadow-light, #fff)}.x-color-picker__right[data-v-f07e28f1]{display:flex;flex-direction:column;gap:1rem;min-width:6.25rem}.x-color-picker__section[data-v-f07e28f1]{display:flex;flex-direction:column;gap:.5rem}.x-color-picker__section-title[data-v-f07e28f1]{color:var(--color-text-secondary, #666);font-size:.6875rem;font-weight:500}.x-color-picker__colors[data-v-f07e28f1]{display:flex;flex-wrap:wrap;gap:.375rem;max-width:7.5rem}.x-color-picker__color-item[data-v-f07e28f1]{width:1.25rem;height:1.25rem;border-radius:.25rem;cursor:pointer;box-shadow:1px 1px .125rem var(--neu-shadow-dark, #d1d9e6),-1px -1px .125rem var(--neu-shadow-light, #fff);transition:transform .15s ease}.x-color-picker__color-item[data-v-f07e28f1]:hover{transform:scale(1.15)}.x-color-picker__color-item--active[data-v-f07e28f1]{box-shadow:0 0 0 .125rem var(--neu-bg, #ecf0f3),0 0 0 .25rem var(--color-primary, #3b82f6)}.effect-config-panel[data-v-7288a726]{padding:1rem}.config-items[data-v-7288a726]{display:flex;flex-direction:column;gap:.75rem}.config-item[data-v-7288a726]{display:flex;flex-direction:column;gap:.375rem}.item-label[data-v-7288a726]{display:flex;flex-direction:column;color:#ffffffb3;font-size:.75rem;gap:.125rem}.item-label .item-desc[data-v-7288a726]{color:#fff6;font-size:.625rem}.item-control[data-v-7288a726]{display:flex;align-items:center;gap:.5rem}.number-control input[type=range][data-v-7288a726]{flex:1;height:.25rem;cursor:pointer;background:#fff3;border-radius:.125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.number-control input[type=range][data-v-7288a726]::-webkit-slider-thumb{width:.875rem;height:.875rem;border:none;background:#00d4ff;cursor:pointer;border-radius:50%;-webkit-appearance:none;appearance:none}.number-control .value-display[data-v-7288a726]{color:#fff9;font-size:.6875rem;text-align:right;min-width:3.125rem}.color-control input[type=color][data-v-7288a726]{width:2rem;height:1.5rem;padding:0;border:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;border-radius:.25rem}.color-control input[type=color][data-v-7288a726]::-webkit-color-swatch-wrapper{padding:.125rem}.color-control input[type=color][data-v-7288a726]::-webkit-color-swatch{border:none;border-radius:.125rem}.color-control .color-value[data-v-7288a726]{color:#ffffff80;font-size:.6875rem;font-family:monospace}.select-control select[data-v-7288a726]{padding:.375rem .5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffe6;font-size:.75rem;flex:1;cursor:pointer;border-radius:.25rem}.select-control select[data-v-7288a726]:focus{border-color:#00d4ff;outline:none}.select-control select option[data-v-7288a726]{background:#fff;color:#333}.color-list-control .color-list[data-v-7288a726]{display:flex;flex-wrap:wrap;gap:.375rem}.color-list-control .color-item[data-v-7288a726]{position:relative}.color-list-control .color-item input[type=color][data-v-7288a726]{width:1.75rem;height:1.75rem;padding:0;border:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;border-radius:.25rem}.color-list-control .color-item input[type=color][data-v-7288a726]::-webkit-color-swatch-wrapper{padding:.125rem}.color-list-control .color-item input[type=color][data-v-7288a726]::-webkit-color-swatch{border:none;border-radius:.125rem}.color-list-control .color-item .remove-color[data-v-7288a726]{position:absolute;top:-.25rem;right:-.25rem;display:flex;justify-content:center;align-items:center;width:.875rem;height:.875rem;padding:0;border:none;background:#f44;color:#fff;font-size:.625rem;line-height:1;cursor:pointer;border-radius:50%}.color-list-control .color-item .remove-color[data-v-7288a726]:hover{background:#f66}.color-list-control .add-color[data-v-7288a726]{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;border:1px dashed rgba(255,255,255,.3);background:#ffffff1a;color:#ffffff80;font-size:1rem;cursor:pointer;border-radius:.25rem}.color-list-control .add-color[data-v-7288a726]:hover{background:#fff3;color:#ffffffe6}.canvas-config[data-v-5a85c222]{display:flex;height:100%;gap:1rem}.effect-sidebar[data-v-5a85c222]{display:flex;flex-direction:column;width:8.75rem;flex-shrink:0;border-radius:.625rem;background:#ffffff08}.sidebar-header[data-v-5a85c222]{padding:.75rem .875rem;color:#ffffff80;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06)}.effect-list[data-v-5a85c222]{flex:1;padding:.375rem;overflow-y:auto}.effect-name[data-v-5a85c222]{color:#fffc;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effect-item[data-v-5a85c222]{display:flex;align-items:center;padding:.625rem .75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.effect-item[data-v-5a85c222]:hover{background:#ffffff0f}.effect-item.active[data-v-5a85c222]{background:linear-gradient(135deg,#6366f140,#8b5cf633);box-shadow:inset 0 0 0 1px #6366f14d}.effect-item.active .effect-name[data-v-5a85c222]{color:#a5b4fc;font-weight:500}.config-main[data-v-5a85c222]{flex:1;min-width:0;display:flex;flex-direction:column;border-radius:.625rem;background:#ffffff08;overflow:hidden}.config-header[data-v-5a85c222]{padding:.875rem 1.125rem;border-bottom:1px solid rgba(255,255,255,.06)}.config-header h3[data-v-5a85c222]{margin:0;color:#ffffffe6;font-size:.9375rem;font-weight:600}.config-header .config-desc[data-v-5a85c222]{display:block;color:#ffffff73;font-size:.75rem;margin-top:.25rem}.no-config[data-v-5a85c222]{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ffffff59;flex:1;gap:.625rem}.no-config-icon[data-v-5a85c222]{font-size:2rem;opacity:.6}.no-config-text[data-v-5a85c222]{font-size:.8125rem}[data-v-5a85c222] .effect-config-panel{flex:1;overflow-y:auto;border:none;border-radius:0;background:transparent}.import-menu[data-v-fdd3568c]{position:absolute;top:calc(100% + .5rem);right:0;z-index:100;min-width:13.75rem;padding:.5rem;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;background:#1a1a24;box-shadow:0 .5rem 2rem #00000080}.menu-item[data-v-fdd3568c]{display:flex;gap:.625rem;align-items:center;width:100%;padding:.625rem .75rem;border:none;border-radius:.5rem;background:transparent;color:#fffc;font-size:.8125rem;text-align:left;cursor:pointer;transition:all .15s}.menu-item[data-v-fdd3568c]:hover{background:#ffffff1a;color:#fff}.menu-item .menu-icon[data-v-fdd3568c]{font-size:1rem}.menu-divider[data-v-fdd3568c]{height:1px;margin:.5rem 0;background:#ffffff1a}.dialog-overlay[data-v-a68fb9d5]{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;background:#0009;backdrop-filter:blur(.25rem)}.dialog[data-v-a68fb9d5]{width:30rem;max-width:90vw;border:1px solid rgba(255,255,255,.15);border-radius:1rem;background:#1a1a24;box-shadow:0 1rem 4rem #00000080}.dialog-header[data-v-a68fb9d5]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.dialog-header h4[data-v-a68fb9d5]{margin:0;color:#fff;font-size:1rem;font-weight:600}.dialog-close[data-v-a68fb9d5]{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;border:none;border-radius:.375rem;background:transparent;color:#fff9;font-size:1.25rem;cursor:pointer}.dialog-close[data-v-a68fb9d5]:hover{background:#ffffff1a;color:#fff}.dialog-body[data-v-a68fb9d5]{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.dialog-item[data-v-a68fb9d5]{display:flex;flex-direction:column;gap:.5rem}.dialog-item label[data-v-a68fb9d5]{color:#ffffffb3;font-size:.8125rem}.dialog-item input[data-v-a68fb9d5]{padding:.625rem .875rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#0006;color:#fff;font-size:.8125rem}.dialog-item input[data-v-a68fb9d5]:focus{border-color:#0cf;outline:none}.dialog-item input[data-v-a68fb9d5]::-moz-placeholder{color:#ffffff4d}.dialog-item input[data-v-a68fb9d5]::placeholder{color:#ffffff4d}.dialog-preview .preview-label[data-v-a68fb9d5]{margin-bottom:.5rem;color:#ffffffb3;font-size:.8125rem}.preview-grid[data-v-a68fb9d5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.75rem,1fr));gap:.5rem;max-height:9.375rem;overflow-y:auto;padding:.75rem;border-radius:.5rem;background:#0000004d}.preview-item[data-v-a68fb9d5]{position:relative;aspect-ratio:16/9;border-radius:.25rem;background:#0006;overflow:hidden}.preview-item img[data-v-a68fb9d5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-item .frame-index[data-v-a68fb9d5]{position:absolute;right:.125rem;bottom:.125rem;padding:1px .25rem;border-radius:.1875rem;background:#000000b3;color:#fff;font-size:.625rem}.preview-empty[data-v-a68fb9d5]{display:flex;justify-content:center;align-items:center;grid-column:1/-1;padding:1.25rem;color:#fff6;font-size:.8125rem}.dialog-footer[data-v-a68fb9d5]{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.dialog-btn[data-v-a68fb9d5]{padding:.625rem 1.25rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0d;color:#ffffffb3;font-size:.8125rem;cursor:pointer;transition:all .2s}.dialog-btn[data-v-a68fb9d5]:disabled{opacity:.4;cursor:not-allowed}.dialog-btn[data-v-a68fb9d5]:hover:not(:disabled){background:#ffffff1a;color:#fff}.dialog-btn.primary[data-v-a68fb9d5]{border-color:#0cf;background:#0cf;color:#000;font-weight:500}.dialog-btn.primary[data-v-a68fb9d5]:hover:not(:disabled){background:#5df}.gif-config[data-v-aba13669]{display:flex;height:100%;gap:1rem}.effect-sidebar[data-v-aba13669]{display:flex;flex-direction:column;width:25rem;flex-shrink:0;border-radius:.625rem;background:#ffffff08}.sidebar-header[data-v-aba13669]{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.75rem .875rem;color:#ffffff80;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06)}.add-btn[data-v-aba13669]{display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:.375rem;background:#00c8ff26;color:#0cf;cursor:pointer;transition:all .2s}.add-btn[data-v-aba13669]:hover{background:#00c8ff40}.effect-list[data-v-aba13669]{flex:1;padding:.375rem;overflow-y:auto}.effect-type[data-v-aba13669]{padding:.125rem .375rem;border-radius:.25rem;background:#ffffff14;color:#ffffff80;font-size:.625rem}.effect-name[data-v-aba13669]{color:#fffc;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effect-item[data-v-aba13669]{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.effect-item[data-v-aba13669]:hover{background:#ffffff0f}.effect-item.active[data-v-aba13669]{background:linear-gradient(135deg,#6366f140,#8b5cf633);box-shadow:inset 0 0 0 1px #6366f14d}.effect-item.active .effect-name[data-v-aba13669]{color:#a5b4fc;font-weight:500}.empty-state[data-v-aba13669]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#ffffff59;gap:.5rem;min-height:6.25rem}.empty-icon[data-v-aba13669]{font-size:1.5rem;opacity:.6}.empty-text[data-v-aba13669]{font-size:.75rem}.config-main[data-v-aba13669]{flex:1;min-width:0;display:flex;flex-direction:column;border-radius:.625rem;background:#ffffff08;overflow:hidden}.config-header[data-v-aba13669]{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.125rem;border-bottom:1px solid rgba(255,255,255,.06)}.config-header h3[data-v-aba13669]{margin:0;color:#ffffffe6;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions[data-v-aba13669]{display:flex;gap:.375rem}.icon-btn[data-v-aba13669]{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:.375rem;background:#ffffff14;color:#fff9;cursor:pointer;transition:all .15s}.icon-btn[data-v-aba13669]:hover{background:#ffffff26;color:#fff}.icon-btn.danger[data-v-aba13669]:hover{background:#f443;color:#f55}.config-content[data-v-aba13669]{display:flex;flex-direction:column;padding:1rem;flex:1;gap:1rem;overflow-y:auto}.config-item[data-v-aba13669]{display:flex;flex-direction:column;gap:.5rem}.item-label[data-v-aba13669]{color:#fff9;font-size:.75rem}.fit-mode-group[data-v-aba13669]{display:flex;gap:.25rem;padding:.1875rem;border-radius:.5rem;background:#0003}.fit-btn[data-v-aba13669]{flex:1;padding:.5rem .75rem;border:none;border-radius:.375rem;background:transparent;color:#ffffff80;font-size:.75rem;cursor:pointer;transition:all .15s}.fit-btn[data-v-aba13669]:hover{color:#fffc}.fit-btn.active[data-v-aba13669]{background:#0cf;color:#000;font-weight:500}.slider-row[data-v-aba13669]{display:flex;align-items:center;gap:.75rem}.slider[data-v-aba13669]{flex:1;height:.25rem;border-radius:.125rem;background:#ffffff26;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider[data-v-aba13669]::-webkit-slider-thumb{width:.875rem;height:.875rem;border:none;border-radius:50%;background:#0cf;-webkit-appearance:none;appearance:none;cursor:pointer}.slider-value[data-v-aba13669]{min-width:2.5rem;color:#fff9;font-size:.75rem;text-align:right}.no-selection[data-v-aba13669]{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ffffff59;flex:1;gap:.625rem}.no-selection-icon[data-v-aba13669]{font-size:2rem;opacity:.6}.no-selection-text[data-v-aba13669]{font-size:.8125rem}[data-v-aba13669] .import-menu{top:100%;right:0;left:auto;margin-top:.25rem}.effects-panel[data-v-108345e7]{display:flex;height:100%;gap:1rem}.config-main[data-v-108345e7]{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.config-main>.canvas-config[data-v-108345e7],.config-main>.gif-config[data-v-108345e7],.config-main>.music-config[data-v-108345e7],.config-main>.screen-config[data-v-108345e7]{flex:1;min-height:0}.global-speed-bar[data-v-108345e7]{display:flex;align-items:center;padding:.75rem 1rem;border:1px solid rgba(99,102,241,.15);background:linear-gradient(135deg,#6366f114,#8b5cf60f);gap:.75rem;border-radius:.625rem;flex-shrink:0}.speed-icon[data-v-108345e7]{font-size:1rem}.speed-label[data-v-108345e7]{color:#ffffffb3;font-size:.8125rem;font-weight:500;white-space:nowrap}.speed-slider[data-v-108345e7]{flex:1;height:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1f;border-radius:.1875rem;cursor:pointer}.speed-slider[data-v-108345e7]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 .125rem .375rem #6366f166;-webkit-transition:transform .15s ease;transition:transform .15s ease}.speed-slider[data-v-108345e7]::-webkit-slider-thumb:hover{transform:scale(1.1)}.speed-slider[data-v-108345e7]::-moz-range-thumb{width:1rem;height:1rem;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 .125rem .375rem #6366f166}.speed-value[data-v-108345e7]{color:#a5b4fc;font-size:.8125rem;font-weight:600;min-width:2.5rem;text-align:right}.device-mapping-panel[data-v-1cc6e5d3]{display:flex;flex-direction:column;height:100%;gap:.75rem}.panel-header[data-v-1cc6e5d3]{display:flex;justify-content:space-between;align-items:center}.panel-header h3[data-v-1cc6e5d3]{margin:0;color:#fff;font-size:.9375rem;font-weight:600}.panel-header .device-count[data-v-1cc6e5d3]{padding:.125rem .5rem;border-radius:.625rem;background:#00c8ff26;color:#0cf;font-size:.6875rem}.mode-switcher[data-v-1cc6e5d3]{display:flex;gap:.5rem}.mode-btn[data-v-1cc6e5d3]{display:flex;flex:1;gap:.375rem;justify-content:center;align-items:center;padding:.625rem;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;background:#ffffff0d;color:#fff9;font-size:.8125rem;cursor:pointer;transition:all .2s}.mode-btn[data-v-1cc6e5d3]:hover{background:#ffffff1a;color:#fffc}.mode-btn.active[data-v-1cc6e5d3]{border-color:#0cf;background:#00c8ff26;color:#0cf}.mode-btn svg[data-v-1cc6e5d3]{opacity:.8}.mode-hint[data-v-1cc6e5d3]{padding:.5rem .75rem;border-radius:.375rem;background:#ffffff0d;color:#ffffff80;font-size:.75rem}.device-list[data-v-1cc6e5d3]{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto}.empty-state[data-v-1cc6e5d3]{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center;height:9.375rem;padding:1.5rem;border:.125rem dashed rgba(255,255,255,.12);border-radius:.625rem}.empty-state .empty-icon[data-v-1cc6e5d3]{font-size:2rem;opacity:.5}.empty-state .empty-text[data-v-1cc6e5d3]{color:#ffffff80;font-size:.875rem}.empty-state .empty-hint[data-v-1cc6e5d3]{color:#ffffff4d;font-size:.75rem}.device-card[data-v-1cc6e5d3]{display:flex;gap:.75rem;align-items:center;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:.625rem;background:#ffffff0d;cursor:pointer;transition:all .2s}.device-card[data-v-1cc6e5d3]:hover{border-color:#fff3;background:#ffffff14}.device-card.selected[data-v-1cc6e5d3]{border-color:#0cf;background:#00c8ff1a}.device-card .color-indicator[data-v-1cc6e5d3]{flex-shrink:0;width:.25rem;height:2.25rem;border-radius:.125rem}.device-card.disabled[data-v-1cc6e5d3]{opacity:.5}.device-card.disabled .color-indicator[data-v-1cc6e5d3]{filter:grayscale(1)}.device-info[data-v-1cc6e5d3]{flex:1;min-width:0}.device-name[data-v-1cc6e5d3]{overflow:hidden;color:#fff;font-size:.8125rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.device-meta[data-v-1cc6e5d3]{display:flex;gap:.5rem;margin-top:.25rem;color:#ffffff80;font-size:.6875rem}.device-meta .light-area[data-v-1cc6e5d3]{padding:1px .375rem;border-radius:.25rem;background:#ffffff14}.device-meta .selection-info[data-v-1cc6e5d3]{font-family:Consolas,monospace}.device-meta .selection-info.default[data-v-1cc6e5d3]{color:#ffffff59}.device-actions[data-v-1cc6e5d3]{display:flex;flex-shrink:0;gap:.25rem}.action-btn[data-v-1cc6e5d3]{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:.375rem;background:transparent;color:#fff6;cursor:pointer;transition:all .2s}.action-btn[data-v-1cc6e5d3]:hover{background:#ffffff1a;color:#ffffffb3}.toggle-btn.enabled[data-v-1cc6e5d3]{color:#10b981}.toggle-btn.enabled[data-v-1cc6e5d3]:hover{background:#10b98126}.reset-btn[data-v-1cc6e5d3]:hover{background:#00c8ff26;color:#0cf}.panel-footer[data-v-1cc6e5d3]{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.footer-btn[data-v-1cc6e5d3]{display:flex;gap:.375rem;justify-content:center;align-items:center;width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;background:transparent;color:#ffffff80;font-size:.75rem;cursor:pointer;transition:all .2s}.footer-btn[data-v-1cc6e5d3]:hover{border-color:#fff3;background:#ffffff0d;color:#ffffffb3}.config-area[data-v-112251a8]{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:#14141c99}.config-content[data-v-112251a8]{display:flex;flex:1;min-height:0;overflow:hidden}.effects-section[data-v-112251a8]{flex:1;min-width:0;padding:1rem;overflow:hidden}.effects-section[data-v-112251a8] .effects-panel{height:100%}.device-mapping-section[data-v-112251a8]{position:relative;display:flex;flex-shrink:0;width:17.5rem;border-left:1px solid rgba(255,255,255,.08);background:#0003;transition:width .3s ease}.device-mapping-section.collapsed[data-v-112251a8]{width:2.5rem}.toggle-btn[data-v-112251a8]{position:absolute;top:.75rem;left:-.75rem;z-index:10;display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#1e1e28;color:#fff9;cursor:pointer;transition:all .2s}.toggle-btn[data-v-112251a8]:hover{border-color:#0cf;background:#00c8ff26;color:#0cf}.device-mapping-content[data-v-112251a8]{flex:1;min-width:0;padding:1rem;overflow:hidden}.lightor[data-v-2fd641a0]{display:flex;flex-direction:column;width:100%;height:100%;gap:1rem;padding:1rem;overflow:hidden}.lightor__preview[data-v-2fd641a0]{flex-shrink:0}.lightor__config[data-v-2fd641a0]{flex:1;min-height:0;overflow:hidden}.app-layout[data-v-f9d6c5e6]{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background:var(--neu-bg)}.app-layout__header[data-v-f9d6c5e6]{position:relative;z-index:100;flex-shrink:0;width:100%;height:3rem}.app-layout__content[data-v-f9d6c5e6]{position:relative;z-index:10;display:flex;flex:1;width:100%;height:calc(100vh - 3rem);overflow:hidden}.app-layout__menu[data-v-f9d6c5e6]{flex-shrink:0;width:6.25rem;height:100%;overflow:hidden;transition:width .3s ease}.app-layout__software[data-v-f9d6c5e6]{flex:1;height:100%;overflow:hidden}.route-page[data-v-f9d6c5e6]{width:100%;height:100%}.fade-enter-active[data-v-f9d6c5e6],.fade-leave-active[data-v-f9d6c5e6]{transition:opacity .2s ease}.fade-enter-from[data-v-f9d6c5e6],.fade-leave-to[data-v-f9d6c5e6]{opacity:0}