:root{--gray-50: #fafbfd;--gray-50-rgb: 250, 251, 253;--gray-100: #f6f7f9;--gray-100-rgb: 246, 247, 249;--gray-200: #e8e8ea;--gray-200-rgb: 232, 232, 234;--gray-300: #c1c2c7;--gray-300-rgb: 193, 194, 199;--gray-400: #a3bac6;--gray-400-rgb: 163, 186, 198;--gray-500: #90969a;--gray-500-rgb: 144, 150, 154;--gray-600: #122c3f;--gray-600-rgb: 18, 44, 63;--gray-700: #011a22;--gray-700-rgb: 1, 26, 34;--gray-800: #1f1f21;--gray-800-rgb: 31, 31, 33;--gray-850: #0a0a0b;--gray-850-rgb: 10, 10, 11;--gray-900: #161617;--gray-900-rgb: 22, 22, 23;--gray-950: #c6c6c6;--gray-950-rgb: 198, 198, 198;--blue-50: #fafeff;--blue-50-rgb: 250, 254, 255;--blue-100: #ebf1fc;--blue-100-rgb: 235, 241, 252;--blue-200: #e2e5ed;--blue-200-rgb: 226, 229, 237;--blue-300: #f7f8fa;--blue-300-rgb: 247, 248, 250;--blue-500: #116af8;--blue-500-rgb: 17, 106, 248;--blue-600: #075cde;--blue-600-rgb: 7, 92, 222;--amber-50: #fffbeb;--amber-50-rgb: 255, 251, 235;--amber-300: #fcd34d;--amber-300-rgb: 252, 211, 77;--amber-400: #f59e0b;--amber-400-rgb: 245, 158, 11;--amber-500: #f27500;--amber-500-rgb: 242, 117, 0;--amber-600: #e37102;--amber-600-rgb: 227, 113, 2;--amber-700: #78350f;--amber-700-rgb: 120, 53, 15;--amber-800: #ffc169;--amber-800-rgb: 255, 193, 105;--purple-50: #ddd6fe;--purple-50-rgb: 221, 214, 254;--purple-300: #c4b5fd;--purple-300-rgb: 196, 181, 253;--purple-500: #8b5cf6;--purple-500-rgb: 139, 92, 246;--purple-700: #7c3aed;--purple-700-rgb: 124, 58, 237;--purple-900: #1e1b4b;--purple-900-rgb: 30, 27, 75;--red-500: #d65049;--red-500-rgb: 214, 80, 73;--red-600: #d04c45;--red-600-rgb: 208, 76, 69;--green-400: #0ad688;--green-400-rgb: 10, 214, 136;--green-500: #0ec07c;--green-500-rgb: 14, 192, 124;--white: #ffffff;--white-rgb: 255, 255, 255;--surface-primary: var(--white);--surface-secondary: var(--gray-50);--surface-tertiary: var(--gray-100);--surface-overlay: rgba(var(--gray-800-rgb), .08);--text-primary: rgb(var(--gray-600-rgb));--text-secondary: rgba(var(--gray-600-rgb), .7);--text-tertiary: rgba(var(--gray-600-rgb), .6);--text-tertiary2: rgba(var(--gray-600-rgb), .5);--text-disabled: var(--gray-500);--text-inverse: var(--white);--border-primary: var(--gray-200);--border-secondary: rgba(var(--blue-500-rgb), .12);--border-accent: var(--amber-300);--border-focus: var(--blue-500);--hover-surface: var(--gray-100);--active-surface: var(--gray-200);--focus-ring: rgba(var(--blue-500-rgb), .08);--primary: var(--blue-500);--primary-hover: var(--blue-600);--primary-light: var(--blue-100);--primary-bg: var(--blue-50);--secondary: var(--amber-300);--secondary-hover: var(--amber-400);--secondary-light: var(--amber-50);--accent: var(--purple-500);--accent-hover: var(--purple-700);--accent-light: var(--purple-50);--accent-bg: var(--purple-900);--success: var(--green-500);--success-light: var(--green-400);--warning: var(--amber-500);--warning-light: var(--amber-600);--error: var(--red-500);--error-light: var(--red-600);--info: var(--blue-500);--shadow-sm: 0 1px 2px rgba(var(--gray-700-rgb), .05);--shadow-md: 0 4px 6px rgba(var(--gray-700-rgb), .1);--shadow-lg: 0 10px 15px rgba(var(--gray-700-rgb), .1);--shadow-xl: 0 20px 25px rgba(var(--gray-700-rgb), .15);--shadow-primary: 0 2px 8px rgba(var(--blue-500-rgb), .02), 0 -3px 5px -2px rgba(var(--blue-500-rgb), .04), 0 1px 5px rgba(var(--blue-500-rgb), .04);--shadow-primary-lg: 0 2px 4px rgba(var(--blue-500-rgb), .06), 0 -4px 8px 4px rgba(var(--blue-500-rgb), .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--container-padding: var(--space-8) var(--space-12);--container-gutter: 1.875rem;--container-gap: var(--space-5);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-13: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-code: "SF Mono", "Monaco", "Menlo", monospace;--modal-width-sm: 28rem;--modal-width-md: 34rem;--modal-width-lg: 40rem;--modal-width-xl: 48rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem}[data-theme=dark]{--surface-primary: var(--gray-850);--surface-secondary: var(--gray-900);--surface-tertiary: var(--gray-800);--text-primary: var(--gray-950);--text-secondary: var(--gray-950);--text-tertiary: var(--gray-500);--text-tertiary2: var(--gray-300);--hover-surface: #2a2a2d;--active-surface: #323235;--border-primary: var(--gray-800)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface-primary: var(--gray-850);--surface-secondary: var(--gray-900);--surface-tertiary: var(--gray-800);--text-primary: var(--white);--text-secondary: var(--gray-950);--text-tertiary: var(--gray-500);--text-tertiary2: var(--gray-300);--hover-surface: #242427;--active-surface: #2d2d30;--border-primary: var(--gray-800)}}.modal-overlay[data-v-e26f7413]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-e26f7413]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:800px;width:90%;max-height:80vh;overflow:hidden}.modal-header[data-v-e26f7413]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #dadce0}.header-actions[data-v-e26f7413]{display:flex;align-items:center;gap:12px}.upload-btn[data-v-e26f7413]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #4285f4;border-radius:4px;background:#fff;color:#4285f4;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;z-index:1001}.upload-btn[data-v-e26f7413]:hover{background:#e8f0fe;border-color:#3367d6;color:#3367d6}.modal-header h3[data-v-e26f7413]{margin:0;font-size:18px;font-weight:500;color:#202124}.modal-close[data-v-e26f7413]{background:none;border:none;padding:8px;border-radius:50%;cursor:pointer;color:#5f6368}.modal-close[data-v-e26f7413]:hover{background-color:#f1f3f4}.modal-body[data-v-e26f7413]{padding:24px;overflow-y:auto;max-height:calc(80vh - 140px)}.gallery-grid[data-v-e26f7413]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-item[data-v-e26f7413]{position:relative;border:2px solid #dadce0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}.image-item[data-v-e26f7413]:hover{border-color:#4285f4;transform:translateY(-2px);box-shadow:0 4px 12px #4285f433}.image-item.selected[data-v-e26f7413]{border-color:#4285f4;background-color:#e8f0fe}.gallery-image[data-v-e26f7413]{width:100%;height:150px;object-fit:cover;display:block}.image-overlay[data-v-e26f7413]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:12px;color:#fff}.image-name[data-v-e26f7413]{font-size:12px;font-weight:500;display:block}.modal-footer[data-v-e26f7413]{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;border-top:1px solid #dadce0;background:#f8f9fa}.cancel-btn[data-v-e26f7413],.select-btn[data-v-e26f7413]{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #dadce0;transition:all .2s ease;min-width:80px;text-align:center}.cancel-btn[data-v-e26f7413]{background:#fff;color:#5f6368;border-color:#dadce0}.cancel-btn[data-v-e26f7413]:hover{background:#f1f3f4;border-color:#c4c7c5}.select-btn[data-v-e26f7413]{background:#4285f4;color:#fff;border-color:#4285f4;box-shadow:0 1px 2px #0000001a}.select-btn[data-v-e26f7413]:hover:not(:disabled){background:#3367d6;border-color:#3367d6;box-shadow:0 1px 3px #0003}.select-btn[data-v-e26f7413]:disabled{background:#dadce0;color:#9aa0a6;border-color:#dadce0;cursor:not-allowed;box-shadow:none}.base-image-input[data-v-c47339fe]{display:flex;flex-direction:column;gap:var(--space-2)}.input-label[data-v-c47339fe]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.required-indicator[data-v-c47339fe]{color:var(--error)}.input-description[data-v-c47339fe]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:calc(-1 * var(--space-1)) 0 0;font-weight:var(--font-weight-normal)}.empty-state-container[data-v-c47339fe]{position:relative}.file-select-button[data-v-c47339fe]{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);padding:var(--space-8) var(--space-6);min-height:160px;border:1px dashed var(--border-primary);border-radius:var(--radius-xl);background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.file-select-button[data-v-c47339fe]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--blue-500-rgb),.08) 0%,rgba(var(--blue-500-rgb),.03) 50%,transparent 80%);opacity:0;transition:opacity .2s ease}.file-select-button[data-v-c47339fe]:hover:not(.is-disabled){border-color:var(--primary);background:var(--surface-primary);color:var(--primary)}.file-select-button[data-v-c47339fe]:hover:not(.is-disabled):before{opacity:.6}.file-select-button:hover:not(.is-disabled) .icon-container[data-v-c47339fe]{background:rgba(var(--primary-bg),.8);border-color:var(--primary);color:var(--primary)}.file-select-button:hover:not(.is-disabled) .button-text[data-v-c47339fe]{color:var(--primary)}.file-select-button:hover:not(.is-disabled) .button-subtitle[data-v-c47339fe]{color:var(--text-secondary)}.file-select-button.is-disabled[data-v-c47339fe]{opacity:.5;cursor:not-allowed}.icon-container[data-v-c47339fe]{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--surface-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);color:var(--text-tertiary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.text-content[data-v-c47339fe]{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);position:relative;z-index:1}.button-text[data-v-c47339fe]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:color .3s ease}.button-subtitle[data-v-c47339fe]{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-tertiary);transition:color .3s ease}.media-preview-container[data-v-c47339fe]{display:flex;flex-direction:column;gap:var(--space-3)}.media-wrapper[data-v-c47339fe]{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease}.media-wrapper:hover .media-overlay[data-v-c47339fe]{opacity:1}.media-wrapper:hover .preview-media[data-v-c47339fe]{transform:scale(1.05)}.preview-media[data-v-c47339fe]{width:100%;height:100%;transition:transform .2s ease;display:block}.media-overlay[data-v-c47339fe]{position:absolute;inset:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;gap:var(--space-3);opacity:0;transition:opacity .2s ease}.overlay-button[data-v-c47339fe]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:#ffffffe6;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.overlay-button[data-v-c47339fe]:hover:not(:disabled){background:var(--white);transform:scale(1.1)}.overlay-button[data-v-c47339fe]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.overlay-button[data-v-c47339fe]:disabled{opacity:.5;cursor:not-allowed}.remove-button[data-v-c47339fe]:hover:not(:disabled){background:var(--error);color:var(--white)}.change-button[data-v-c47339fe]:hover:not(:disabled){background:var(--primary);color:var(--white)}.file-info[data-v-c47339fe]{display:flex;align-items:center;gap:var(--space-2)}.file-name[data-v-c47339fe]{font-size:var(--font-size-xs);color:var(--text-tertiary);word-break:break-all}.error-message[data-v-c47339fe]{font-size:var(--font-size-xs);color:var(--error);margin:0}.help-text[data-v-c47339fe]{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:all .5s ease}.slide-left-enter-from,.slide-left-leave-to{transform:translate(-100%);opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:all .5s ease}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%);opacity:0}
