:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #1c48a6;--color-primary-700: #1e40af;--color-primary-800: #1e3a8a;--color-primary-900: #1e3a8a;--color-secondary-600: #7096e6;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--text-primary: #12344d;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-inverse: #ffffff;--text-link: #1c48a6;--text-link-hover: #1e40af;--bg-primary: #ffffff;--bg-secondary: #f5f7f9;--bg-tertiary: #ebeff3;--bg-header: #ffffff;--bg-sidebar: #f9fafb;--bg-card: #ffffff;--bg-hover: #f3f4f6;--bg-active: #e5e7eb;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #1c48a6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-overlay-dark: rgba(0, 0, 0, .75);--font-family-sans: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--text-primary: #e8e8e8;--text-secondary: #a8a8a8;--text-tertiary: #888888;--text-inverse: #1a1a1a;--text-link: #60a5fa;--bg-primary: #0d1117;--bg-secondary: #0f172a;--bg-tertiary: #111827;--bg-header: rgba(13, 17, 23, .8);--bg-sidebar: #0f172a;--bg-card: #111827;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .08);--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .15);--border-focus: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .7);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .7), 0 2px 4px -1px rgba(0, 0, 0, .65);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .8), 0 4px 6px -2px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .85), 0 10px 10px -5px rgba(0, 0, 0, .8);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .9)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}img{max-width:100%;display:block}button{font-family:var(--font-family-sans);cursor:pointer;transition:all var(--transition-fast)}button:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #1c48a626}code{font-family:var(--font-family-mono);background:var(--bg-tertiary);color:var(--text-primary);padding:.125rem .35rem;border-radius:var(--radius-sm);font-size:.875rem}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:var(--spacing-3)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);margin-bottom:var(--spacing-4);font-size:1rem}small{font-size:.8125rem;color:var(--text-tertiary)}label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2);display:block}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 var(--spacing-6)}.grid-2-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-8)}.grid-3-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary-600);color:var(--text-inverse);padding:var(--spacing-3) var(--spacing-5);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--spacing-3) var(--spacing-5)}.btn-secondary:hover{background:var(--bg-hover)}.btn-outline{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.btn-outline:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.btn-icon{width:40px;height:40px;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:0}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:.875rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700)}.badge-error{background:var(--color-error-50);color:var(--color-error-700)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.card-header h3{margin:0;font-size:1.25rem}.card-body{display:flex;flex-direction:column;gap:var(--spacing-4)}.card-footer{padding-top:var(--spacing-4);border-top:1px solid var(--border-primary);margin-top:var(--spacing-4);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.form-control{width:100%;padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);transition:border var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--border-focus)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-hint{font-size:.875rem;color:var(--text-tertiary)}.checkbox{display:flex;align-items:flex-start;gap:var(--spacing-3);font-size:.95rem;color:var(--text-secondary)}.checkbox input{margin-top:.2rem}.divider{height:1px;background:var(--border-primary);width:100%;margin:var(--spacing-6) 0}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-secondary)}.table th{padding:var(--spacing-4);text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.table td{padding:var(--spacing-4);border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.table tbody tr:hover{background:var(--bg-hover)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.hidden{display:none}.fade-in{animation:fadeIn var(--transition-base) ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--transition-slow) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){html{font-size:14px}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{width:100%}}:root{font-family:var(--font-family-sans)}body{background:var(--bg-secondary);color:var(--text-primary)}#app{min-height:100vh;background:var(--bg-secondary)}main{margin:0;padding:0}.toast-container[data-v-eda113c7]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast[data-v-eda113c7]{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;box-shadow:0 4px 20px #00000026;background:#fff;animation:slideIn-eda113c7 .3s ease}.toast-exit[data-v-eda113c7]{animation:slideOut-eda113c7 .3s ease forwards}@keyframes slideIn-eda113c7{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-eda113c7{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-icon[data-v-eda113c7]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.toast-message[data-v-eda113c7]{flex:1;font-size:14px;color:#333;line-height:1.4}.toast-close[data-v-eda113c7]{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.toast-close[data-v-eda113c7]:hover{color:#666}.toast-success[data-v-eda113c7]{border-left:4px solid #10b981}.toast-success .toast-icon[data-v-eda113c7]{background:#d1fae5;color:#10b981}.toast-error[data-v-eda113c7]{border-left:4px solid #ef4444}.toast-error .toast-icon[data-v-eda113c7]{background:#fee2e2;color:#ef4444}.toast-warning[data-v-eda113c7]{border-left:4px solid #f59e0b}.toast-warning .toast-icon[data-v-eda113c7]{background:#fef3c7;color:#f59e0b}.toast-info[data-v-eda113c7]{border-left:4px solid #3b82f6}.toast-info .toast-icon[data-v-eda113c7]{background:#dbeafe;color:#3b82f6}.toast-enter-active[data-v-eda113c7],.toast-leave-active[data-v-eda113c7]{transition:all .3s ease}.toast-enter-from[data-v-eda113c7],.toast-leave-to[data-v-eda113c7]{opacity:0;transform:translate(100%)}@media(max-width:480px){.toast-container[data-v-eda113c7]{left:10px;right:10px;max-width:none}}@keyframes fadeIn-942a557c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-942a557c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-942a557c{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-enter-active[data-v-942a557c],.modal-leave-active[data-v-942a557c]{transition:opacity .3s ease}.modal-enter-from[data-v-942a557c],.modal-leave-to[data-v-942a557c]{opacity:0}.modal-enter-active .context-modal__dialog[data-v-942a557c],.modal-leave-active .context-modal__dialog[data-v-942a557c]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.modal-enter-from .context-modal__dialog[data-v-942a557c],.modal-leave-to .context-modal__dialog[data-v-942a557c]{transform:scale(.95) translateY(-20px);opacity:0}.designer-shell[data-v-942a557c]{background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);animation:fadeIn-942a557c .4s ease-out}.container[data-v-942a557c]{width:92%;max-width:1400px;margin:0 auto}.designer-header[data-v-942a557c]{border-bottom:1px solid var(--border-primary);background:var(--bg-primary);position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000d}.header-inner[data-v-942a557c]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0}.logo[data-v-942a557c]{display:flex;gap:var(--spacing-3);align-items:center;color:var(--color-primary-600)}.logo-text[data-v-942a557c]{font-weight:700;font-size:1.05rem;display:block}.logo small[data-v-942a557c]{color:var(--text-tertiary);font-size:.8rem}.header-actions[data-v-942a557c]{display:flex;gap:var(--spacing-2)}.btn-icon[data-v-942a557c]{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon[data-v-942a557c]:hover{background:var(--bg-hover);border-color:var(--color-primary-400)}.intro[data-v-942a557c]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5) 0;animation:slideUp-942a557c .5s ease-out .1s both}.intro h1[data-v-942a557c]{margin:var(--spacing-2) 0 var(--spacing-3);font-size:2rem;font-weight:700;line-height:1.2}.intro p[data-v-942a557c]{color:var(--text-secondary);max-width:600px}.eyebrow[data-v-942a557c]{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700;color:var(--color-primary-600)}.session-meta[data-v-942a557c]{list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-3);color:var(--text-secondary)}.session-meta li[data-v-942a557c]{display:inline-flex;align-items:baseline;gap:var(--spacing-2);font-size:.9rem}.meta-label[data-v-942a557c]{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;color:var(--text-tertiary);font-weight:600}.session-meta strong[data-v-942a557c]{font-size:.95rem;color:var(--text-primary);font-weight:600}.session-meta .variant-code[data-v-942a557c]{font-size:.75rem;font-family:var(--font-family-mono, monospace);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.status-chip[data-v-942a557c]{background:var(--color-gray-100);color:var(--text-secondary);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-full);font-weight:600;font-size:.85rem;white-space:nowrap;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.status-chip[data-status=syncing][data-v-942a557c]{background:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.status-chip[data-status=error][data-v-942a557c]{background:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.designer-main[data-v-942a557c]{padding-bottom:var(--spacing-8);animation:slideUp-942a557c .5s ease-out .2s both}.mockup-card[data-v-942a557c]{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-5);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.mockup-header[data-v-942a557c]{display:flex;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.mockup-header h2[data-v-942a557c]{margin-top:var(--spacing-1);font-size:1.5rem;font-weight:700}.autosave[data-v-942a557c]{margin-top:var(--spacing-2);font-size:.85rem;color:var(--text-tertiary)}.autosave[data-state=saving][data-v-942a557c]{color:var(--color-warning-600)}.autosave[data-state=error][data-v-942a557c]{color:var(--color-error-600)}.autosave[data-state=success][data-v-942a557c]{color:var(--color-success-600)}.mockup-stage[data-v-942a557c]{display:flex;flex-direction:column;gap:var(--spacing-4)}.fpd-wrapper[data-v-942a557c]{position:relative;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-secondary);padding:var(--spacing-3);min-height:500px;transition:border-color .2s ease}.fpd-wrapper[data-v-942a557c]:hover{border-color:var(--color-primary-300)}.fpd-wrapper .fpd-topbar[data-v-942a557c]{width:100%;min-height:460px}.fpd-status[data-v-942a557c]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);pointer-events:none}.fpd-status--error[data-v-942a557c]{color:var(--color-error-600)}.product-not-found[data-v-942a557c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-8);text-align:center;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--border-secondary)}.product-not-found__icon[data-v-942a557c]{color:var(--text-tertiary);margin-bottom:var(--spacing-4);opacity:.6}.product-not-found__title[data-v-942a557c]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-3) 0}.product-not-found__message[data-v-942a557c]{font-size:1rem;color:var(--text-secondary);max-width:400px;margin:0 0 var(--spacing-6) 0;line-height:1.5}.product-not-found__actions[data-v-942a557c]{display:flex;gap:var(--spacing-3)}.save-bar[data-v-942a557c]{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.save-bar strong[data-v-942a557c]{font-size:.95rem;color:var(--text-primary);font-family:var(--font-family-mono)}.manual-status[data-v-942a557c]{margin-top:var(--spacing-1);color:var(--text-tertiary);font-size:.85rem}.manual-status[data-state=error][data-v-942a557c]{color:var(--color-error-600)}.manual-status[data-state=success][data-v-942a557c]{color:var(--color-success-600)}.btn[data-v-942a557c]{border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-5);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-primary[data-v-942a557c]{background:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary[data-v-942a557c]:hover:not(:disabled){background:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary[data-v-942a557c]:disabled{opacity:.5;cursor:not-allowed}.btn-save[data-v-942a557c]{min-width:200px}.saved-designs[data-v-942a557c]{margin-top:var(--spacing-5);border-top:1px solid var(--border-primary);padding-top:var(--spacing-4)}.saved-designs__head[data-v-942a557c]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.saved-designs__error[data-v-942a557c]{color:var(--color-error-600);font-size:.85rem}.saved-designs__grid[data-v-942a557c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-3)}.saved-designs__item[data-v-942a557c]{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-3);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-2);transition:all .2s ease;cursor:pointer}.saved-designs__item[data-v-942a557c]:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.saved-designs__thumb[data-v-942a557c]{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);overflow:hidden;aspect-ratio:4/3}.saved-designs__thumb img[data-v-942a557c]{width:100%;height:100%;object-fit:cover;display:block}.saved-designs__meta[data-v-942a557c]{display:flex;flex-direction:column;gap:2px;color:var(--text-secondary);font-size:.85rem}.saved-designs__meta strong[data-v-942a557c]{color:var(--text-primary);font-size:.9rem}.saved-designs__empty[data-v-942a557c]{color:var(--text-tertiary);font-size:.9rem;padding:var(--spacing-4);text-align:center}.link-btn[data-v-942a557c]{background:none;border:none;color:var(--color-primary-600);cursor:pointer;padding:var(--spacing-1) 0;font-weight:600;font-size:.85rem;transition:color .2s ease}.link-btn[data-v-942a557c]:hover:not(:disabled){color:var(--color-primary-700);text-decoration:underline}.link-btn[data-v-942a557c]:disabled{color:var(--text-tertiary);cursor:not-allowed}.context-modal[data-v-942a557c]{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.context-modal__overlay[data-v-942a557c]{position:absolute;inset:0;background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.context-modal__dialog[data-v-942a557c]{position:relative;width:min(680px,100%);max-height:90vh;overflow-y:auto;background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:var(--spacing-4);border:1px solid var(--border-primary)}.context-modal__header h2[data-v-942a557c]{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-2)}.context-modal__header p[data-v-942a557c]{color:var(--text-secondary)}.context-modal__details-grid[data-v-942a557c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-3)}.context-modal__details-grid label[data-v-942a557c],.context-modal__field[data-v-942a557c]{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:.875rem;color:var(--text-secondary);font-weight:600}.context-modal__details-grid input[data-v-942a557c],.context-modal__field input[data-v-942a557c]{width:100%;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-3);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:border-color .2s ease}.context-modal__field input[data-v-942a557c]:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px #1c48a61a}.context-modal__label[data-v-942a557c]{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2)}.account-type-options[data-v-942a557c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-3)}.account-type-card[data-v-942a557c]{border:2px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-4);background:var(--bg-secondary);text-align:left;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-1)}.account-type-card[data-v-942a557c]:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.account-type-card[data-selected=true][data-v-942a557c]{border-color:var(--color-primary-600);background:var(--color-primary-50);box-shadow:0 0 0 3px #1c48a61a}.account-type-card span[data-v-942a557c]{font-size:1rem;color:var(--text-primary)}.account-type-card small[data-v-942a557c]{color:var(--text-secondary);font-weight:400;font-size:.85rem}.context-modal__actions[data-v-942a557c]{display:flex;justify-content:flex-end;padding-top:var(--spacing-2)}.context-modal__error[data-v-942a557c]{color:var(--color-error-600);font-size:.875rem;margin-top:calc(var(--spacing-1) * -1);font-weight:600}.context-modal__hint[data-v-942a557c]{color:var(--text-tertiary);font-size:.875rem;padding-top:var(--spacing-2);border-top:1px solid var(--border-primary)}@media(max-width:960px){.intro[data-v-942a557c]{flex-direction:column}.intro h1[data-v-942a557c]{font-size:1.75rem}.session-meta[data-v-942a557c]{gap:var(--spacing-3)}.save-bar[data-v-942a557c]{flex-direction:column;align-items:flex-start}.btn-save[data-v-942a557c]{width:100%}.saved-designs__grid[data-v-942a557c]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.context-modal__dialog[data-v-942a557c]{padding:var(--spacing-5)}}@media(max-width:640px){.container[data-v-942a557c]{width:95%}.mockup-card[data-v-942a557c]{padding:var(--spacing-4)}.account-type-options[data-v-942a557c]{grid-template-columns:1fr}.saved-designs__grid[data-v-942a557c]{grid-template-columns:repeat(2,1fr)}}.existing-design-modal[data-v-942a557c]{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.existing-design-modal__overlay[data-v-942a557c]{position:absolute;inset:0;background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.existing-design-modal__dialog[data-v-942a557c]{position:relative;width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:var(--spacing-5);border:1px solid var(--border-primary);text-align:center}.existing-design-modal__header[data-v-942a557c]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.existing-design-modal__icon[data-v-942a557c]{color:var(--color-warning-500);margin-bottom:var(--spacing-2)}.existing-design-modal__header h2[data-v-942a557c]{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.existing-design-modal__header p[data-v-942a557c]{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.existing-design-modal__preview[data-v-942a557c]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);text-align:left}.existing-design-modal__thumb[data-v-942a557c]{width:100px;height:100px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0}.existing-design-modal__thumb img[data-v-942a557c]{width:100%;height:100%;object-fit:cover}.existing-design-modal__meta[data-v-942a557c]{display:flex;flex-direction:column;gap:var(--spacing-1)}.existing-design-modal__product[data-v-942a557c]{font-size:1rem;margin:0}.existing-design-modal__product strong[data-v-942a557c]{color:var(--text-primary)}.existing-design-modal__variant[data-v-942a557c]{font-size:.85rem;color:var(--text-secondary);margin:0}.existing-design-modal__date[data-v-942a557c]{font-size:.8rem;color:var(--text-tertiary);margin:0}.existing-design-modal__actions[data-v-942a557c]{display:flex;flex-direction:column;gap:var(--spacing-3)}.btn-edit-existing[data-v-942a557c]{width:100%;padding:var(--spacing-4);font-size:1rem}.btn-secondary[data-v-942a557c]{background:transparent;border:2px solid var(--border-primary);color:var(--text-primary)}.btn-secondary[data-v-942a557c]:hover{background:var(--bg-hover);border-color:var(--color-primary-400)}.btn-create-new[data-v-942a557c]{width:100%;padding:var(--spacing-3)}.existing-design-modal__note[data-v-942a557c]{font-size:.8rem;color:var(--text-tertiary);margin:0;padding-top:var(--spacing-2);border-top:1px solid var(--border-primary)}@media(max-width:640px){.existing-design-modal__dialog[data-v-942a557c]{padding:var(--spacing-5)}.existing-design-modal__preview[data-v-942a557c]{flex-direction:column;text-align:center}.existing-design-modal__meta[data-v-942a557c]{align-items:center}}.modal-overlay[data-v-9c768439]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px}.modal-content[data-v-9c768439]{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 10px 40px #0003;overflow:hidden}.modal-header[data-v-9c768439]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-9c768439]{margin:0;font-size:1.1rem;color:#1f2937}.modal-close[data-v-9c768439]{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;line-height:1;padding:0}.modal-close[data-v-9c768439]:hover{color:#6b7280}.modal-body[data-v-9c768439]{padding:20px}.modal-body p[data-v-9c768439]{margin:0;color:#4b5563;font-size:.95rem;line-height:1.5}.modal-footer[data-v-9c768439]{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn[data-v-9c768439]{padding:10px 20px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn[data-v-9c768439]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-9c768439]{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.btn-secondary[data-v-9c768439]:hover:not(:disabled){background:#e5e7eb}.btn-primary[data-v-9c768439]{background:#3b82f6;color:#fff}.btn-primary[data-v-9c768439]:hover:not(:disabled){background:#2563eb}.btn-danger[data-v-9c768439]{background:#ef4444;color:#fff}.btn-danger[data-v-9c768439]:hover:not(:disabled){background:#dc2626}.btn-spinner[data-v-9c768439]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9c768439 .7s linear infinite}@keyframes spin-9c768439{to{transform:rotate(360deg)}}.modal-enter-active[data-v-9c768439]{animation:modalIn-9c768439 .2s ease}.modal-leave-active[data-v-9c768439]{animation:modalOut-9c768439 .15s ease}@keyframes modalIn-9c768439{0%{opacity:0}to{opacity:1}}@keyframes modalOut-9c768439{0%{opacity:1}to{opacity:0}}.modal-enter-active .modal-content[data-v-9c768439]{animation:slideUp-9c768439 .2s ease}.modal-leave-active .modal-content[data-v-9c768439]{animation:slideDown-9c768439 .15s ease}@keyframes slideUp-9c768439{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown-9c768439{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@media(max-width:480px){.modal-content[data-v-9c768439]{max-width:none}.modal-footer[data-v-9c768439]{flex-direction:column-reverse}.modal-footer .btn[data-v-9c768439]{width:100%;justify-content:center}}.portal-container[data-v-085bc831]{min-height:100vh;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.portal-header[data-v-085bc831]{background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;padding:2rem;text-align:center}.portal-header h1[data-v-085bc831]{margin:0;font-size:1.75rem}.header-subtitle[data-v-085bc831]{margin-top:.5rem;opacity:.9;font-size:1rem}.loading-state[data-v-085bc831],.error-state[data-v-085bc831]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.spinner[data-v-085bc831]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#2c5282;border-radius:50%;animation:spin-085bc831 1s linear infinite}@keyframes spin-085bc831{to{transform:rotate(360deg)}}.error-icon[data-v-085bc831]{width:64px;height:64px;background:#fed7d7;color:#c53030;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-state h2[data-v-085bc831]{color:#c53030;margin:0 0 .5rem}.error-help[data-v-085bc831]{color:#718096;font-size:.875rem}.portal-content[data-v-085bc831]{max-width:800px;margin:0 auto;padding:2rem}section[data-v-085bc831]{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}section h3[data-v-085bc831]{margin:0 0 1rem;color:#2d3748;font-size:1.125rem}.order-summary .order-header[data-v-085bc831]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.order-summary h2[data-v-085bc831]{margin:0;color:#1a365d}.customer-name[data-v-085bc831]{margin:.25rem 0 0;color:#718096}.status-badge[data-v-085bc831]{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;text-transform:capitalize}.status-badge.pending[data-v-085bc831]{background:#fef3c7;color:#92400e}.status-badge.in_progress[data-v-085bc831]{background:#dbeafe;color:#1e40af}.status-badge.awaiting_customer[data-v-085bc831]{background:#fef3c7;color:#92400e}.status-badge.approved[data-v-085bc831]{background:#d1fae5;color:#065f46}.status-badge.production[data-v-085bc831]{background:#e0e7ff;color:#3730a3}.status-badge.fulfilled[data-v-085bc831]{background:#dcfce7;color:#166534}.status-badge.shipped[data-v-085bc831]{background:#cffafe;color:#0e7490}.status-badge.cancelled[data-v-085bc831]{background:#fee2e2;color:#991b1b}.order-meta[data-v-085bc831]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.meta-item[data-v-085bc831]{display:flex;flex-direction:column}.meta-item .label[data-v-085bc831]{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.05em}.meta-item .value[data-v-085bc831]{font-weight:500;color:#2d3748}.meta-item .tracking[data-v-085bc831]{font-family:monospace;background:#f7fafc;padding:.25rem .5rem;border-radius:4px}.timeline[data-v-085bc831]{display:flex;justify-content:space-between;position:relative;padding:1rem 0}.timeline[data-v-085bc831]:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#e2e8f0;transform:translateY(-50%);z-index:0}.timeline-step[data-v-085bc831]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.step-icon[data-v-085bc831]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:#e2e8f0;color:#718096;margin-bottom:.5rem}.timeline-step.completed .step-icon[data-v-085bc831]{background:#48bb78;color:#fff}.timeline-step.current .step-icon[data-v-085bc831]{background:#2c5282;color:#fff;box-shadow:0 0 0 4px #2c528233}.step-label[data-v-085bc831]{font-size:.75rem;color:#718096;text-align:center;max-width:80px}.timeline-step.current .step-label[data-v-085bc831]{color:#2c5282;font-weight:600}.items-list[data-v-085bc831]{display:flex;flex-direction:column;gap:1rem}.item-card[data-v-085bc831]{display:flex;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px}.item-info h4[data-v-085bc831]{margin:0 0 .5rem;color:#2d3748}.item-qty[data-v-085bc831],.item-sku[data-v-085bc831]{margin:0;font-size:.875rem;color:#718096}.designs-grid[data-v-085bc831]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.design-card[data-v-085bc831]{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.design-preview[data-v-085bc831]{height:200px;background:#f7fafc;display:flex;align-items:center;justify-content:center}.design-preview img[data-v-085bc831]{max-width:100%;max-height:100%;object-fit:contain}.no-preview[data-v-085bc831]{color:#a0aec0}.design-info[data-v-085bc831]{padding:1rem}.design-info h4[data-v-085bc831]{margin:0 0 .25rem;color:#2d3748}.design-type[data-v-085bc831]{margin:0 0 .75rem;font-size:.875rem;color:#718096;text-transform:capitalize}.approval-status[data-v-085bc831]{font-size:.875rem}.approval-status.approved[data-v-085bc831]{color:#38a169}.approve-btn[data-v-085bc831]{background:#2c5282;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.approve-btn[data-v-085bc831]:hover:not(:disabled){background:#1a365d}.approve-btn[data-v-085bc831]:disabled{opacity:.6;cursor:not-allowed}.awaiting-proof[data-v-085bc831]{color:#718096;font-style:italic}.pending-review[data-v-085bc831]{color:#c05621;font-weight:500}.section-description[data-v-085bc831]{color:#718096;font-size:.9rem;margin:-.5rem 0 1rem}.design-date[data-v-085bc831]{color:#718096;font-size:.8rem;margin:.25rem 0 0}.production-proofs[data-v-085bc831]{border:1px solid #e2e8f0}.proofs-grid[data-v-085bc831]{display:flex;flex-direction:column;gap:1rem}.proof-card[data-v-085bc831]{display:flex;gap:1.25rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s}.proof-card.proof-approved[data-v-085bc831]{background:linear-gradient(135deg,#d1fae5,#f0fdf4);border-color:#6ee7b7}.proof-preview[data-v-085bc831]{width:160px;min-width:160px;height:160px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;border:1px solid #e2e8f0}.proof-preview img[data-v-085bc831]{max-width:100%;max-height:100%;object-fit:contain}.proof-info[data-v-085bc831]{flex:1;display:flex;flex-direction:column}.proof-header-row[data-v-085bc831]{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.proof-header-row h4[data-v-085bc831]{margin:0;color:#2d3748;font-size:1rem}.proof-status-badge[data-v-085bc831]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.proof-status-approved[data-v-085bc831]{background:#d1fae5;color:#065f46}.proof-status-pending[data-v-085bc831]{background:#fef3c7;color:#92400e}.proof-status-changes[data-v-085bc831]{background:#fee2e2;color:#991b1b}.proof-notes[data-v-085bc831],.customer-feedback[data-v-085bc831]{margin:.5rem 0;font-size:.875rem;color:#4a5568;background:#ffffffb3;padding:.5rem .75rem;border-radius:4px}.customer-feedback[data-v-085bc831]{background:#fef3c7}.proof-date[data-v-085bc831]{margin:auto 0 0;font-size:.8rem;color:#718096}.order-approval-banner[data-v-085bc831]{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.order-approval-banner.approved[data-v-085bc831]{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.order-approval-banner.pending[data-v-085bc831]{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.banner-icon[data-v-085bc831]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.order-approval-banner.approved .banner-icon[data-v-085bc831]{background:#065f46;color:#fff}.order-approval-banner.pending .banner-icon[data-v-085bc831]{background:#92400e;color:#fff}.pending-approvals[data-v-085bc831]{border:2px solid #f6ad55;background:linear-gradient(to bottom,#fffaf0,#fff)}.pending-approvals h3[data-v-085bc831]{color:#c05621}.approval-intro[data-v-085bc831]{color:#744210;margin-bottom:1.5rem;font-size:.95rem}.approvals-list[data-v-085bc831]{display:flex;flex-direction:column;gap:1.5rem}.approval-card[data-v-085bc831]{display:flex;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.approval-preview[data-v-085bc831]{width:200px;min-width:200px;height:200px;background:#f7fafc;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.approval-preview img[data-v-085bc831]{max-width:100%;max-height:100%;object-fit:contain}.approval-info[data-v-085bc831]{flex:1;display:flex;flex-direction:column}.approval-info h4[data-v-085bc831]{margin:0 0 .5rem;color:#2d3748;font-size:1.1rem}.version-badge[data-v-085bc831]{display:inline-block;background:#edf2f7;color:#4a5568;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin:0 0 .75rem;width:fit-content}.admin-notes[data-v-085bc831]{background:#f7fafc;padding:.75rem;border-radius:6px;margin:0 0 .75rem;font-size:.9rem;color:#4a5568}.uploaded-date[data-v-085bc831]{color:#718096;font-size:.875rem;margin:0 0 1rem}.approval-actions[data-v-085bc831]{display:flex;gap:.75rem;margin-top:auto}.request-changes-btn[data-v-085bc831]{background:#fff;color:#c05621;border:2px solid #c05621;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.request-changes-btn[data-v-085bc831]:hover:not(:disabled){background:#fffaf0}.request-changes-btn[data-v-085bc831]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-085bc831]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-085bc831]{background:#fff;border-radius:12px;padding:1.5rem;max-width:500px;width:100%;box-shadow:0 4px 20px #00000026}.modal-content h3[data-v-085bc831]{margin:0 0 .5rem;color:#2d3748}.modal-content p[data-v-085bc831]{margin:0 0 1rem;color:#4a5568}.modal-content textarea[data-v-085bc831]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.95rem;resize:vertical;margin-bottom:1rem}.modal-content textarea[data-v-085bc831]:focus{outline:none;border-color:#2c5282;box-shadow:0 0 0 3px #2c52821a}.modal-actions[data-v-085bc831]{display:flex;justify-content:flex-end;gap:.75rem}.cancel-btn[data-v-085bc831]{background:#e2e8f0;color:#4a5568;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer}.cancel-btn[data-v-085bc831]:hover:not(:disabled){background:#cbd5e0}.submit-btn[data-v-085bc831]{background:#c05621;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer}.submit-btn[data-v-085bc831]:hover:not(:disabled){background:#9c4221}.cancel-btn[data-v-085bc831]:disabled,.submit-btn[data-v-085bc831]:disabled{opacity:.6;cursor:not-allowed}.address-card[data-v-085bc831]{background:#f7fafc;padding:1rem;border-radius:8px}.address-card p[data-v-085bc831]{margin:.25rem 0;color:#4a5568}.portal-footer[data-v-085bc831]{text-align:center;padding:2rem;color:#718096;font-size:.875rem}@media(max-width:640px){.portal-content[data-v-085bc831]{padding:1rem}.order-summary .order-header[data-v-085bc831],.timeline[data-v-085bc831]{flex-direction:column;gap:1rem}.timeline[data-v-085bc831]:before{display:none}.timeline-step[data-v-085bc831]{flex-direction:row;gap:1rem}.step-label[data-v-085bc831]{max-width:none;text-align:left}.approval-card[data-v-085bc831]{flex-direction:column}.approval-preview[data-v-085bc831]{width:100%;min-width:auto;height:180px}.approval-actions[data-v-085bc831]{flex-direction:column}.approval-actions button[data-v-085bc831]{width:100%}.proof-card[data-v-085bc831]{flex-direction:column}.proof-preview[data-v-085bc831]{width:100%;min-width:auto;height:180px}.proof-header-row[data-v-085bc831]{flex-wrap:wrap}}.fullscreen-overlay[data-v-085bc831]{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;cursor:pointer}.fullscreen-close[data-v-085bc831]{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1;padding:.5rem;opacity:.8;transition:opacity .2s}.fullscreen-close[data-v-085bc831]:hover{opacity:1}.fullscreen-image[data-v-085bc831]{max-width:95vw;max-height:90vh;object-fit:contain;cursor:default;border-radius:8px;box-shadow:0 4px 30px #00000080}.design-preview[data-v-085bc831]{cursor:pointer;position:relative}.view-fullscreen-hint[data-v-085bc831]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;text-align:center;padding:.5rem;font-size:.75rem;opacity:0;transition:opacity .2s}.design-preview:hover .view-fullscreen-hint[data-v-085bc831]{opacity:1}