@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:16px;line-height:1.6;color:var(--dracula-foreground);background-color:var(--dracula-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--dracula-foreground)}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:.75rem}h3{font-size:1.5rem;margin-bottom:.5rem}h4{font-size:1.25rem;margin-bottom:.5rem}h5{font-size:1.125rem;margin-bottom:.5rem}h6{font-size:1rem;margin-bottom:.5rem}p{margin-bottom:1rem;color:var(--dracula-foreground)}a{color:var(--dracula-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--dracula-pink)}a:focus{outline:2px solid var(--dracula-pink);outline-offset:2px}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer;color:inherit}button:focus{outline:2px solid var(--dracula-pink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dracula-background)}::-webkit-scrollbar-thumb{background:var(--dracula-selection);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dracula-pink)}::selection{background:var(--dracula-selection);color:var(--dracula-foreground)}::-moz-selection{background:var(--dracula-selection);color:var(--dracula-foreground)}:focus-visible{outline:2px solid var(--dracula-pink);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s infinite}[data-v-ecf63e86]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.header[data-v-ecf63e86]{background:var(--dracula-current-line);border-bottom:1px solid var(--dracula-selection);padding:2rem 0;text-align:center}.header-content[data-v-ecf63e86]{max-width:1200px;margin:0 auto;padding:0 2rem}.logo[data-v-ecf63e86]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.logo-image[data-v-ecf63e86]{width:48px;height:48px;border-radius:8px}.title[data-v-ecf63e86]{color:var(--dracula-foreground);font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--dracula-pink),var(--dracula-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-ecf63e86]{color:var(--dracula-foreground);font-size:1.2rem;margin:0;font-weight:400;opacity:.8}@media (max-width: 768px){.logo[data-v-ecf63e86]{flex-direction:column;gap:.5rem}.title[data-v-ecf63e86]{font-size:2rem}.subtitle[data-v-ecf63e86]{font-size:1rem}}[data-v-24692c2e]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.footer[data-v-24692c2e]{background:var(--dracula-current-line);border-top:1px solid var(--dracula-selection);padding:2rem 0;margin-top:4rem}.footer-content[data-v-24692c2e]{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.created-by[data-v-24692c2e]{color:var(--dracula-comment);margin-bottom:1rem;font-size:.9rem}.author-link[data-v-24692c2e]{color:var(--dracula-pink);text-decoration:none;font-weight:600;transition:color .3s ease}.author-link[data-v-24692c2e]:hover{color:var(--dracula-purple)}.footer-links[data-v-24692c2e]{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-link[data-v-24692c2e]{color:var(--dracula-cyan);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-link[data-v-24692c2e]:hover{color:var(--dracula-green);text-decoration:underline}@media (max-width: 768px){.footer-links[data-v-24692c2e]{flex-direction:column;gap:1rem}}[data-v-3b5798d7]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.color-input-container[data-v-3b5798d7]{margin-bottom:3rem}.input-section[data-v-3b5798d7]{max-width:600px;margin:0 auto}.input-label[data-v-3b5798d7]{display:block;color:var(--dracula-foreground);font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.input-wrapper[data-v-3b5798d7]{position:relative;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.color-input[data-v-3b5798d7]{flex:1;padding:1rem 1.5rem;font-size:1.1rem;background:var(--dracula-current-line);border:2px solid var(--dracula-selection);border-radius:8px;color:var(--dracula-foreground);transition:all .3s ease}.color-input[data-v-3b5798d7]:focus{outline:none;border-color:var(--dracula-pink);box-shadow:0 0 0 3px #ff79c61a}.color-input.error[data-v-3b5798d7]{border-color:var(--dracula-red);box-shadow:0 0 0 3px #ff55551a}.color-input[data-v-3b5798d7]::placeholder{color:var(--dracula-comment)}.color-preview[data-v-3b5798d7]{width:50px;height:50px;border-radius:8px;border:2px solid var(--dracula-selection);transition:all .3s ease;flex-shrink:0}.error-message[data-v-3b5798d7]{color:var(--dracula-red);font-size:.9rem;margin:.5rem 0;text-align:center}.format-examples[data-v-3b5798d7]{margin-top:2rem;text-align:center}.examples-title[data-v-3b5798d7]{color:var(--dracula-foreground);font-size:.9rem;margin-bottom:1rem;opacity:.8}.examples-grid[data-v-3b5798d7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.example[data-v-3b5798d7]{background:var(--dracula-current-line);color:var(--dracula-cyan);padding:.5rem 1rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;border:1px solid var(--dracula-selection)}@media (max-width: 768px){.input-wrapper[data-v-3b5798d7]{flex-direction:column;gap:1rem}.color-preview[data-v-3b5798d7]{width:100%;height:40px}.examples-grid[data-v-3b5798d7]{grid-template-columns:1fr}}[data-v-9526900d]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.color-suggestions[data-v-9526900d]{margin-bottom:4rem}.suggestions-title[data-v-9526900d]{color:var(--dracula-foreground);font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.suggestions-grid[data-v-9526900d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.suggestion-card[data-v-9526900d]{background:var(--dracula-current-line);border:2px solid var(--dracula-selection);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}@media (hover: hover){.suggestion-card[data-v-9526900d]:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d;border-color:var(--dracula-pink)}}.suggestion-card.rank-1[data-v-9526900d]{border-color:var(--dracula-green)}@media (hover: hover){.suggestion-card.rank-1[data-v-9526900d]:hover{border-color:var(--dracula-green);box-shadow:0 8px 32px #50fa7b33}}.suggestion-card.rank-2[data-v-9526900d]{border-color:var(--dracula-yellow)}@media (hover: hover){.suggestion-card.rank-2[data-v-9526900d]:hover{border-color:var(--dracula-yellow);box-shadow:0 8px 32px #f1fa8c33}}.suggestion-card.rank-3[data-v-9526900d]{border-color:var(--dracula-orange)}@media (hover: hover){.suggestion-card.rank-3[data-v-9526900d]:hover{border-color:var(--dracula-orange);box-shadow:0 8px 32px #ffb86c33}}.suggestion-header[data-v-9526900d]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.color-swatch[data-v-9526900d]{width:60px;height:60px;border-radius:8px;border:2px solid var(--dracula-selection);flex-shrink:0}.suggestion-info[data-v-9526900d]{flex:1}.color-name[data-v-9526900d]{color:var(--dracula-foreground);font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.color-hex[data-v-9526900d]{color:var(--dracula-cyan);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;margin:0}.suggestion-meta[data-v-9526900d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:var(--dracula-background);border-radius:6px}.similarity[data-v-9526900d]{display:flex;align-items:center;gap:.5rem}.similarity-label[data-v-9526900d]{color:var(--dracula-comment);font-size:.85rem}.similarity-value[data-v-9526900d]{color:var(--dracula-green);font-weight:600;font-size:.9rem}.color-category[data-v-9526900d]{background:var(--dracula-purple);color:var(--dracula-background);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.color-description[data-v-9526900d]{color:var(--dracula-comment);font-size:.9rem;line-height:1.4;margin:0}.rank-badge[data-v-9526900d]{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--dracula-pink);color:var(--dracula-background);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.rank-1 .rank-badge[data-v-9526900d]{background:var(--dracula-green)}.rank-2 .rank-badge[data-v-9526900d]{background:var(--dracula-yellow);color:var(--dracula-background)}.rank-3 .rank-badge[data-v-9526900d]{background:var(--dracula-orange)}@media (max-width: 768px){.suggestions-grid[data-v-9526900d]{grid-template-columns:1fr}.suggestion-meta[data-v-9526900d]{flex-direction:column;gap:.75rem}}[data-v-972830e2]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.modal-overlay[data-v-972830e2]{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-972830e2]{background:var(--dracula-background);background-color:#282a36;border-radius:12px;padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006;border:1px solid var(--dracula-selection, #44475a)}.modal-header[data-v-972830e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3[data-v-972830e2]{margin:0;color:var(--dracula-foreground, #f8f8f2);font-size:1.25rem}.modal-header .close-button[data-v-972830e2]{background:none;border:none;font-size:1.5rem;color:var(--dracula-comment, #6272a4);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-header .close-button[data-v-972830e2]:hover{background:var(--dracula-selection, #44475a);color:var(--dracula-foreground, #f8f8f2)}.color-preview[data-v-972830e2]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--dracula-selection, #44475a);border-radius:8px}.color-preview .color-swatch[data-v-972830e2]{width:60px;height:60px;border-radius:8px;border:2px solid var(--dracula-comment, #6272a4);flex-shrink:0}.color-preview .color-info h4[data-v-972830e2]{margin:0 0 .25rem;color:var(--dracula-foreground, #f8f8f2);font-size:1rem}.color-preview .color-info .current-hex[data-v-972830e2]{margin:0;color:var(--dracula-comment, #6272a4);font-family:Courier New,monospace;font-size:.9rem}.format-selection[data-v-972830e2]{margin-bottom:1.5rem}.format-selection h4[data-v-972830e2]{margin:0 0 1rem;color:var(--foreground);font-size:1rem}.format-selection .format-grid[data-v-972830e2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.format-selection .format-button[data-v-972830e2]{background:var(--dracula-selection, #44475a);border:1px solid var(--dracula-comment, #6272a4);border-radius:6px;padding:.75rem .5rem;cursor:pointer;transition:all .2s ease;text-align:center}.format-selection .format-button[data-v-972830e2]:hover{background:var(--dracula-current-line, #44475a);border-color:var(--dracula-purple, #bd93f9)}.format-selection .format-button.active[data-v-972830e2]{background:var(--dracula-purple, #bd93f9);border-color:var(--dracula-purple, #bd93f9);color:var(--dracula-background, #282a36)}.format-selection .format-button.active .format-example[data-v-972830e2]{color:var(--dracula-background, #282a36);opacity:.8}.format-selection .format-button .format-label[data-v-972830e2]{font-weight:600;color:var(--dracula-foreground, #f8f8f2);margin-bottom:.25rem;font-size:.9rem}.format-selection .format-button .format-example[data-v-972830e2]{font-family:Courier New,monospace;font-size:.7rem;color:var(--dracula-comment, #6272a4);line-height:1.2}.format-selection .format-button.active .format-label[data-v-972830e2]{color:var(--dracula-background, #282a36)}.preview-section[data-v-972830e2]{margin-bottom:1.5rem}.preview-section h4[data-v-972830e2]{margin:0 0 .75rem;color:var(--foreground);font-size:1rem}.preview-section .preview-code[data-v-972830e2]{display:flex;align-items:center;gap:.5rem;background:var(--current-line);border:1px solid var(--comment);border-radius:6px;padding:.75rem}.preview-section .preview-code code[data-v-972830e2]{flex:1;font-family:Courier New,monospace;color:var(--foreground);background:none;font-size:.9rem}.preview-section .preview-code .copy-preview-btn[data-v-972830e2]{background:none;border:none;color:var(--comment);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preview-section .preview-code .copy-preview-btn[data-v-972830e2]:hover{color:var(--foreground);background:var(--selection)}.preview-section .preview-code .copy-preview-btn.copied[data-v-972830e2]{color:var(--green)}.modal-actions[data-v-972830e2]{display:flex;gap:.75rem;justify-content:flex-end}.modal-actions button[data-v-972830e2]{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.modal-actions .primary-button[data-v-972830e2]{background:var(--dracula-purple, #bd93f9);color:var(--dracula-background, #282a36);border:none}.modal-actions .primary-button[data-v-972830e2]:hover{background:var(--dracula-pink, #ff79c6)}.modal-actions .secondary-button[data-v-972830e2]{background:var(--dracula-selection, #44475a);color:var(--dracula-foreground, #f8f8f2);border:1px solid var(--dracula-comment, #6272a4)}.modal-actions .secondary-button[data-v-972830e2]:hover{background:var(--dracula-current-line, #44475a);border-color:var(--dracula-purple, #bd93f9)}@media (max-width: 600px){.modal-content[data-v-972830e2]{margin:1rem;max-height:calc(100vh - 2rem)}.format-grid[data-v-972830e2]{grid-template-columns:repeat(2,1fr)}.modal-actions[data-v-972830e2]{flex-direction:column}.modal-actions button[data-v-972830e2]{width:100%}}[data-v-0ee03522]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.dracula-palette[data-v-0ee03522]{margin-top:2rem}.palette-title[data-v-0ee03522]{color:var(--dracula-foreground);font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.palette-sections[data-v-0ee03522]{display:flex;flex-direction:column;gap:3rem}.color-section[data-v-0ee03522]{background:var(--dracula-current-line);border-radius:12px;padding:2rem;border:1px solid var(--dracula-selection)}.section-title[data-v-0ee03522]{color:var(--dracula-foreground);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-title[data-v-0ee03522]:before{content:"";width:4px;height:1.4rem;background:linear-gradient(135deg,var(--dracula-pink),var(--dracula-purple));border-radius:2px}.colors-grid[data-v-0ee03522]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.color-item[data-v-0ee03522]{background:var(--dracula-background);border:2px solid var(--dracula-selection);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative}@media (hover: hover){.color-item[data-v-0ee03522]:hover{transform:translateY(-2px);border-color:var(--dracula-pink);box-shadow:0 4px 16px #0003}}.color-item.selected[data-v-0ee03522]{border-color:var(--dracula-green);box-shadow:0 0 0 3px #50fa7b33}.color-item.selected[data-v-0ee03522]:after{content:"✓";position:absolute;top:.5rem;right:.5rem;background:var(--dracula-green);color:var(--dracula-background);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.color-swatch[data-v-0ee03522]{width:100%;height:60px;border-radius:6px;margin-bottom:1rem;border:1px solid var(--dracula-selection)}.color-info[data-v-0ee03522]{display:flex;flex-direction:column;gap:.25rem;position:relative}.color-name[data-v-0ee03522]{color:var(--dracula-foreground);font-weight:600;font-size:1rem}.color-hex[data-v-0ee03522]{color:var(--dracula-cyan);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;-webkit-user-select:all;user-select:all}.copy-button[data-v-0ee03522]{position:absolute;top:0;right:0;background:var(--dracula-selection);border:1px solid var(--dracula-comment);color:var(--dracula-foreground);cursor:pointer;opacity:0;transition:all .2s ease;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.copy-button[data-v-0ee03522]:hover{background:var(--dracula-purple);color:var(--dracula-background);border-color:var(--dracula-purple);transform:scale(1.1)}}.copy-button svg[data-v-0ee03522]{stroke-width:2}.color-item:hover .copy-button[data-v-0ee03522]{opacity:1}@media (hover: hover){.color-item:hover .copy-button[data-v-0ee03522]{opacity:1}}@media (hover: hover){.color-hex[data-v-0ee03522]:hover{background:var(--dracula-selection);padding:.1rem .3rem;border-radius:3px}}.color-variants[data-v-0ee03522]{display:flex;gap:2px;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--dracula-selection);position:relative}.color-variants[data-v-0ee03522]:before{content:"Variants";position:absolute;top:-8px;left:0;background:var(--dracula-current-line);color:var(--dracula-comment);font-size:.7rem;padding:0 .5rem}.variant-swatch[data-v-0ee03522]{flex:1;height:16px;border-radius:2px;cursor:pointer;transition:transform .2s ease;border:1px solid transparent}@media (hover: hover){.variant-swatch[data-v-0ee03522]:hover{transform:scale(1.2);border-color:var(--dracula-pink);z-index:1;position:relative}}.variant-swatch[data-v-0ee03522]:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.variant-swatch[data-v-0ee03522]:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}@media (max-width: 768px){.colors-grid[data-v-0ee03522]{grid-template-columns:1fr}.color-section[data-v-0ee03522]{padding:1.5rem}.copy-button[data-v-0ee03522]{min-height:44px;min-width:44px;padding:.75rem}.color-variant[data-v-0ee03522]{min-height:44px;min-width:44px}}[data-v-1a6f0248]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.palette-generator[data-v-1a6f0248]{margin-top:3rem;padding:2rem;background:var(--dracula-current-line);border-radius:12px;border:1px solid var(--dracula-selection)}.generator-header[data-v-1a6f0248]{text-align:center;margin-bottom:3rem}.generator-title[data-v-1a6f0248]{color:var(--dracula-foreground);font-size:2rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,var(--dracula-cyan),var(--dracula-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generator-description[data-v-1a6f0248]{color:var(--dracula-foreground);font-size:1.1rem;max-width:800px;margin:0 auto;opacity:.8}.standard-selector[data-v-1a6f0248]{margin-bottom:3rem}.standard-selector h3[data-v-1a6f0248]{color:var(--dracula-foreground);font-size:1.4rem;margin-bottom:1.5rem}.standards-grid[data-v-1a6f0248]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.standard-card[data-v-1a6f0248]{background:var(--dracula-background);border:2px solid var(--dracula-selection);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease}@media (hover: hover){.standard-card[data-v-1a6f0248]:hover{border-color:var(--dracula-pink);transform:translateY(-2px)}}.standard-card.selected[data-v-1a6f0248]{border-color:var(--dracula-green);background:var(--dracula-green-10)}.standard-header[data-v-1a6f0248]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.standard-header h4[data-v-1a6f0248]{color:var(--dracula-foreground);font-size:1.1rem;margin:0}.standard-badge[data-v-1a6f0248]{background:var(--dracula-purple);color:var(--dracula-background);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.standard-description[data-v-1a6f0248]{color:var(--dracula-comment);font-size:.9rem;margin-bottom:.75rem}.standard-best-for[data-v-1a6f0248]{color:var(--dracula-foreground);font-size:.85rem}.generation-controls[data-v-1a6f0248]{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.generate-button[data-v-1a6f0248]{background:linear-gradient(135deg,var(--dracula-pink),var(--dracula-purple));color:var(--dracula-background);border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media (hover: hover){.generate-button[data-v-1a6f0248]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff79c64d}}.generate-button[data-v-1a6f0248]:disabled{opacity:.5;cursor:not-allowed}.quick-actions[data-v-1a6f0248]{display:flex;gap:1rem}.quick-button[data-v-1a6f0248]{background:var(--dracula-selection);color:var(--dracula-foreground);border:1px solid var(--dracula-comment);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}@media (hover: hover){.quick-button[data-v-1a6f0248]:hover{background:var(--dracula-comment);color:var(--dracula-background)}}.generated-palettes[data-v-1a6f0248]{margin-top:3rem}.palettes-header[data-v-1a6f0248]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.palettes-header h3[data-v-1a6f0248]{color:var(--dracula-foreground);font-size:1.6rem}.palette-stats[data-v-1a6f0248]{display:flex;gap:1rem;flex-wrap:wrap}.stat[data-v-1a6f0248]{background:var(--dracula-background);color:var(--dracula-cyan);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;border:1px solid var(--dracula-selection)}.palettes-container[data-v-1a6f0248]{display:flex;flex-direction:column;gap:2rem}.palette-section[data-v-1a6f0248]{background:var(--dracula-background);border-radius:8px;padding:1.5rem;border:1px solid var(--dracula-selection)}.palette-header[data-v-1a6f0248]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.palette-header h4[data-v-1a6f0248]{color:var(--dracula-foreground);font-size:1.2rem;margin:0}.palette-meta[data-v-1a6f0248]{display:flex;gap:1rem;align-items:center}.accessibility-badge[data-v-1a6f0248]{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.accessibility-badge.AAA[data-v-1a6f0248]{background:var(--dracula-green);color:var(--dracula-background)}.accessibility-badge.AA[data-v-1a6f0248]{background:var(--dracula-yellow);color:var(--dracula-background)}.accessibility-badge.fail[data-v-1a6f0248]{background:var(--dracula-red);color:var(--dracula-foreground)}.color-count[data-v-1a6f0248]{color:var(--dracula-comment);font-size:.85rem}.palette-colors[data-v-1a6f0248]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1.5rem}.palette-color[data-v-1a6f0248]{aspect-ratio:1;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease}@media (hover: hover){.palette-color[data-v-1a6f0248]:hover{transform:scale(1.05)}}.color-overlay[data-v-1a6f0248]{position:absolute;inset:0;background:#000000b3;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;padding:.5rem;text-align:center}.palette-color:hover .color-overlay[data-v-1a6f0248]{opacity:1}.color-export-btn[data-v-1a6f0248]{position:absolute;top:.25rem;right:.25rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;padding:.2rem;cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@media (hover: hover){.color-export-btn[data-v-1a6f0248]:hover{background:var(--dracula-purple);border-color:var(--dracula-purple);transform:scale(1.1)}}.color-overlay:hover .color-export-btn[data-v-1a6f0248]{opacity:1}.color-hex[data-v-1a6f0248]{font-family:var(--font-family-mono);font-size:.8rem;font-weight:600}.color-name[data-v-1a6f0248]{font-size:.7rem;margin-top:.25rem}.color-usage[data-v-1a6f0248]{font-size:.6rem;opacity:.8;margin-top:.1rem}.palette-actions[data-v-1a6f0248]{display:flex;gap:1rem;justify-content:center}.export-button[data-v-1a6f0248]{background:var(--dracula-cyan);color:var(--dracula-background);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}@media (hover: hover){.export-button[data-v-1a6f0248]:hover{background:var(--dracula-green);transform:translateY(-1px)}}.accessibility-button[data-v-1a6f0248]{background:var(--dracula-orange);color:var(--dracula-background);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media (hover: hover){.accessibility-button[data-v-1a6f0248]:hover{background:var(--dracula-yellow);transform:translateY(-1px)}}@media (max-width: 768px){.palette-generator[data-v-1a6f0248]{padding:1rem}.standards-grid[data-v-1a6f0248]{grid-template-columns:1fr}.generation-controls[data-v-1a6f0248]{flex-direction:column;gap:1rem}.generate-button[data-v-1a6f0248]{min-height:44px;padding:.75rem 1.5rem;font-size:1rem}.quick-actions[data-v-1a6f0248]{justify-content:center;flex-wrap:wrap;gap:.75rem}.quick-button[data-v-1a6f0248]{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:.9rem}.palettes-header[data-v-1a6f0248]{flex-direction:column;align-items:flex-start}.palette-colors[data-v-1a6f0248]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.palette-actions[data-v-1a6f0248]{flex-wrap:wrap;gap:.75rem}.export-button[data-v-1a6f0248],.accessibility-button[data-v-1a6f0248]{min-height:44px;padding:.75rem 1rem;font-size:.9rem}.color-export-btn[data-v-1a6f0248]{min-height:44px;min-width:44px;padding:.75rem}}[data-v-c7278653]:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.notification[data-v-c7278653]{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:8px;color:var(--dracula-foreground);font-weight:500;z-index:1000;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.notification.success[data-v-c7278653]{background:var(--dracula-green);color:var(--dracula-background)}.notification.error[data-v-c7278653]{background:var(--dracula-red);color:var(--dracula-background)}.notification.info[data-v-c7278653]{background:var(--dracula-cyan);color:var(--dracula-background)}:root{--dracula-background: #282a36;--dracula-current-line: #44475a;--dracula-selection: #6272a4;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--dracula-cyan-10: rgba(139, 233, 253, .1);--dracula-cyan-20: rgba(139, 233, 253, .2);--dracula-cyan-30: rgba(139, 233, 253, .3);--dracula-green-10: rgba(80, 250, 123, .1);--dracula-green-20: rgba(80, 250, 123, .2);--dracula-green-30: rgba(80, 250, 123, .3);--dracula-orange-10: rgba(255, 184, 108, .1);--dracula-orange-20: rgba(255, 184, 108, .2);--dracula-orange-30: rgba(255, 184, 108, .3);--dracula-pink-10: rgba(255, 121, 198, .1);--dracula-pink-20: rgba(255, 121, 198, .2);--dracula-pink-30: rgba(255, 121, 198, .3);--dracula-purple-10: rgba(189, 147, 249, .1);--dracula-purple-20: rgba(189, 147, 249, .2);--dracula-purple-30: rgba(189, 147, 249, .3);--dracula-red-10: rgba(255, 85, 85, .1);--dracula-red-20: rgba(255, 85, 85, .2);--dracula-red-30: rgba(255, 85, 85, .3);--dracula-yellow-10: rgba(241, 250, 140, .1);--dracula-yellow-20: rgba(241, 250, 140, .2);--dracula-yellow-30: rgba(241, 250, 140, .3);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}#app{min-height:100vh;display:flex;flex-direction:column;background:var(--dracula-background);color:var(--dracula-foreground)}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.main-content{padding:1rem}}