@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";.footer[data-v-230119f6]{padding:60px 50px 30px;background:#1a1a1a;border-top:1px solid rgba(0,217,217,.2);margin-top:0}.footer-content[data-v-230119f6]{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px}.footer-column h4[data-v-230119f6]{margin-bottom:20px;color:#00d9d9;font-size:16px;font-weight:600;letter-spacing:.5px}.footer-column a[data-v-230119f6]{display:block;color:#ffffff80;text-decoration:none;margin-bottom:10px;transition:color .3s ease;font-size:14px}.footer-column a[data-v-230119f6]:hover{color:#00b5b5}.footer-bottom[data-v-230119f6]{text-align:center;padding-top:30px;border-top:1px solid rgba(0,217,217,.1);color:#fff6;font-size:13px}.footer-bottom p[data-v-230119f6]{margin:0 0 10px}.palestine-support[data-v-230119f6]{color:#ff6b6b;font-size:14px;font-weight:500;margin-top:10px}.palestine-support a[data-v-230119f6]{color:#ff6b6b;text-decoration:none;transition:color .3s ease}.palestine-support a[data-v-230119f6]:hover{color:#ff8a8a;text-decoration:underline}@media (max-width: 768px){.footer[data-v-230119f6]{padding:40px 20px 20px}.footer-content[data-v-230119f6]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px}.footer-column h4[data-v-230119f6]{margin-bottom:15px;font-size:15px}.footer-column a[data-v-230119f6]{font-size:13px;margin-bottom:8px}}@media (max-width: 480px){.footer-content[data-v-230119f6]{grid-template-columns:1fr;gap:25px}}.loading-overlay[data-v-7cc362fb]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0b0cf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);transition:opacity var(--transition-duration-slow) var(--transition-ease)}.loading-container[data-v-7cc362fb]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.loading-spinner[data-v-7cc362fb]{position:relative;width:80px;height:80px}.spinner-ring[data-v-7cc362fb]{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:var(--space-2);border:var(--space-2) solid transparent;border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin-7cc362fb 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring[data-v-7cc362fb]:nth-child(1){animation-delay:-.45s}.spinner-ring[data-v-7cc362fb]:nth-child(2){animation-delay:-.3s}.spinner-ring[data-v-7cc362fb]:nth-child(3){animation-delay:-.15s}@keyframes spin-7cc362fb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-7cc362fb]{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.loading-subtext[data-v-7cc362fb]{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;max-width:300px;line-height:var(--line-height-normal)}@media (max-width: 768px){.loading-spinner[data-v-7cc362fb]{width:60px;height:60px}.spinner-ring[data-v-7cc362fb]{width:48px;height:48px;border-width:var(--space-1)}.loading-text[data-v-7cc362fb]{font-size:var(--font-size-lg)}.loading-subtext[data-v-7cc362fb]{font-size:var(--font-size-sm)}}canvas[data-v-0a3b1e03]{cursor:crosshair;border:1px solid var(--color-border-secondary);display:block;max-width:100%;max-height:100%;object-fit:contain}.freehand-toolbar[data-v-83cedae1]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background-color:var(--color-background-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border-secondary);flex-wrap:wrap}.tool-group[data-v-83cedae1],.brush-group[data-v-83cedae1],.background-group[data-v-83cedae1],.view-group[data-v-83cedae1],.history-group[data-v-83cedae1]{display:flex;align-items:center;gap:var(--space-1)}.tool-group[data-v-83cedae1]{border-right:1px solid var(--color-border-tertiary);padding-right:var(--space-2)}.history-group[data-v-83cedae1]{border-left:1px solid var(--color-border-tertiary);padding-left:var(--space-2)}.tool-btn[data-v-83cedae1],.background-btn[data-v-83cedae1],.view-btn[data-v-83cedae1],.history-btn[data-v-83cedae1]{display:flex;align-items:center;justify-content:center;padding:var(--space-1-5);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-sm);background-color:var(--color-background-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s;width:32px;height:32px}.tool-btn[data-v-83cedae1]:hover,.background-btn[data-v-83cedae1]:hover,.view-btn[data-v-83cedae1]:hover,.history-btn[data-v-83cedae1]:hover:not(:disabled){background-color:var(--color-background-hover);color:var(--color-text-primary);border-color:var(--color-border-secondary)}.tool-btn.active[data-v-83cedae1]{background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.tool-btn.clear-btn[data-v-83cedae1]:hover{background-color:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.history-btn[data-v-83cedae1]:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-background-tertiary)}.tool-label[data-v-83cedae1]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.brush-size-label[data-v-83cedae1]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.brush-size-control[data-v-83cedae1]{display:flex;align-items:center;gap:var(--space-2)}.brush-size-slider[data-v-83cedae1],.opacity-slider[data-v-83cedae1]{width:80px;height:4px;border-radius:2px;background:var(--color-border-tertiary);outline:none;cursor:pointer}.brush-size-slider[data-v-83cedae1]::-webkit-slider-thumb,.opacity-slider[data-v-83cedae1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-background-secondary);box-shadow:0 1px 3px #0003}.brush-size-slider[data-v-83cedae1]::-moz-range-thumb,.opacity-slider[data-v-83cedae1]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-background-secondary);box-shadow:0 1px 3px #0003}.brush-preview[data-v-83cedae1]{border-radius:50%;transition:all .2s;min-width:4px;min-height:4px}.brush-size-value[data-v-83cedae1],.opacity-value[data-v-83cedae1]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);min-width:32px;text-align:center}.opacity-label[data-v-83cedae1],.fit-mode-label[data-v-83cedae1]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.fit-mode-select[data-v-83cedae1]{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background-color:var(--color-background-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;min-width:80px}.fit-mode-select[data-v-83cedae1]:hover{border-color:var(--color-border-primary)}.fit-mode-select[data-v-83cedae1]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-ghost)}.shortcuts-info[data-v-83cedae1]{position:relative;margin-left:auto}.shortcuts-toggle[data-v-83cedae1]{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color .2s}.shortcuts-toggle[data-v-83cedae1]:hover{color:var(--color-text-primary)}.shortcuts-panel[data-v-83cedae1]{position:absolute;top:100%;right:0;margin-top:var(--space-2);background-color:var(--color-background-elevated);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);padding:var(--space-3);min-width:200px;box-shadow:0 4px 12px #00000026;z-index:10}.shortcuts-panel h4[data-v-83cedae1]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.shortcut-list[data-v-83cedae1]{display:flex;flex-direction:column;gap:var(--space-1)}.shortcut-item[data-v-83cedae1]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.shortcut-item kbd[data-v-83cedae1]{background-color:var(--color-background-tertiary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-xs);padding:2px 6px;font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-primary)}.shortcut-item span[data-v-83cedae1]{color:var(--color-text-secondary)}@media (max-width: 768px){.freehand-toolbar[data-v-83cedae1]{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2)}.tool-group[data-v-83cedae1],.history-group[data-v-83cedae1]{border:none;padding:0}.tool-btn[data-v-83cedae1],.background-btn[data-v-83cedae1],.history-btn[data-v-83cedae1]{min-width:50px;padding:var(--space-1)}.tool-label[data-v-83cedae1]{display:none}.brush-size-slider[data-v-83cedae1],.opacity-slider[data-v-83cedae1]{width:60px}.shortcuts-info[data-v-83cedae1]{margin-left:0;margin-top:var(--space-2)}.shortcuts-panel[data-v-83cedae1]{right:auto;left:0}}@media (prefers-color-scheme: dark){.brush-preview[data-v-83cedae1]{box-shadow:0 0 0 1px #fff3}}.modal-overlay[data-v-0a2f26f8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container[data-v-0a2f26f8]{background-color:var(--color-background-secondary);border-radius:var(--radius-lg);width:95vw;max-width:1200px;height:90vh;max-height:900px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.modal-header[data-v-0a2f26f8]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-background-darker)}.modal-header h3[data-v-0a2f26f8]{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.close-btn[data-v-0a2f26f8]{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-3xl);cursor:pointer;padding:var(--space-1);line-height:1;transition:color .2s}.close-btn[data-v-0a2f26f8]:hover{color:var(--color-text-primary)}.modal-content[data-v-0a2f26f8]{padding:var(--space-5);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.canvas-container[data-v-0a2f26f8]{flex:1;display:flex;justify-content:center;align-items:center;background-color:var(--color-background-tertiary);border-radius:var(--radius-sm);padding:var(--space-4);min-height:500px;overflow:hidden}.canvas-wrapper[data-v-0a2f26f8]{transform:scale(.6);transform-origin:center;border:2px solid var(--color-border-secondary);border-radius:var(--radius-sm);background-color:var(--color-background-primary);box-shadow:0 4px 12px #00000026}.canvas-wrapper canvas[data-v-0a2f26f8]{display:block;border-radius:var(--radius-sm)}.modal-actions[data-v-0a2f26f8]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.cancel-btn[data-v-0a2f26f8]{padding:var(--space-3) var(--space-5);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-secondary);font-size:var(--font-size-md);cursor:pointer;transition:all .2s}.cancel-btn[data-v-0a2f26f8]:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.export-actions[data-v-0a2f26f8]{display:flex;gap:var(--space-3)}.export-btn[data-v-0a2f26f8]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;background-color:var(--color-accent);color:var(--color-text-inverse)}.export-btn[data-v-0a2f26f8]:hover:not(:disabled){background-color:var(--color-accent-hover-dark)}.export-btn[data-v-0a2f26f8]:disabled{background-color:var(--color-border-tertiary);color:var(--color-text-muted);cursor:not-allowed}.export-btn.secondary[data-v-0a2f26f8]{background-color:var(--color-accent-pale-violet)}.export-btn.secondary[data-v-0a2f26f8]:hover:not(:disabled){background-color:var(--color-accent-pale-violet-dark)}.hidden-file-input[data-v-0a2f26f8]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.modal-container[data-v-0a2f26f8]{width:95%;max-height:95vh}.modal-content[data-v-0a2f26f8]{padding:var(--space-3)}.modal-actions[data-v-0a2f26f8]{flex-direction:column;gap:var(--space-3);align-items:stretch}.export-actions[data-v-0a2f26f8]{flex-direction:column}.canvas-container[data-v-0a2f26f8]{min-height:300px}.canvas-wrapper[data-v-0a2f26f8]{transform:scale(.4)}}.theme-landing{--landing-bg-primary: #0A0A0A;--landing-bg-dark: #1A1A1A;--landing-bg-panel: #242424;--landing-text-primary: #ffffff;--landing-text-secondary: rgba(255, 255, 255, .7);--landing-text-muted: rgba(255, 255, 255, .6);--landing-text-dim: rgba(255, 255, 255, .5);--landing-text-faint: rgba(255, 255, 255, .4);--landing-cyan: #00D9D9;--landing-teal: #00B5B5;--landing-purple: #FF00FF;--landing-pink: #FF0080;--landing-glass: rgba(255, 255, 255, .03);--landing-glass-border: rgba(0, 217, 217, .2);background:var(--landing-bg-primary);color:var(--landing-text-primary)}.theme-landing h1,.theme-landing h2,.theme-landing h3,.theme-landing h4,.theme-landing h5,.theme-landing h6{color:var(--landing-text-primary);font-weight:600}.theme-landing h2{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:20px}.theme-landing h3{font-size:24px;font-weight:600}.theme-landing p{color:var(--landing-text-secondary)}.theme-landing a{color:var(--landing-text-muted);text-decoration:none;transition:color .3s ease}.theme-landing a:hover{color:var(--landing-cyan)}.theme-landing .hero-description{color:var(--landing-text-secondary)}.theme-landing .section-subtitle,.theme-landing .layer-description,.theme-landing .key-feature-content p{color:var(--landing-text-muted)}.theme-landing .footer-column h4{color:var(--landing-cyan)}.theme-landing .footer-column a{color:var(--landing-text-dim)}.theme-landing .footer-bottom{color:var(--landing-text-faint)}.theme-dashboard{--dashboard-bg-primary: #f8f9fa;--dashboard-bg-secondary: #ffffff;--dashboard-bg-tertiary: #f3f4f6;--dashboard-bg-card: #ffffff;--dashboard-bg-card-hover: #fcfcfc;--dashboard-bg-hover: #f8f9fa;--dashboard-bg-active: #e9ecef;--dashboard-bg-input: #ffffff;--dashboard-text-primary: #212529;--dashboard-text-secondary: #6c757d;--dashboard-text-muted: #909090;--dashboard-text-light: #adb5bd;--dashboard-text-inverse: #ffffff;--dashboard-text-card-primary: #212529;--dashboard-text-card-secondary: #6c757d;--dashboard-text-card-muted: #909090;--dashboard-accent-primary: #20b2aa;--dashboard-accent-secondary: #00D9D9;--dashboard-accent-hover: #17a2b8;--dashboard-accent-light: rgba(32, 178, 170, .08);--dashboard-accent-border: rgba(32, 178, 170, .2);--dashboard-accent-glow: 0 0 0 4px rgba(32, 178, 170, .1);--dashboard-border-primary: #dee2e6;--dashboard-border-secondary: #e9ecef;--dashboard-border-light: #f1f3f5;--dashboard-shadow-sm: 0 1px 3px rgba(0,0,0,.05);--dashboard-shadow-md: 0 4px 6px rgba(0,0,0,.07);--dashboard-shadow-lg: 0 10px 15px rgba(0,0,0,.1);background:var(--dashboard-bg-primary);color:var(--dashboard-text-primary);--panel-bg: var(--dashboard-bg-card);--border-color: var(--dashboard-border-primary);--text-primary: var(--dashboard-text-primary);--text-secondary: var(--dashboard-text-secondary);--accent: var(--dashboard-accent-primary);--background: var(--dashboard-bg-primary);--bg-primary: var(--dashboard-bg-secondary);--sidebar-bg: var(--dashboard-bg-secondary)}.theme-dashboard h1,.theme-dashboard h2,.theme-dashboard h3,.theme-dashboard h4,.theme-dashboard h5,.theme-dashboard h6{color:var(--dashboard-text-primary);font-weight:600}.theme-dashboard p{color:var(--dashboard-text-secondary)}.theme-dashboard a{color:var(--dashboard-accent-primary);text-decoration:none;transition:color .2s ease}.theme-dashboard a:hover{color:var(--dashboard-accent-hover);text-decoration:underline}.theme-dashboard .card,.theme-dashboard .project-card{background:#fff!important;border:2px solid var(--dashboard-accent-primary)!important;border-radius:12px!important;box-shadow:0 2px 8px #20b2aa1a!important;transition:all .3s ease!important;color:#212529!important;position:relative;overflow:hidden}.theme-dashboard .card:hover,.theme-dashboard .project-card:hover{box-shadow:0 4px 16px #20b2aa33!important;transform:translateY(-3px)!important;border-color:var(--dashboard-accent-secondary)!important;background:#fafffe!important}.theme-dashboard .project-card h3{color:#1a1a1a!important;font-weight:700!important;font-size:1.2rem!important;margin-bottom:8px}.theme-dashboard .project-card p,.theme-dashboard .project-card .date{color:#6c757d!important;font-size:.9rem!important}.theme-dashboard .card *,.theme-dashboard .project-card *{color:#212529!important}.theme-dashboard button,.theme-dashboard .btn{background:var(--dashboard-bg-secondary);color:var(--dashboard-text-secondary);border:1px solid var(--dashboard-border-primary);border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s ease;cursor:pointer;font-size:.95rem}.theme-dashboard button:hover,.theme-dashboard .btn:hover{background:var(--dashboard-bg-hover);border-color:var(--dashboard-accent-primary);color:var(--dashboard-accent-primary)}.theme-dashboard button.primary,.theme-dashboard .btn-primary,.theme-dashboard .create-btn{background:var(--dashboard-accent-primary);color:var(--dashboard-text-inverse);border:1px solid var(--dashboard-accent-primary);font-weight:600}.theme-dashboard button.primary:hover,.theme-dashboard .btn-primary:hover,.theme-dashboard .create-btn:hover{background:var(--dashboard-accent-hover);border-color:var(--dashboard-accent-hover);transform:translateY(-1px);box-shadow:var(--dashboard-accent-glow)}.theme-dashboard input,.theme-dashboard select,.theme-dashboard textarea,.theme-dashboard .search-input{background:#fff!important;color:#212529!important;border:1px solid #dee2e6!important;border-radius:8px!important;padding:10px 14px!important;transition:all .2s ease;font-size:.95rem}.theme-dashboard input:focus,.theme-dashboard select:focus,.theme-dashboard textarea:focus,.theme-dashboard .search-input:focus{outline:none!important;border-color:var(--dashboard-accent-primary)!important;box-shadow:0 0 0 3px #20b2aa1a!important}.theme-dashboard input::placeholder,.theme-dashboard .search-input::placeholder{color:#adb5bd!important}.theme-dashboard nav,.theme-dashboard .app-header{background:var(--dashboard-bg-secondary);border-bottom:1px solid var(--dashboard-border-primary)}.theme-dashboard .dashboard-header{background:transparent;border:none;padding:30px 40px 20px}.theme-dashboard .dashboard-header h1{color:#212529!important;font-size:2.2rem;font-weight:700}.theme-dashboard .dashboard-content{background:#f0f4f4!important;min-height:100vh;padding:20px}.theme-dashboard .project-grid{background:transparent;display:grid;gap:20px}.theme-dashboard .filter-bar,.theme-dashboard .filters-section{background:#fff!important;border:2px solid var(--dashboard-accent-primary)!important;border-radius:10px!important;padding:16px!important;margin-bottom:20px;box-shadow:0 2px 8px #20b2aa1a!important}.theme-dashboard .filter-tag{background:var(--dashboard-bg-secondary);color:var(--dashboard-text-secondary);border:1px solid var(--dashboard-border-primary);border-radius:20px;padding:4px 12px;font-size:.875rem;transition:all .2s ease;cursor:pointer}.theme-dashboard .filter-tag:hover{background:var(--dashboard-accent-light);color:var(--dashboard-accent-primary);border-color:var(--dashboard-accent-border)}.theme-dashboard .filter-tag.active{background:var(--dashboard-accent-primary);color:var(--dashboard-text-inverse);border-color:var(--dashboard-accent-primary);font-weight:500}.theme-dashboard .tag,.theme-dashboard .badge{background:var(--dashboard-accent-light);color:var(--dashboard-accent-primary);border:1px solid var(--dashboard-accent-border);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.theme-dashboard .storage-usage{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--dashboard-bg-card);border-radius:6px;border:1px solid var(--dashboard-border-primary)}.theme-dashboard .storage-bar{width:150px;height:6px;background:var(--dashboard-bg-hover);border-radius:3px;overflow:hidden}.theme-dashboard .storage-used{height:100%;background:var(--dashboard-accent-primary);transition:width .3s ease}.theme-dashboard .storage-text{color:var(--dashboard-text-secondary);font-size:.875rem}.theme-dashboard .empty-state{text-align:center;padding:80px 20px;background:var(--dashboard-bg-card);border-radius:12px;border:1px solid var(--dashboard-border-primary);box-shadow:var(--dashboard-shadow-sm);margin:40px auto;max-width:600px}.theme-dashboard .empty-state h2{color:var(--dashboard-text-primary);margin-bottom:12px;font-size:1.5rem}.theme-dashboard .empty-state p{color:var(--dashboard-text-secondary);margin-bottom:24px;font-size:1rem}.theme-dashboard .loading-state,.theme-dashboard .error-state{text-align:center;padding:60px 20px;background:var(--dashboard-bg-card);border-radius:8px;box-shadow:var(--dashboard-shadow-sm);margin:40px auto;max-width:500px;color:var(--dashboard-text-primary)}:root{--color-background: #0b0b0c;--color-background-secondary: #111213;--color-background-tertiary: #1e1e1e;--color-background-elevated: #2a2a2a;--color-background-hover: #3a3a3a;--color-background-hover-alt: #333;--color-background-active: #4a4a4a;--color-background-disabled: #1a1a1a;--color-background-card: #1a1a1a;--color-background-darker: #222;--color-background-darker-alpha: #222230;--color-background-262626: #262626;--color-accent-0066ff: #0066ff;--color-accent-hover-0052cc: #0052cc;--color-accent-0066ff-alpha-01: rgba(0, 102, 255, .1);--color-accent-0066ff-alpha-03: rgba(0, 102, 255, .3);--color-prop-from-ff6b6b: #ff6b6b;--color-prop-to-51cf66: #51cf66;--color-text-primary: #E0E0E0;--color-text-secondary: #aaa;--color-text-muted: #888;--color-text-disabled: #666;--color-text-helper: #666;--color-text-light: #ccc;--color-text-inverse: #ffffff;--color-text-error: #ff4444;--color-text-success: #44ff44;--color-text-warning: #ffaa44;--color-border-primary: #333;--color-border-secondary: #444;--color-border-tertiary: #555;--color-border-quaternary: #666;--color-border-dark: #222;--color-border-muted: #2a2a2a;--color-border-focus: #12B0FF;--color-border-error: #ff4444;--color-border-success: #44ff44;--color-accent: #12B0FF;--color-accent-hover: #0F9AE5;--color-accent-hover-light: #4acbff;--color-accent-dark: #2a5298;--color-accent-hover-dark: #0E8FCC;--color-accent-active: #0D85CC;--color-accent-muted: rgba(18, 176, 255, .6);--color-accent-muted-light: rgba(18, 176, 255, .1);--color-accent-pale-violet: #CC79A7;--color-accent-pale-violet-dark: #BF6997;--color-accent-orange: #f97316;--color-accent-pink: #ec4899;--color-accent-pink-alpha: rgba(236, 72, 153, .05);--color-accent-pink-alpha-hover: rgba(236, 72, 153, .1);--color-accent-purple: #8b5cf6;--color-accent-purple-alpha: rgba(139, 92, 246, .1);--color-accent-purple-border: rgba(139, 92, 246, .2);--color-beta-primary: #f59e0b;--color-beta-secondary: #d97706;--color-beta-shadow: rgba(245, 158, 11, .3);--color-success: #44ff44;--color-success-background: #10b981;--color-success-bg-alpha: rgba(34, 197, 94, .2);--color-selection-green: #22c55e;--color-selection-green-alpha: rgba(34, 197, 94, .08);--color-selection-green-alpha-hover: rgba(34, 197, 94, .12);--color-error: #ff4444;--color-error-light: #fca5a5;--color-error-bg-alpha: rgba(255, 51, 102, .1);--color-warning: #ffaa44;--color-warning-bg-alpha: rgba(234, 179, 8, .2);--color-warning-bg-light: rgba(245, 158, 11, .1);--color-info: #4488ff;--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--color-overlay: rgba(0, 0, 0, .75);--color-overlay-gradient: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 60%);--color-overlay-dark: rgba(0, 0, 0, .5);--color-background-black: #000000;--background: var(--color-background);--bg-primary: var(--color-background-tertiary);--sidebar-bg: var(--color-background-secondary);--panel-bg: var(--color-background-tertiary);--border-color: var(--color-border-primary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--accent: var(--color-accent)}:root{--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-15: 60px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--space-75: 300px;--space-100: 400px}:root{--font-size-2xs: 9px;--font-size-xs-alt: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-loose: 1.6;--line-height-relaxed: 1.8;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Cascadia Code", "Fira Code", monospace;--font-family-serif: Georgia, "Times New Roman", serif}:root{--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg-pink: 0 4px 12px rgba(236, 72, 153, .2);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--shadow-2xl: 0 16px 64px rgba(0, 0, 0, .5);--shadow-inner-sm: inset 0 1px 2px rgba(0, 0, 0, .3);--shadow-inner-md: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(18, 176, 255, .3);--shadow-focus-error: 0 0 0 3px rgba(255, 68, 68, .3);--opacity-0: 0;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-overlay: 500;--z-maximum: 999;--z-modal-high: 10000;--transition-duration-fast: .15s;--transition-duration-normal: .2s;--transition-duration-slow: .3s;--transition-duration-slower: .5s;--transition-ease: ease;--transition-ease-in: ease-in;--transition-ease-out: ease-out;--transition-ease-in-out: ease-in-out;--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-transform: transform .2s ease;--transition-all: all .2s ease;--transition-opacity: opacity .2s ease}.theme-lumencore{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height)}.theme-lumencore h1,.theme-lumencore h2,.theme-lumencore h3,.theme-lumencore h4,.theme-lumencore h5,.theme-lumencore h6{color:var(--color-text-primary)}.theme-lumencore p{color:var(--color-text-secondary)}.theme-lumencore a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}.theme-lumencore a:hover{color:var(--color-accent-hover)}.theme-lumencore input,.theme-lumencore select,.theme-lumencore textarea{background:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.theme-lumencore input:focus,.theme-lumencore select:focus,.theme-lumencore textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted-light)}.theme-lumencore button{background:var(--color-background-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-primary);transition:all .2s ease}.theme-lumencore button:hover{background:var(--color-background-hover);border-color:var(--color-accent)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100vh;width:100vw;margin:0;overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:manipulation;-webkit-overflow-scrolling:auto;padding:0;font-family:Inter,sans-serif}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 0 auto;overflow-y:auto;display:flex;flex-direction:column}.app-main.full-height{height:100vh;overflow:hidden}@media (pointer: coarse){.app-main.full-height{overflow:auto;-webkit-overflow-scrolling:touch}}