:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #8b5cf6;--accent-color: #ec4899;--bg-dark: #1e1e2e;--bg-darker: #16161e;--bg-light: #2a2a3e;--border-color: #3a3a4e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--success-color: #a0d995;--error-color: #ff6b6b;--warning-color: #ffb347;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#1e1e2e,#2a2a3e);color:var(--text-primary);line-height:1.6;letter-spacing:.3px;background-attachment:fixed}#app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}p{color:var(--text-secondary)}a{color:var(--primary-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-color);text-decoration:underline}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);border-color:var(--primary-color);color:var(--primary-light)}.btn-secondary:active{transform:scale(.98)}input,textarea{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:.5rem;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:var(--transition)}input:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}textarea{resize:vertical;min-height:300px}input[type=color]{cursor:pointer;width:100px;height:100px;border-radius:1rem;padding:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.home-page{max-width:1400px;margin:0 auto;padding:2rem;width:100%}.hero-section{text-align:center;padding:4rem 2rem;margin-bottom:3rem}.hero-section h1{margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.tool-card{background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:var(--transition);text-decoration:none;display:block}.tool-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 25px #6366f126;text-decoration:none}.tool-card h3{margin-bottom:.5rem;color:var(--text-primary)}.tool-card p{font-size:.9rem;line-height:1.5}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.btn{padding:.625rem 1.25rem;font-size:.95rem}.hero-section{padding:2rem 1rem}.tagline{font-size:1rem}.tools-grid{grid-template-columns:1fr}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}.btn{padding:.5rem 1rem;font-size:.875rem}}.header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;background:#1a1a24cc;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0003}.header-logo{display:flex;align-items:center;gap:1.5rem;flex:1}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:.5rem}.logo-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.logo-text{display:flex;align-items:center;gap:.75rem}.site-title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px;line-height:1}.site-tagline{display:none}.lang-selector{display:flex;gap:.25rem;align-items:center}.lang-btn{padding:.375rem .625rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.375rem;cursor:pointer;font-weight:600;font-size:.75rem;transition:var(--transition)}.lang-btn:hover{border-color:var(--primary-color);color:var(--primary-light)}.lang-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6366f14d}@media (max-width: 768px){.header{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.header-logo{width:100%}.logo-icon{width:36px;height:36px}.site-title{font-size:1.125rem}.site-tagline{display:none}.lang-selector{width:100%;justify-content:center}.lang-btn{padding:.375rem .5rem;font-size:.7rem}}.nav-bar{display:flex;overflow-x:auto;overflow-y:hidden;padding:.625rem 1rem;background:#1a1a2480;border-bottom:1px solid var(--border-color);gap:.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.nav-bar::-webkit-scrollbar{height:4px}.nav-bar::-webkit-scrollbar-track{background:transparent}.nav-bar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.tools-container{display:flex;gap:.5rem;min-width:min-content}.nav-tool-btn{padding:.5rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.375rem;cursor:pointer;font-weight:600;font-size:.875rem;white-space:nowrap;transition:var(--transition);font-family:inherit}.nav-tool-btn:hover{background:var(--border-color);border-color:var(--primary-color);color:var(--primary-light);transform:translateY(-2px)}.nav-tool-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6366f14d}.nav-tool-btn:active{transform:translateY(0)}@media (max-width: 768px){.nav-bar{padding:.5rem .75rem}.nav-tool-btn{padding:.375rem .75rem;font-size:.8rem}}.footer{margin-top:auto;padding:2rem;background:#1a1a24cc;border-top:1px solid var(--border-color);text-align:center;font-size:.9rem}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-content p{color:var(--text-secondary)}.footer-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.footer-links a{color:var(--primary-light);transition:var(--transition)}.footer-links a:hover{color:var(--primary-color)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-dark);border-radius:.75rem;border:1px solid var(--border-color);max-width:700px;width:100%;max-height:80vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;color:var(--text-secondary);line-height:1.6}.modal-body h4{color:var(--text-primary);margin-top:1.25rem;margin-bottom:.5rem}.modal-body p{margin:.5rem 0}.modal-body h4:first-child{margin-top:0}@media (max-width: 480px){.footer{padding:1rem}.footer-links{gap:1rem;font-size:.85rem}.footer-content p{font-size:.85rem}.modal-content{max-height:90vh}.modal-header,.modal-body{padding:1rem}}.tool-page-wrapper{max-width:1400px;margin:0 auto;padding:2rem;width:100%;animation:fadeIn .3s ease-out}.tool-container{display:flex;flex-direction:column;gap:2rem}.tool-header{border-bottom:2px solid var(--border-color);padding-bottom:1.5rem}.tool-header h2{color:var(--text-primary);margin-bottom:.5rem}.tool-description{color:var(--text-secondary);font-size:1rem}.tool-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1}.editor-pane{display:flex;flex-direction:column;gap:.75rem}.editor-pane label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.editor-pane textarea{font-family:JetBrains Mono,monospace;font-size:.9rem;min-height:200px;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem;border-radius:.5rem;transition:var(--transition)}.editor-pane textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.tool-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.regex-controls,.uuid-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:var(--bg-light);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);grid-column:1 / -1}.uuid-count-control,.uuid-version-control{display:flex;flex-direction:column;gap:.75rem}.uuid-count-control input,.uuid-version-control select{font-family:JetBrains Mono,monospace;font-size:.9rem;padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-group label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.control-group input{font-family:JetBrains Mono,monospace;font-size:.9rem;padding:.75rem;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;transition:var(--transition)}.control-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.full-width{grid-column:1 / -1}.color-preview-container{display:flex;gap:1.5rem;align-items:center;background:var(--bg-light);padding:2rem;border-radius:.5rem;border:1px solid var(--border-color);grid-column:1 / -1}.color-preview{width:120px;height:120px;border-radius:1rem;border:2px solid var(--border-color);box-shadow:0 8px 24px #0006;transition:var(--transition)}.color-input{width:100px;height:100px;cursor:pointer;border-radius:.5rem}.color-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;grid-column:1 / -1}.format-group{display:flex;flex-direction:column;gap:.75rem}.format-group label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.format-group input{font-family:JetBrains Mono,monospace;font-size:.9rem;padding:.75rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;transition:var(--transition)}@media (max-width: 768px){.tool-page-wrapper{padding:1.5rem}.tool-content,.regex-controls{grid-template-columns:1fr}.color-preview-container{flex-direction:column;align-items:flex-start}.editor-pane textarea{min-height:150px}.tool-actions{gap:.75rem}.btn{flex:1;min-width:100px}}@media (max-width: 480px){.tool-page-wrapper{padding:1rem}.tool-actions{flex-direction:column}.btn{width:100%}.color-formats{grid-template-columns:1fr}.editor-pane textarea{min-height:120px}}.http-request-section{display:flex;flex-direction:column;gap:1.5rem}.http-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.http-controls .method-selector{display:flex;flex-direction:column;gap:.5rem}.http-controls .method-selector select{padding:.75rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;font-weight:600;cursor:pointer;transition:var(--transition)}.http-controls .method-selector select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.http-controls .url-input{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.5rem}.http-controls .url-input input{font-family:JetBrains Mono,monospace;font-size:.9rem;padding:.75rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;transition:var(--transition)}.http-controls .url-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.http-controls .btn{padding:.75rem 1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:.75rem}.btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;cursor:pointer;font-size:1.2rem;transition:var(--transition)}.btn-icon:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-remove:hover{background:#ff6b6b;border-color:#ff6b6b}.headers-section{background:var(--bg-light);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.headers-list{display:flex;flex-direction:column;gap:.75rem}.header-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:center}.header-row input{font-family:JetBrains Mono,monospace;font-size:.85rem;padding:.6rem .75rem;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;transition:var(--transition)}.header-row input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.body-section{background:var(--bg-light);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.http-body{font-family:JetBrains Mono,monospace;font-size:.9rem;min-height:150px;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem;border-radius:.5rem;resize:vertical;transition:var(--transition)}.http-body:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.http-response-section{display:flex;flex-direction:column;gap:1rem}.response-status{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:.5rem;border:1px solid var(--border-color)}.status-label{font-weight:600;color:var(--text-secondary)}.status-code{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;padding:.25rem .75rem;border-radius:.25rem}.status-2xx{background:#10b981;color:#fff}.status-3xx{background:#f59e0b;color:#fff}.status-4xx{background:#ef4444;color:#fff}.status-5xx{background:#dc2626;color:#fff}.status-error{background:#6b7280;color:#fff}.status-text{color:var(--text-secondary)}.response-info{display:flex;gap:2rem;padding:.75rem 1rem;background:var(--bg-light);border-radius:.5rem;border:1px solid var(--border-color)}.info-item{display:flex;gap:.5rem}.info-label{color:var(--text-secondary)}.info-value{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary)}.response-headers{background:var(--bg-light);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);max-height:150px;overflow-y:auto}.response-header-item{font-family:JetBrains Mono,monospace;font-size:.85rem;padding:.25rem 0;border-bottom:1px solid var(--border-color)}.response-header-item:last-child{border-bottom:none}.response-header-item .header-name{color:var(--primary-color)}.response-header-item .header-val{color:var(--text-primary)}.http-response{font-family:JetBrains Mono,monospace;font-size:.9rem;min-height:200px;background:var(--bg-light);border:1px solid var(--border-color);color:#a0d995;padding:1rem;border-radius:.5rem}@media (max-width: 768px){.http-controls{flex-direction:column;align-items:stretch}.http-controls .method-selector,.http-controls .url-input{width:100%}.header-row{grid-template-columns:1fr}.response-info{flex-direction:column;gap:.5rem}}.timestamp-content{display:flex;flex-direction:column;gap:1.5rem}.timestamp-current-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:2rem;border-radius:1rem;text-align:center}.current-time-display{display:flex;flex-direction:column;gap:.5rem}.current-time-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.current-time-value{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;color:#fff}.current-timezone-display{font-size:.9rem;opacity:.9}.timestamp-input-section{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;align-items:end}.timestamp-input-group{display:flex;flex-direction:column;gap:.5rem}.timestamp-input-group label,.timestamp-unit-selector label,.timestamp-timezone-select label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.timestamp-input{font-family:JetBrains Mono,monospace;font-size:1rem;padding:.75rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;transition:var(--transition)}.timestamp-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.timestamp-unit-selector{display:flex;flex-direction:column;gap:.5rem}.unit-buttons{display:flex;gap:.5rem}.unit-btn{padding:.5rem .75rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;transition:var(--transition)}.unit-btn:hover{background:var(--bg-dark);color:var(--text-primary)}.unit-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.timestamp-timezone-select{display:flex;flex-direction:column;gap:.5rem}.timestamp-timezone-select select{padding:.75rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:var(--transition);min-width:200px}.timestamp-timezone-select select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.timestamp-results-section{display:flex;flex-direction:column;gap:1.5rem}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.result-card{background:var(--bg-light);padding:1.25rem;border-radius:.75rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.result-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.result-value{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;color:var(--text-primary);word-break:break-all}.timestamp-conversions{background:var(--bg-light);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.conversion-row{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.conversion-row:last-child{border-bottom:none}.conversion-label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.conversion-value{font-family:JetBrains Mono,monospace;color:var(--primary-color);font-size:.9rem}.conversion-row .btn-icon{width:32px;height:32px;font-size:1rem}@media (max-width: 768px){.timestamp-input-section{grid-template-columns:1fr}.timestamp-timezone-select select{min-width:100%}.result-grid{grid-template-columns:1fr}.conversion-row{grid-template-columns:1fr auto}.conversion-label{grid-column:1 / -1}}.sqlite-content{grid-template-columns:1fr;gap:1.5rem}.sqlite-file-section{background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sqlite-status{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-primary);padding:.5rem .75rem;background:var(--bg-dark);border-radius:.5rem}.sqlite-file-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.sqlite-upload-label{cursor:pointer;display:inline-flex;align-items:center}.sqlite-upload-label input[type=file]{display:none}.sqlite-info{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.sqlite-db-name,.sqlite-size{background:var(--bg-dark);padding:.25rem .75rem;border-radius:.375rem}.sqlite-tables-section{background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.sqlite-tables-list{display:flex;flex-direction:column;gap:.5rem}.sqlite-table-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-dark);border-radius:.375rem;gap:.75rem}.sqlite-table-name{font-family:JetBrains Mono,monospace;color:var(--text-primary);font-size:.9rem}.sqlite-table-actions{display:flex;gap:.5rem}.sqlite-empty{color:var(--text-secondary);font-size:.9rem;font-style:italic}.sqlite-sql-section{display:flex;flex-direction:column;gap:.75rem}.sqlite-sql-input{font-family:JetBrains Mono,monospace;font-size:.9rem;min-height:180px;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem;border-radius:.5rem;resize:vertical;transition:var(--transition)}.sqlite-sql-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.sqlite-results-section{background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sqlite-result-info{color:var(--text-secondary);font-size:.85rem;font-family:JetBrains Mono,monospace}.sqlite-results-area{display:flex;flex-direction:column;gap:1rem}.sqlite-result-table-wrapper{background:var(--bg-dark);border-radius:.5rem;overflow:hidden}.sqlite-result-title{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary);padding:.5rem .75rem;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.sqlite-result-table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}.sqlite-result-table thead{background:var(--primary-color)}.sqlite-result-table thead tr{display:table-row}.sqlite-result-table th{padding:.5rem .75rem;text-align:left;color:#fff;font-weight:600;font-size:.85rem;white-space:nowrap}.sqlite-result-table tbody{display:table-row-group}.sqlite-result-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;white-space:pre-wrap;word-break:break-word}.sqlite-result-table tr:last-child td{border-bottom:none}.sqlite-result-table tbody tr:hover{background:#6366f10d}.sqlite-error{color:#ff6b6b;background:#ff6b6b14;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,107,107,.2);font-family:JetBrains Mono,monospace;font-size:.85rem}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem;color:var(--text-primary);gap:.75rem;flex-wrap:wrap}@media (max-width: 768px){.sqlite-file-section,.sqlite-tables-section,.sqlite-results-section{padding:1rem}.sqlite-sql-input{min-height:140px}.sqlite-table-item{flex-direction:column;align-items:flex-start}}.unit-converter-content{display:flex;flex-direction:column;gap:2rem}.unit-category-section{display:flex;flex-direction:column;gap:1rem}.unit-category-section label{font-weight:600;color:var(--text-color)}.unit-category-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-color);cursor:pointer;font-size:.9rem;transition:all .15s ease}.category-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.unit-input-section{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color)}.unit-input-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.unit-input-group{display:flex;gap:.5rem;align-items:center}.unit-input,.unit-output{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-color);font-size:1rem;font-family:inherit;min-width:0}.unit-input:focus{outline:none;border-color:var(--primary-color)}.unit-output{cursor:pointer;background:var(--bg-secondary);font-weight:600}.unit-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-color);font-size:.9rem;font-family:inherit;cursor:pointer;min-width:160px}.unit-arrow{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-align:center}.unit-conversion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.conversion-card{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .15s ease}.conversion-card:hover{border-color:var(--primary-color);transform:translateY(-1px)}.conversion-card-unit{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.conversion-card-value{font-size:1.1rem;font-weight:600;color:var(--text-color);font-family:var(--font-mono, monospace);word-break:break-word}@media (max-width: 768px){.unit-input-row{grid-template-columns:1fr;gap:.75rem}.unit-arrow{transform:rotate(90deg)}.unit-select{min-width:120px}}.calculator-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.calculator-history-panel{background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:500px}.calc-history-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.calc-history-clear{font-size:.75rem;padding:.25rem .5rem;background:transparent;border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.calc-history-clear:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.calc-history-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:400px}.calc-history-empty{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:1rem;font-style:italic}.calc-history-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;background:var(--bg-dark);border-radius:.5rem;cursor:pointer;transition:var(--transition)}.calc-history-item:hover{background:var(--primary-color)}.calc-history-item:hover .calc-history-expr,.calc-history-item:hover .calc-history-result{color:#fff}.calc-history-expr{font-size:.75rem;color:var(--text-secondary);word-break:break-all}.calc-history-result{font-size:.9rem;font-weight:600;color:var(--text-primary);font-family:JetBrains Mono,monospace}.calculator-main{display:flex;flex-direction:column;gap:.75rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem}.calc-display{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;min-height:90px}.calc-angle-toggle{display:flex;gap:.5rem;justify-content:flex-end}.angle-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:600;border:1px solid var(--border-color);border-radius:.25rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.angle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.angle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calc-expr{font-size:1rem;color:var(--text-secondary);min-height:1.5rem;word-break:break-all;text-align:right;font-family:JetBrains Mono,monospace}.calc-result{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:right;font-family:JetBrains Mono,monospace;overflow:hidden;text-overflow:ellipsis}.calc-memory-bar{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-secondary);padding:.5rem;background:var(--bg-secondary);border-radius:.5rem;flex-wrap:wrap}.calc-memory-indicator{font-weight:700;color:var(--text-secondary);padding:.1rem .4rem;border-radius:.2rem;background:var(--bg-dark);transition:var(--transition)}.calc-memory-indicator.active{background:var(--primary-color);color:#fff}.calc-memory-bar button{padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--border-color);border-radius:.25rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.calc-memory-bar button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calc-keyboard{display:flex;flex-direction:column;gap:.5rem}.calc-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.calc-btn{padding:.85rem .5rem;font-size:1rem;font-weight:600;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .1s ease;text-align:center;user-select:none}.calc-btn.primary{background:var(--bg-secondary);color:var(--text-primary)}.calc-btn.primary:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calc-btn.primary:active{transform:scale(.95)}.calc-btn.secondary{background:var(--bg-dark);color:var(--text-secondary)}.calc-btn.secondary:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.calc-btn.secondary:active{transform:scale(.95)}.calc-btn.accent{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calc-btn.accent:hover{opacity:.85}.calc-btn.accent:active{transform:scale(.95)}.calc-btn.wide-equal{grid-column:span 1}.calc-btn.func{font-size:.85rem}.calc-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.calc-mode-switcher{display:flex;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.calc-mode-btn{flex:1;min-width:0;padding:.5rem .75rem;font-size:.85rem;font-weight:600;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-dark);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:center}.calc-mode-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.calc-mode-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calc-base-selector{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:var(--bg-dark);border-radius:.5rem}.calc-base-label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.calc-base-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.calc-base-btn{padding:.4rem .5rem;font-size:.8rem;font-weight:700;border:1px solid var(--border-color);border-radius:.35rem;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:JetBrains Mono,monospace}.calc-base-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.calc-base-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width: 768px){.calculator-layout{grid-template-columns:1fr;gap:1rem}.calculator-history-panel{max-height:200px;order:2}.calculator-main{order:1}.calc-row{grid-template-columns:repeat(5,1fr)}.calc-result{font-size:1.5rem}.calc-keyboard{gap:.35rem}.calc-btn{padding:.65rem .35rem;font-size:.9rem}.calc-mode-btn{padding:.4rem .5rem;font-size:.75rem}.calc-base-btn{padding:.3rem .4rem;font-size:.75rem}}.pw-layout{display:grid;grid-template-columns:1fr 260px;gap:1rem;align-items:start}.pw-generator{display:flex;flex-direction:column;gap:1rem}.pw-output-box{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.pw-output{width:100%;background:transparent;border:none;outline:none;font-size:1.1rem;font-family:JetBrains Mono,monospace;color:var(--text-primary);resize:vertical;text-align:center;letter-spacing:.05em}.pw-strength-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.pw-strength-fill{height:100%;width:0;background:#e0e0e0;border-radius:2px;transition:width .3s ease,background .3s ease}.pw-strength-label{font-size:.75rem;font-weight:600;text-align:right;color:var(--text-secondary)}.pw-controls{display:flex;flex-direction:column;gap:.75rem}.pw-length-control label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.pw-length-row{display:flex;align-items:center;gap:.75rem}.pw-length-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border-color);outline:none}.pw-length-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #0003}.pw-length-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white}.pw-length-value{min-width:2.5rem;text-align:center;font-weight:700;font-size:1rem;color:var(--text-primary);font-family:JetBrains Mono,monospace}.pw-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.pw-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:.35rem .5rem;border:1px solid var(--border-color);border-radius:.35rem;transition:var(--transition)}.pw-checkbox-label:hover{border-color:var(--primary-color);color:var(--primary-color)}.pw-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.pw-custom-exclude{display:flex;flex-direction:column;gap:.4rem}.pw-custom-exclude label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.pw-custom-exclude-input{padding:.5rem .75rem;font-size:.9rem;border:1px solid var(--border-color);border-radius:.4rem;background:var(--bg-dark);color:var(--text-primary);font-family:JetBrains Mono,monospace;outline:none;transition:var(--transition)}.pw-custom-exclude-input:focus{border-color:var(--primary-color)}.pw-actions{display:flex;gap:.5rem;flex-wrap:wrap}.pw-actions .btn{flex:1;min-width:100px}.pw-history-panel{background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.pw-history-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.pw-history-clear{background:none;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;padding:.15rem .4rem;border-radius:.2rem;transition:var(--transition)}.pw-history-clear:hover{color:var(--primary-color)}.pw-history-list{max-height:350px;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.35rem}.pw-history-empty{padding:1rem .5rem;text-align:center;font-size:.8rem;color:var(--text-secondary)}.pw-history-item{padding:.4rem .5rem;background:var(--bg-dark);border-radius:.3rem;font-size:.75rem;font-family:JetBrains Mono,monospace;color:var(--text-primary);word-break:break-all;line-height:1.4}@media (max-width: 768px){.pw-layout{grid-template-columns:1fr}.pw-history-panel{order:2}.pw-generator{order:1}.pw-checkboxes{grid-template-columns:1fr}.pw-history-list{max-height:150px}}.x509-input-area{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.x509-input-area label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem;font-weight:600}.x509-input{width:100%;min-height:220px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.35rem;padding:.75rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;line-height:1.5;resize:vertical;box-sizing:border-box;transition:var(--transition)}.x509-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f626}.x509-or{text-align:center;color:var(--text-secondary);font-size:.8rem;margin:1rem 0;text-transform:uppercase;letter-spacing:.08em}.x509-file-area{text-align:center;margin-bottom:1rem}.x509-file-label{display:inline-block;padding:.5rem 1rem;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:.35rem;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:var(--transition)}.x509-file-label:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.x509-file-input{display:none}.x509-result-area{border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.x509-result-nav{display:flex;gap:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.x509-nav-btn{background:none;border:none;padding:.75rem 1.25rem;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;border-bottom:2px solid transparent;transition:var(--transition)}.x509-nav-btn:hover{color:var(--accent-primary)}.x509-nav-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.x509-tab-content{background:var(--bg-primary);max-height:none}.x509-tab-content pre{margin:0;padding:1rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.72rem;line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:600px;overflow:auto}.x509-error{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:var(--text-primary);padding:1rem 1.25rem;border-radius:.5rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.85rem;margin-top:1rem}.cert-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.cert-section:last-child{border-bottom:none}.cert-section h3{margin:0 0 1rem;font-size:.95rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.cert-status-row{display:flex;align-items:center;gap:1rem}.cert-status{display:inline-block;padding:.35rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cert-status.status-ok{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.cert-status.status-warn{background:#eab3081f;color:#eab308;border:1px solid rgba(234,179,8,.3)}.cert-status.status-error{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.cert-days-valid{color:var(--text-secondary);font-size:.85rem}.cert-dn{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.8rem;background:var(--bg-secondary);padding:.6rem .85rem;border-radius:.35rem;color:var(--text-primary);word-break:break-all;line-height:1.7}.cert-field{display:flex;gap:1rem;padding:.4rem 0;font-size:.85rem;border-bottom:1px dashed rgba(148,163,184,.1)}.cert-field:last-child{border-bottom:none}.cert-field span:first-child{min-width:180px;color:var(--text-secondary);font-weight:600;flex-shrink:0}.cert-field span:last-child{color:var(--text-primary);word-break:break-all;flex:1}.cert-field-value span:last-child{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.78rem}.cert-hex-blob{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.72rem;color:var(--text-secondary);letter-spacing:.03em;word-break:break-all}.cert-note{color:var(--text-secondary);font-size:.85rem;font-style:italic}.cert-extension{background:var(--bg-secondary);padding:1rem 1.1rem;margin-bottom:.75rem;border-radius:.35rem}.cert-extension:last-child{margin-bottom:0}.cert-extension h4{margin:0 0 .5rem;font-size:.85rem;color:var(--text-primary);font-weight:700}.cert-oid{color:var(--text-secondary);font-weight:400;font-size:.75rem}.cert-critical{display:inline-block;margin-left:.5rem;padding:.1rem .45rem;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cert-extension-value{color:var(--text-primary);font-size:.82rem;margin-left:.25rem}.cert-extension-value ul{margin:.35rem 0 0;padding-left:1.25rem}.cert-extension-value li{padding:.15rem 0;color:var(--text-primary);font-size:.82rem;word-break:break-all}@media (max-width: 640px){.x509-input-area{padding:1rem}.x509-input{min-height:160px;font-size:.7rem}.cert-section{padding:1rem}.cert-field{flex-direction:column;gap:.25rem}.cert-field span:first-child{min-width:auto}.x509-nav-btn{padding:.6rem .75rem;font-size:.75rem}}.chain-input-area{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;margin-bottom:1.25rem}.chain-input-area label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.chain-input{width:100%;min-height:180px;padding:.75rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.35rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.4;resize:vertical;box-sizing:border-box}.chain-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-focus)}.chain-or{text-align:center;margin:.85rem 0;color:var(--text-muted);font-size:.8rem}.chain-file-area{text-align:center;margin-bottom:1rem}.chain-file-label{display:inline-block;padding:.5rem 1rem;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:.35rem;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:var(--transition)}.chain-file-label:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.chain-file-input{display:none}.chain-summary{margin-bottom:1.25rem}.chain-summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem}.chain-summary-status{margin-bottom:.75rem}.chain-status{display:inline-block;padding:.4rem .9rem;border-radius:.35rem;font-weight:600;font-size:.95rem}.chain-status-ok{background:var(--success-bg, rgba(40, 167, 69, .15));color:var(--success-text, #28a745)}.chain-status-error{background:var(--error-bg, rgba(220, 53, 69, .15));color:var(--error-text, #dc3545)}.chain-summary-stats{display:flex;gap:1.25rem;margin-bottom:.85rem;color:var(--text-secondary);font-size:.9rem;flex-wrap:wrap}.chain-summary-stats .pass{color:var(--success-text, #28a745)}.chain-summary-stats .fail{color:var(--error-text, #dc3545)}.chain-summary-stats .info{color:var(--text-muted)}.chain-order{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.35rem;padding:.75rem}.chain-order-item{display:flex;align-items:center;padding:.3rem 0;font-size:.88rem}.chain-order-item+.chain-order-item{border-top:1px dashed var(--border-color)}.chain-order-label{min-width:110px;font-weight:600;color:var(--accent-primary);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.chain-order-dn{color:var(--text-primary);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.82rem;word-break:break-all}.chain-summary-issues{margin-top:.75rem;color:var(--error-text, #dc3545);font-size:.85rem;background:var(--error-bg, rgba(220, 53, 69, .08));padding:.5rem .75rem;border-radius:.35rem}.chain-results{display:flex;flex-direction:column;gap:1rem}.chain-cert-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem}.chain-cert-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.chain-cert-label{display:inline-block;padding:.2rem .55rem;background:var(--accent-primary);color:#fff;border-radius:.25rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.chain-cert-subject{margin:.35rem 0 0;color:var(--text-primary);font-size:1.05rem;font-weight:600;word-break:break-all}.chain-cert-score{display:flex;gap:.5rem;font-weight:600;font-size:.95rem;white-space:nowrap}.chain-cert-score .pass{color:var(--success-text, #28a745)}.chain-cert-score .fail{color:var(--error-text, #dc3545)}.chain-cert-issuer,.chain-cert-validity{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0}.chain-cert-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;color:var(--text-muted);font-size:.8rem;margin:.5rem 0 .85rem;padding-bottom:.85rem;border-bottom:1px dashed var(--border-color)}.chain-cert-checks{list-style:none;margin:.5rem 0 0;padding:0}.chain-cert-checks li{display:flex;gap:.5rem;padding:.35rem .5rem;border-radius:.3rem;font-size:.85rem;line-height:1.4;align-items:flex-start}.chain-cert-checks li+li{margin-top:.2rem}.chain-cert-checks li.check-ok{background:var(--success-bg, rgba(40, 167, 69, .08));color:var(--text-primary)}.chain-cert-checks li.check-fail{background:var(--error-bg, rgba(220, 53, 69, .08));color:var(--text-primary)}.chain-cert-checks li.check-info{background:var(--bg-primary);color:var(--text-secondary)}.check-icon{font-weight:700;min-width:1em}li.check-ok .check-icon{color:var(--success-text, #28a745)}li.check-fail .check-icon{color:var(--error-text, #dc3545)}li.check-info .check-icon{color:var(--text-muted)}.check-label{font-weight:600;color:var(--text-primary);min-width:110px}.check-detail{color:var(--text-secondary);word-break:break-word}.chain-error{background:var(--error-bg, rgba(220, 53, 69, .08));border:1px solid var(--error-text, #dc3545);color:var(--error-text, #dc3545);padding:.85rem 1rem;border-radius:.35rem;font-size:.9rem;margin-top:.5rem}.cfv-content{display:flex;flex-direction:column;gap:1.5rem}.cfv-drop-zone{background:var(--bg-light, #f8f9fa);border:2px dashed var(--border-color, #d1d5db);border-radius:.75rem;padding:2rem;text-align:center;transition:all .2s ease;cursor:pointer}.cfv-drop-zone:hover,.cfv-drop-zone.drag-over{border-color:var(--primary-color, #3b82f6);background:#3b82f60d}.cfv-choose-btn{padding:.5rem 1rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.35rem;font-size:.9rem;cursor:pointer;margin-bottom:.75rem;transition:opacity .15s ease}.cfv-choose-btn:hover{opacity:.9}.cfv-drop-hint{color:var(--text-secondary, #6b7280);font-size:.85rem;margin:0}.cfv-file-summary{color:var(--text-primary, #111827);font-size:.9rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;margin-top:.75rem;padding:.5rem;background:#00000008;border-radius:.35rem}.cfv-error{background:#dc262614;border:1px solid rgba(220,38,38,.3);color:var(--text-primary, #111827);padding:.75rem 1rem;border-radius:.35rem;font-size:.9rem}.cfv-body{display:flex;flex-direction:column;gap:1.5rem}.cfv-meta{background:var(--bg-light, #f8f9fa);border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;padding:1rem 1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.cfv-meta-row{display:flex;gap:.5rem;font-size:.85rem;align-items:center}.cfv-meta-key{color:var(--text-secondary, #6b7280);font-weight:600}.cfv-meta-val{color:var(--text-primary, #111827);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;word-break:break-all}.cfv-entries-wrap{background:var(--bg-light, #f8f9fa);border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;overflow:hidden}.cfv-entries-table{width:100%;border-collapse:collapse}.cfv-entries-table thead{background:var(--primary-color, #3b82f6);color:#fff}.cfv-entries-table th{padding:.6rem .75rem;text-align:left;font-size:.85rem;font-weight:600}.cfv-entries-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color, #d1d5db);font-size:.85rem;color:var(--text-primary, #111827)}.cfv-entries-table tbody tr:hover{background:#3b82f60d}.cfv-entries-table td.cfv-td-name{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;word-break:break-all}.cfv-entry-btn{padding:.25rem .6rem;background:transparent;border:1px solid var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6);border-radius:.25rem;font-size:.8rem;cursor:pointer;transition:all .15s ease}.cfv-entry-btn:hover{background:var(--primary-color, #3b82f6);color:#fff}.cfv-preview{background:var(--bg-light, #f8f9fa);border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column}.cfv-preview-body{padding:1rem 1.25rem;max-height:400px;overflow:auto;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text-primary, #111827);background:#00000005;margin:0}.cfv-preview-actions{padding:.75rem 1.25rem;border-top:1px solid var(--border-color, #d1d5db);display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cfv-download-btn{padding:.4rem .8rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.35rem;font-size:.85rem;cursor:pointer;transition:opacity .15s ease}.cfv-download-btn:hover:not(:disabled){opacity:.9}.cfv-download-btn:disabled{opacity:.4;cursor:not-allowed}.cfv-preview-info{color:var(--text-secondary, #6b7280);font-size:.8rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace}@media (max-width: 768px){.cfv-entries-table{font-size:.75rem}.cfv-entries-table th,.cfv-entries-table td{padding:.35rem .5rem}.cfv-meta{grid-template-columns:1fr}}.cfv-csv{background:var(--bg-2);border:1px solid var(--border-1);border-radius:6px;overflow:auto;max-height:600px}.cfv-csv table{width:100%;border-collapse:collapse;font-size:.85rem}.cfv-csv thead th{position:sticky;top:0;background:var(--bg-3);color:var(--fg-1);text-align:left;padding:8px 12px;border-bottom:2px solid var(--border-1);font-weight:600;white-space:nowrap}.cfv-csv tbody td{padding:6px 12px;border-bottom:1px solid var(--border-1);color:var(--fg-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.cfv-csv tbody tr:nth-child(2n){background:#ffffff05}.cfv-csv tbody tr:hover{background:var(--bg-3)}.cfv-muted{color:var(--fg-3);font-size:.85rem;padding:6px 8px}.cfv-pre{background:var(--bg-2);border:1px solid var(--border-1);border-radius:6px;padding:12px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.5;color:var(--fg-2);white-space:pre-wrap;word-break:break-all;max-height:600px;overflow-y:auto;margin:0}@media (max-width: 640px){.chain-cert-header{flex-direction:column}.chain-cert-score{align-self:flex-end}.chain-summary-stats{gap:.75rem;font-size:.85rem}.chain-order-label{min-width:85px;font-size:.72rem}.chain-order-dn{font-size:.75rem}.check-label{min-width:90px;font-size:.82rem}.chain-cert-checks li{font-size:.8rem}}.pkt-input-area{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.75rem}.pkt-file-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pkt-file-label{display:inline-block;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border-radius:.35rem;cursor:pointer;font-size:.85rem;transition:opacity .15s ease}.pkt-file-label:hover{opacity:.9}.pkt-file-input{display:none}.pkt-file-status{color:var(--text-secondary);font-size:.85rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.pkt-filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pkt-filter-row label{color:var(--text-secondary);font-size:.85rem}.pkt-filter-input{flex:1;min-width:240px;padding:.45rem .6rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.35rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.pkt-filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-focus)}.pkt-summary{background:var(--bg-primary);border:1px solid var(--border-color);padding:.6rem .85rem;border-radius:.35rem;font-size:.85rem;color:var(--text-secondary)}.pkt-three-pane{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.75rem}@media (min-width: 900px){.pkt-three-pane{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"list list" "detail hex"}}.pkt-list-pane{grid-area:list}.pkt-detail-pane{grid-area:detail}.pkt-hex-pane{grid-area:hex}.pkt-list-pane{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;overflow:auto;max-height:420px}.pkt-list-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:760px}.pkt-list-table thead th{position:sticky;top:0;background:var(--bg-primary);color:var(--text-secondary);text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--border-color);font-weight:600;z-index:1;white-space:nowrap}.pkt-list-table tbody td{padding:.35rem .6rem;border-bottom:1px dashed var(--border-color);vertical-align:top;white-space:nowrap;font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.pkt-list-table tbody td:last-child{white-space:normal;font-family:inherit}.pkt-list-table tbody tr.pkt-row{cursor:pointer;transition:background-color .1s ease}.pkt-list-table tbody tr.pkt-row:hover{background:var(--accent-focus)}.pkt-list-table tbody tr.pkt-row.selected{background:var(--accent-primary);color:#fff}.pkt-list-table tbody tr.pkt-row.selected td{color:#fff}.pkt-proto-tcp{color:#2b7de9!important;font-weight:600}.pkt-proto-udp{color:#1f9d55!important;font-weight:600}.pkt-proto-dns{color:#a16207!important;font-weight:600}.pkt-proto-http{color:#b33771!important;font-weight:600}.pkt-proto-icmp{color:#b45309!important;font-weight:600}.pkt-proto-arp{color:#6c5ce7!important;font-weight:600}.pkt-proto-tls{color:#be185d!important;font-weight:600}.pkt-proto-dhcp{color:#0e7490!important;font-weight:600}.pkt-proto-ip,.pkt-proto-ipv4,.pkt-proto-ipv6,.pkt-proto-ip6{color:#334155!important;font-weight:600}.pkt-detail-pane{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:.6rem .85rem;max-height:420px;overflow:auto;font-size:.85rem}.pkt-detail-tree,.pkt-detail-tree *{box-sizing:border-box}.pkt-tree-list{list-style:none;margin:0;padding-left:1rem}.pkt-detail-tree>.pkt-tree-list{padding-left:0}.pkt-tree-node>.pkt-tree-label{display:inline-block;cursor:pointer;color:var(--accent-primary);font-weight:600;padding:.15rem .35rem;border-radius:.25rem;user-select:none}.pkt-tree-node>.pkt-tree-label:before{content:"▶";display:inline-block;margin-right:.3rem;font-size:.65rem;color:var(--text-muted);transition:transform .15s ease}.pkt-tree-node.expanded>.pkt-tree-label:before{transform:rotate(90deg)}.pkt-tree-node>ul{display:none}.pkt-tree-node.expanded>ul{display:block}.pkt-tree-node>.pkt-tree-label:hover{background:var(--accent-focus)}.pkt-tree-leaf{padding:.15rem 0;color:var(--text-primary);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.5}.pkt-tree-leaf span{color:var(--text-secondary)}.pkt-hex-pane{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:.6rem;max-height:420px;overflow:auto}.pkt-hex-dump{margin:0;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.55;color:var(--text-primary);white-space:pre}.pkt-error{background:var(--error-bg, rgba(220, 53, 69, .08));border:1px solid var(--error-text, #dc3545);color:var(--error-text, #dc3545);padding:.75rem 1rem;border-radius:.35rem;font-size:.9rem;margin-top:.5rem}