:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-hover: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}@media(prefers-color-scheme:dark){:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-hover: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-primary);background:var(--bg-primary);line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}button{font-family:inherit;cursor:pointer}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-dark)}#app{width:100%;min-height:100vh}.home-page[data-v-07d96203]{padding:80px var(--spacing-xl) var(--spacing-xl);max-width:800px;margin:0 auto;text-align:center}h1[data-v-07d96203]{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}p[data-v-07d96203]{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.feature-cards[data-v-07d96203]{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.card[data-v-07d96203]{display:block;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);width:280px;text-align:left;text-decoration:none;transition:border-color .15s ease}.card[data-v-07d96203]:hover{border-color:var(--primary-color)}.card h2[data-v-07d96203]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.card p[data-v-07d96203]{font-size:.95rem;color:var(--text-secondary);margin-bottom:0;line-height:1.6}@media(max-width:640px){.home-page[data-v-07d96203]{padding:60px var(--spacing-lg) var(--spacing-xl)}h1[data-v-07d96203]{font-size:2rem}p[data-v-07d96203]{font-size:1rem;margin-bottom:var(--spacing-xl)}.feature-cards[data-v-07d96203]{flex-direction:column;align-items:center}.card[data-v-07d96203]{width:100%;max-width:320px}}.api-page[data-v-176f59d5]{padding:60px var(--spacing-xl) var(--spacing-xl);max-width:900px;margin:0 auto}h1[data-v-176f59d5]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center}p[data-v-176f59d5]{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);text-align:center}.api-list[data-v-176f59d5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.api-item[data-v-176f59d5]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.api-item h2[data-v-176f59d5]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.api-item p[data-v-176f59d5]{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-align:left}.api-item code[data-v-176f59d5]{background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);display:block;font-family:monospace;font-size:.8rem;color:var(--text-primary)}@media(max-width:640px){.api-page[data-v-176f59d5]{padding:40px var(--spacing-lg) var(--spacing-xl)}h1[data-v-176f59d5]{font-size:1.5rem}.api-list[data-v-176f59d5]{grid-template-columns:1fr}}.calculator[data-v-d62e2d5d]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);max-width:320px;margin:0 auto}.display[data-v-d62e2d5d]{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:right}.expression[data-v-d62e2d5d]{font-size:1rem;color:var(--text-secondary);min-height:1.5rem;word-break:break-all}.result[data-v-d62e2d5d]{font-size:2rem;font-weight:600;color:var(--text-primary)}.buttons[data-v-d62e2d5d]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}button[data-v-d62e2d5d]{padding:var(--spacing-md);font-size:1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .15s ease}button[data-v-d62e2d5d]:hover{background:var(--bg-secondary)}button[data-v-d62e2d5d]:active{transform:scale(.95)}.operator[data-v-d62e2d5d]{background:var(--bg-tertiary);font-weight:500}.operator[data-v-d62e2d5d]:hover{background:var(--border-color)}.zero[data-v-d62e2d5d]{grid-column:span 1}.text-processor[data-v-f9fec891]{max-width:600px;margin:0 auto}textarea[data-v-f9fec891]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;resize:vertical;background:var(--bg-primary);color:var(--text-primary)}textarea[data-v-f9fec891]:focus{outline:none;border-color:var(--primary-color)}.input-section[data-v-f9fec891]{margin-bottom:var(--spacing-md)}.actions[data-v-f9fec891]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}button[data-v-f9fec891]{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease}button[data-v-f9fec891]:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.output-section[data-v-f9fec891]{margin-bottom:var(--spacing-md)}.info[data-v-f9fec891]{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--text-secondary)}.unit-converter[data-v-cfd4c6ea]{max-width:500px;margin:0 auto}.converter-section[data-v-cfd4c6ea]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}label[data-v-cfd4c6ea]{width:40px;font-size:.9rem;color:var(--text-secondary)}input[data-v-cfd4c6ea]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}input[data-v-cfd4c6ea]:focus{outline:none;border-color:var(--primary-color)}input[readonly][data-v-cfd4c6ea]{background:var(--bg-tertiary)}select[data-v-cfd4c6ea]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}@media(max-width:480px){.converter-section[data-v-cfd4c6ea]{flex-wrap:wrap}input[data-v-cfd4c6ea],select[data-v-cfd4c6ea]{flex:1 1 45%}label[data-v-cfd4c6ea]{flex:1 1 100%}}.base64-codec[data-v-870fdfc9]{max-width:600px;margin:0 auto}.input-section[data-v-870fdfc9],.output-section[data-v-870fdfc9]{margin-bottom:var(--spacing-md)}label[data-v-870fdfc9]{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}textarea[data-v-870fdfc9]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:monospace;font-size:.95rem;resize:vertical;background:var(--bg-primary);color:var(--text-primary)}textarea[data-v-870fdfc9]:focus{outline:none;border-color:var(--primary-color)}.output-section[data-v-870fdfc9]{position:relative}.output-section textarea[data-v-870fdfc9]{padding-right:60px}.copy-btn[data-v-870fdfc9]{position:absolute;right:var(--spacing-sm);top:calc(1em + var(--spacing-sm));padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.copy-btn[data-v-870fdfc9]:hover{background:var(--border-color)}.actions[data-v-870fdfc9]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}button[data-v-870fdfc9]{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease}button[data-v-870fdfc9]:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.error[data-v-870fdfc9]{color:#ef4444;font-size:.875rem;padding:var(--spacing-sm);background:#fef2f2;border-radius:var(--radius-sm)}.color-picker[data-v-1aa18a41]{max-width:400px;margin:0 auto;text-align:center}.color-preview[data-v-1aa18a41]{width:100%;height:100px;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.picker-section[data-v-1aa18a41]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}label[data-v-1aa18a41]{width:50px;font-size:.9rem;color:var(--text-secondary);text-align:left;flex-shrink:0}.picker-section input[type=text][data-v-1aa18a41]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;font-family:monospace;background:var(--bg-primary);color:var(--text-primary)}.picker-section input[type=text][data-v-1aa18a41]:focus{outline:none;border-color:var(--primary-color)}.rgb-inputs[data-v-1aa18a41],.hsl-inputs[data-v-1aa18a41]{display:flex;gap:var(--spacing-xs);flex:1}.picker-section input[type=number][data-v-1aa18a41]{flex:1;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;font-family:monospace;background:var(--bg-primary);color:var(--text-primary);width:0}.picker-section input[type=number][data-v-1aa18a41]:focus{outline:none;border-color:var(--primary-color)}input[type=number][data-v-1aa18a41]::-webkit-inner-spin-button,input[type=number][data-v-1aa18a41]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.picker-section button[data-v-1aa18a41]{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.picker-section button[data-v-1aa18a41]:hover{background:var(--bg-tertiary)}.color-presets[data-v-1aa18a41]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.preset[data-v-1aa18a41]{width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);transition:transform .15s ease}.preset[data-v-1aa18a41]:hover{transform:scale(1.15)}.copy-toast[data-v-1aa18a41]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9rem;z-index:1000}.fade-enter-active[data-v-1aa18a41],.fade-leave-active[data-v-1aa18a41]{transition:opacity .3s ease}.fade-enter-from[data-v-1aa18a41],.fade-leave-to[data-v-1aa18a41]{opacity:0}.timestamp-converter[data-v-5813ae5e]{max-width:500px;margin:0 auto}.converter-section[data-v-5813ae5e]{margin-bottom:var(--spacing-lg)}label[data-v-5813ae5e]{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.current-timestamp[data-v-5813ae5e]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.current-timestamp .value[data-v-5813ae5e]{font-size:1.25rem;font-weight:600;font-family:monospace;color:var(--text-primary)}.current-timestamp button[data-v-5813ae5e]{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.current-timestamp button[data-v-5813ae5e]:hover{background:var(--border-color)}input[data-v-5813ae5e]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;margin-bottom:var(--spacing-sm);font-family:monospace;background:var(--bg-primary);color:var(--text-primary)}input[data-v-5813ae5e]:focus{outline:none;border-color:var(--primary-color)}input[readonly][data-v-5813ae5e]{background:var(--bg-tertiary);color:var(--text-secondary)}.quick-actions[data-v-5813ae5e]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.quick-actions button[data-v-5813ae5e]{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-primary);cursor:pointer}.quick-actions button[data-v-5813ae5e]:hover{background:var(--bg-tertiary)}.tools-page[data-v-2920f7ac]{padding:60px var(--spacing-xl) var(--spacing-xl);max-width:900px;margin:0 auto}h1[data-v-2920f7ac]{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center}p[data-v-2920f7ac]{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);text-align:center}.tools-list[data-v-2920f7ac]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}.tool-item[data-v-2920f7ac]{display:block;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-decoration:none;transition:border-color .15s ease}.tool-item[data-v-2920f7ac]:hover{border-color:var(--primary-color)}.tool-item h2[data-v-2920f7ac]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.tool-item p[data-v-2920f7ac]{font-size:.875rem;color:var(--text-secondary);margin-bottom:0;text-align:left}.tool-container[data-v-2920f7ac]{max-width:700px;margin:0 auto}.back-btn[data-v-2920f7ac]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-primary);text-decoration:none;transition:background .15s ease}.back-btn[data-v-2920f7ac]:hover{background:var(--bg-tertiary)}@media(max-width:640px){.tools-page[data-v-2920f7ac]{padding:40px var(--spacing-lg) var(--spacing-xl)}h1[data-v-2920f7ac]{font-size:1.5rem}.tools-list[data-v-2920f7ac]{grid-template-columns:1fr}}.app[data-v-120ed6c0]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-120ed6c0]{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.container[data-v-120ed6c0]{max-width:1000px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;height:64px}.logo[data-v-120ed6c0]{text-decoration:none}.logo h1[data-v-120ed6c0]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.menu-toggle[data-v-120ed6c0]{display:none;flex-direction:column;justify-content:space-around;width:24px;height:18px;background:transparent;border:none;padding:0;z-index:101}.menu-icon[data-v-120ed6c0]{display:block;width:100%;height:2px;background:var(--text-primary);transition:all .3s ease}.nav-links[data-v-120ed6c0]{display:flex;list-style:none;gap:var(--spacing-xl);margin:0;padding:0}.nav-links a[data-v-120ed6c0]{color:var(--text-secondary);font-size:.95rem;transition:color .2s ease;text-decoration:none}.nav-links a[data-v-120ed6c0]:hover,.nav-links a.active[data-v-120ed6c0]{color:var(--primary-color)}main[data-v-120ed6c0]{flex:1}.footer[data-v-120ed6c0]{padding:var(--spacing-xl);text-align:center;border-top:1px solid var(--border-color)}.footer p[data-v-120ed6c0]{font-size:.875rem;color:var(--text-tertiary)}@media(max-width:768px){.container[data-v-120ed6c0]{padding:0 var(--spacing-lg)}.menu-toggle[data-v-120ed6c0]{display:flex}.nav-links[data-v-120ed6c0]{position:absolute;top:64px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;padding:var(--spacing-lg) 0;gap:var(--spacing-lg);max-height:0;overflow:hidden;opacity:0}.nav-links.open[data-v-120ed6c0]{max-height:200px;opacity:1}.logo h1[data-v-120ed6c0]{font-size:1.1rem}}