*,*::before,*::after{box-sizing:border-box}html{font-size:13px;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:1.5;background-color:var(--bg-primary);color:var(--text-primary);padding:2rem}:root:not([data-theme-loaded]){--base-color: #007bff;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: var(--base-color);--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--bg-primary: #f4f4f5;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--bg-accent: #e3f2fd;--text-primary: #18181b;--text-secondary: #666666;--text-muted: #a1a1aa;--text-accent: #007bff;--border-primary: #d4d4d8;--border-secondary: #e4e4e7;--border-accent: #e9ecef;--shadow-primary: rgba(0, 0, 0, 0.05);--shadow-secondary: rgba(0, 0, 0, 0.1);--shadow-accent: rgba(0, 123, 255, 0.1);--error: #dc3545;--error-bg: #f8d7da;--error-border: #f5c6cb;--warning: #ffc107;--warning-bg: #fff3e0;--warning-border: #ffcc02;--success: #28a745;--success-bg: #e8f5e8;--success-border: #c8e6c9;--info: #17a2b8;--info-bg: #d1ecf1;--info-border: #bee5eb;--font-primary: "Inter", sans-serif;--font-secondary: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}.font-inter{font-family:"Inter",sans-serif}.font-roboto{font-family:"Roboto",sans-serif}.font-lato{font-family:"Lato",sans-serif}.font-montserrat{font-family:"Montserrat",sans-serif}.font-jetbrains-mono{font-family:"JetBrains Mono",monospace}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.editor-container{max-width:800px;margin:0 auto}.editor-header{border-bottom:1px solid var(--border-primary);padding-bottom:1rem;margin-bottom:2rem;position:relative}.editor-header h1{margin:0;font-size:2.5rem}.snippet{background-color:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px var(--shadow-primary);position:relative}.snippet textarea{width:100%;border:none;padding:1rem;font-size:1.1rem;line-height:1.6;background:rgba(0,0,0,0);resize:none;outline:none;font-family:inherit}.editor-controls{text-align:center;margin-top:2rem}.add-btn{background-color:var(--border-secondary);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-btn:hover{background-color:var(--border-primary)}.delete-btn{position:absolute;top:8px;right:8px;border:none;background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:4px;line-height:1;opacity:.5;transition:opacity .2s,color .2s}.delete-btn:hover{opacity:1}.delete-btn:hover{opacity:1;color:var(--error)}.dashboard-container{max-width:800px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);padding-bottom:1rem;margin-bottom:2rem}.project-list ul{list-style:none;padding:0}.project-list li a{display:block;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;text-decoration:none;color:var(--text-primary);font-weight:500;transition:box-shadow .2s}.project-list li a:hover{box-shadow:0 4px 6px var(--shadow-secondary)}.create-project-form{margin-top:2rem}.create-project-form input[type=text]{padding:.75rem;border:1px solid var(--border-primary);border-radius:8px;font-size:1rem;margin-right:.5rem}.save-status{position:absolute;top:5px;right:5px;color:var(--text-muted);font-size:.9rem;font-style:italic;transition:opacity .3s ease-in-out}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:1000}.modal-overlay.is-active{display:flex}.modal-content{background-color:var(--bg-secondary);border-radius:8px;padding:2rem;width:fit-content;min-width:300px;max-width:90vw;box-shadow:0 5px 15px var(--shadow-secondary);margin:1rem}.modal-content-based{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:2rem 0}.modal-content-based .modal-content{width:fit-content !important;min-width:300px !important;max-width:90vw !important;margin:1rem !important}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);padding-bottom:1rem;margin-bottom:1rem}.modal-header h2{margin:0}.modal-close-btn{border:none;background:rgba(0,0,0,0);font-size:1.8rem;cursor:pointer;color:var(--text-muted);padding:0;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.editor-layout{display:flex;height:100vh}.snippet-list-menu{width:280px;background-color:var(--bg-primary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-primary)}.sidebar-header h3{margin:0}.snippet-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.snippet-list li{padding:1rem;cursor:pointer;border-bottom:1px solid var(--border-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snippet-list li:hover{background-color:var(--border-secondary)}.snippet-list li.is-active{background-color:var(--bg-secondary);font-weight:600}.main-editor{flex-grow:1;display:flex;flex-direction:column;height:100%}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border-primary)}.editor-header h1{font-size:1.5rem;margin:0}.editor-header .editor-actions{display:flex;align-items:center;gap:1rem}.editor-header .delete-btn{position:static;font-size:1.5rem;opacity:1}.editor-content{flex-grow:1;padding:2rem}.editor-content textarea{width:100%;height:100%;border:none;font-size:1.1rem;line-height:1.6;resize:none;outline:none}.sidebar-controls{padding:1rem;border-top:1px solid var(--border-primary)}.add-btn{width:100%}.settings-form{background-color:var(--bg-secondary);padding:2rem;border-radius:8px}.form-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-accent);transition:.4s;border-radius:28px}.toggle-switch .slider::before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--bg-secondary);transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--primary-600)}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.settings-link{text-decoration:none;font-size:1.5rem;color:var(--text-muted)}.settings-link:hover{color:var(--text-primary)}.row-green{background-color:rgba(40,167,69,.1);border-left:4px solid #28a745}.row-yellow{background-color:rgba(255,193,7,.1);border-left:4px solid #ffc107}.row-red{background-color:rgba(220,53,69,.1);border-left:4px solid #dc3545}.text-green{color:#1e5b2c}.text-yellow{color:#856404}.text-red{color:#721c24}/*# sourceMappingURL=app.css.map */