:root,[data-theme=dark]{--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;--text-muted: #6b7280;--success-color: #16a34a;--success-bg: rgba(22, 163, 74, .15);--success-text: #22c55e;--error-color: #ef4444;--error-bg: rgba(239, 68, 68, .15);--error-text: #dc2626;--warning-color: #ffb347;--warning-bg: rgba(255, 179, 71, .15);--info-color: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--accent-primary: #ec4899;--accent-focus: rgba(236, 72, 153, .3);--shadow-soft: rgba(0, 0, 0, .2);--shadow-strong: rgba(0, 0, 0, .4);--header-bg: rgba(26, 26, 36, .88);--font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Monaco", "Consolas", "Courier New", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--transition: background-color .2s cubic-bezier(.4, 0, .2, 1), border-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--primary-color: #4f46e5;--primary-dark: #4338ca;--primary-light: #6366f1;--secondary-color: #7c3aed;--accent-color: #db2777;--bg-dark: #f8fafc;--bg-darker: #e2e8f0;--bg-light: #ffffff;--border-color: #d1d5db;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--success-color: #16a34a;--success-bg: rgba(22, 163, 74, .1);--success-text: #15803d;--error-color: #dc2626;--error-bg: rgba(220, 38, 38, .1);--error-text: #b91c1c;--warning-color: #d97706;--warning-bg: rgba(217, 119, 6, .1);--info-color: #2563eb;--info-bg: rgba(37, 99, 235, .1);--accent-primary: #db2777;--accent-focus: rgba(219, 39, 119, .25);--shadow-soft: rgba(15, 23, 42, .06);--shadow-strong: rgba(15, 23, 42, .12);--header-bg: rgba(255, 255, 255, .95);--font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Monaco", "Consolas", "Courier New", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--transition: background-color .2s cubic-bezier(.4, 0, .2, 1), border-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1)}html[data-theme]{transition:var(--transition)}html[data-theme] *{transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important}html[data-theme] *:not(.theme-transition-skip){transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}@media (prefers-reduced-motion: reduce){html[data-theme],html[data-theme] *{transition:none!important}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;letter-spacing:.3px;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%}.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;justify-content:center;gap:.5rem;font-family:inherit;white-space:nowrap;min-height:44px;line-height:1.2;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;max-width:100%;box-sizing:border-box}.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,select{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:.5rem;font-family:var(--font-mono);font-size:1rem;transition:var(--transition);box-sizing:border-box;min-height:44px;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--info-bg);outline:none}textarea{resize:vertical;min-height:120px;line-height:1.6;font-size:1rem}input[type=color]{cursor:pointer;width:48px;height:48px;border-radius:.75rem;padding:4px}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:auto;accent-color:var(--primary-color);cursor:pointer}@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%;box-sizing:border-box}.hero-section{text-align:center;padding:3rem 1.5rem;margin-bottom:2rem}.hero-section h1{margin-bottom:.75rem;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.125rem;color:var(--text-secondary);margin-bottom:1.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:.5rem 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;min-height:120px}.tool-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 25px var(--shadow-soft);text-decoration:none}.tool-card h3{margin-bottom:.5rem;color:var(--text-primary);font-size:1.05rem}.tool-card p{font-size:.85rem;line-height:1.6;color:var(--text-secondary)}@media (max-width: 900px){h1{font-size:1.875rem}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:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (max-width: 640px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.btn{padding:.6rem 1rem;font-size:.9rem;min-height:44px}.home-page{padding:1rem}.hero-section{padding:2rem .75rem;margin-bottom:1.5rem}.tagline{font-size:.95rem}.tools-grid{grid-template-columns:1fr;gap:.75rem}.tool-card{padding:1rem}a[href^="#/tools/"]{min-height:44px;min-width:44px;line-height:1.4}}@media (max-width: 380px){h1{font-size:1.3rem}.btn{padding:.55rem .9rem;font-size:.85rem}}@media (min-width: 1600px){.home-page{max-width:1600px;padding:3rem}}.header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;background:var(--header-bg);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px var(--shadow-soft);gap:1rem;box-sizing:border-box;width:100%}.header-logo{display:flex;align-items:center;gap:1.5rem;flex:1 1 auto;min-width:0}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:.5rem;flex-shrink:0}.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;min-width:0}.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;white-space:nowrap}.site-tagline{display:none}.lang-selector{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.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;min-height:36px;transition:var(--transition);-webkit-user-select:none;user-select:none}.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 var(--shadow-soft)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.5rem;cursor:pointer;transition:var(--transition);line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.theme-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-light);background:var(--info-bg)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn svg{width:20px;height:20px;display:block}.theme-toggle-btn[data-resolved-theme=dark]{background:#ffffff08}.theme-toggle-btn[data-resolved-theme=light]{background:#00000008}@media (max-width: 900px){.header{padding:.75rem 1rem;gap:.75rem}.header-logo{gap:1rem}.logo-icon{width:36px;height:36px}.site-title{font-size:1.125rem}.lang-btn{padding:.35rem .5rem;font-size:.72rem;min-height:34px}.theme-toggle-btn{width:40px;height:40px}.theme-toggle-btn svg{width:18px;height:18px}}@media (max-width: 720px){.header{padding:.625rem .875rem;gap:.5rem}.header-logo{gap:.75rem}.logo-icon{width:34px;height:34px}.site-title{font-size:1rem}.lang-btn{padding:.35rem .5rem;font-size:.7rem;min-height:34px}.theme-toggle-btn{width:38px;height:38px;border-radius:.4rem}.theme-toggle-btn svg{width:18px;height:18px}}@media (max-width: 480px){.header{padding:.5rem .625rem;gap:.35rem}.header-logo{gap:.5rem}.logo-icon{width:32px;height:32px}.site-title{font-size:.95rem}.lang-selector{gap:.15rem}.lang-btn{padding:.3rem .4rem;font-size:.65rem;min-height:32px}.theme-toggle-btn{width:36px;height:36px}.theme-toggle-btn svg{width:16px;height:16px}}@media (max-height: 480px) and (orientation: landscape){.header{padding:.5rem 1rem}}.nav-sticky-wrapper{position:sticky;top:var(--nav-top-offset, 60px);z-index:90;width:100%;--nav-fade-left: 0;--nav-fade-right: 1}.nav-sticky-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--header-bg));pointer-events:none;opacity:var(--nav-fade-right, 1);transition:opacity .2s ease;z-index:2}.nav-sticky-wrapper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,transparent,var(--header-bg));pointer-events:none;opacity:var(--nav-fade-left, 0);transition:opacity .2s ease;z-index:2}.nav-bar{display:flex;overflow-x:auto;overflow-y:hidden;padding:.625rem 1rem;background:var(--header-bg);border-bottom:1px solid var(--border-color);gap:.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;box-shadow:0 1px 3px #0000000f}.nav-bar::-webkit-scrollbar{height:0;display:none}.tools-container{display:flex;gap:.5rem;min-width:min-content;padding:0 2px}.nav-tool-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;min-height:40px;min-width:44px;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:9999px;cursor:pointer;font-weight:600;font-size:.875rem;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease;font-family:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;flex-shrink:0}.nav-tool-btn:hover{background:var(--border-color);border-color:var(--primary-color);color:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 8px #6366f126}.nav-tool-btn:active{transform:translateY(0)}.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 14px #6366f159;font-weight:700}@media (max-width: 900px){.nav-bar{padding:.5rem .875rem;gap:.5rem}.tools-container{gap:.5rem}.nav-tool-btn{padding:.5rem .85rem;font-size:.85rem;min-height:42px;min-width:44px}}@media (max-width: 640px){.nav-bar{padding:.5rem .625rem;gap:.375rem;scrollbar-width:none}.nav-bar::-webkit-scrollbar{display:none}.tools-container{gap:.4rem;padding:0 2px}.nav-tool-btn{padding:.55rem .75rem;min-height:44px;min-width:48px;font-size:.8rem;line-height:1}.nav-tool-btn.active{box-shadow:0 3px 12px #6366f166}}@media (max-width: 380px){.nav-bar{padding:.45rem .5rem;gap:.3rem}.tools-container{gap:.35rem}.nav-tool-btn{padding:.5rem .6rem;min-height:44px;min-width:44px;font-size:.75rem}}@media (max-height: 500px) and (orientation: landscape){.nav-bar{padding:.375rem .75rem}.nav-tool-btn{min-height:44px;padding:.4rem .7rem;font-size:.78rem}}@media (prefers-reduced-motion: reduce){.nav-bar{scroll-behavior:auto}.nav-tool-btn{transition:none}}.footer{margin-top:auto;padding:2rem;background:var(--header-bg);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);resize:none;overflow:hidden;display:block;width:100%;box-sizing:border-box;line-height:1.6}.editor-pane textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.json-editor-wrap{display:flex;align-items:stretch;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;transition:border-color .15s,box-shadow .15s;height:320px;min-height:240px}.json-input{flex:1;height:100%;min-height:0;background:transparent!important;border:none!important;border-radius:0!important;padding:1rem!important;font-family:JetBrains Mono,monospace;font-size:.88rem;color:var(--text-primary);resize:none!important;overflow:auto;display:block;width:100%;box-sizing:border-box;line-height:1.6;outline:none;box-shadow:none!important}.json-output-wrap{flex:1;display:flex;align-items:stretch;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;height:320px;min-height:240px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.json-resize-handle{width:10px;background:transparent;cursor:col-resize;flex-shrink:0;position:relative;transition:background .15s}.json-resize-handle:before{content:"⋮\a⋮\a⋮";white-space:pre;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--border-color);letter-spacing:1px;line-height:1.2;opacity:.5;user-select:none}.json-resize-handle:hover:before,.json-resize-handle.dragging:before{opacity:1;color:var(--primary-color)}.json-line-numbers{width:48px;min-width:48px;padding:1rem .5rem;margin:0;background:#0000000f;border-right:1px solid var(--border-color);font-family:JetBrains Mono,monospace;font-size:.88rem;line-height:1.6;color:var(--text-secondary);text-align:right;user-select:none;overflow:hidden;flex-shrink:0;display:block;white-space:pre;box-sizing:border-box;border-radius:0;border-top:none;border-bottom:none;border-left:none}.json-output-code{flex:1;margin:0;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.88rem;line-height:1.6;overflow:auto;white-space:pre;word-break:normal;tab-size:2;color:var(--text-primary);min-width:0;display:block;width:100%;box-sizing:border-box}.json-key{color:#c678dd}.json-string{color:#98c379}.json-number{color:#d19a66}.json-boolean{color:#61afef}.json-null{color:#e06c75}.json-brace{color:#abb2bf;font-weight:600}.json-output-wrap.json-error{border-color:#ff6b6b}.json-output-wrap.json-error:focus-within{box-shadow:0 0 0 3px #ff6b6b26}.json-error-msg{margin:0;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#ff6b6b;white-space:pre-wrap;word-break:break-word;line-height:1.6}.json-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.json-status{font-size:.8rem;font-family:JetBrains Mono,monospace;padding:.2rem .5rem;border-radius:.25rem;margin-left:auto}.json-status.ok{color:#98c379;background:#98c3791a}.json-status.err{color:#ff6b6b;background:#ff6b6b1a}.json-panes{display:grid;grid-template-columns:1fr 10px 1fr;gap:0;align-items:stretch}.json-panes>.editor-pane:nth-child(1){padding-right:4px}.json-panes>.editor-pane:nth-child(3){padding-left:4px}.json-compare-section{margin-top:2rem;padding:1rem 1.25rem;background:#6366f10d;border:1px solid rgba(99,102,241,.25);border-radius:.5rem}.json-compare-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.json-compare-header strong{font-size:1rem;color:var(--text-primary)}.json-compare-status{font-size:.85rem;font-family:monospace;padding:.25rem .6rem;border-radius:.3rem}.json-compare-status.ok{background:#98c3792e;color:#6a8f48}.json-compare-status.err{background:#ff6b6b26;color:#c25151}.json-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.json-compare-col{display:flex;flex-direction:column;min-width:0}.json-compare-col label{font-size:.82rem;color:var(--text-secondary);margin-bottom:.4rem}.json-compare-pre{flex:1;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.4rem;padding:.8rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.55;white-space:pre;overflow:auto;margin:0;color:var(--text-primary);min-height:160px;max-height:480px}.json-compare-diff-col{margin-top:.25rem}.diff-eq{color:var(--text-primary)}.diff-left{color:#ff6b6b;background:#ff6b6b14;display:block;padding:0 .25rem}.diff-right{color:#38a169;background:#38a16914;display:block;padding:0 .25rem}.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}.cfv-nav{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:4px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:8px}.cfv-nav button#cfv-back{flex-shrink:0;padding:4px 12px}.cfv-nav button#cfv-back:disabled{opacity:.45;cursor:not-allowed}.cfv-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:.9rem;color:var(--fg-2)}.cfv-crumb{color:var(--accent, #4dabf7);cursor:pointer;text-decoration:none;padding:2px 6px;border-radius:4px;transition:background .15s}.cfv-crumb:hover{background:#4dabf71f;text-decoration:underline}.cfv-crumb-sep{color:var(--fg-3);user-select:none}.cfv-crumb-current{color:var(--fg-1);font-weight:600;padding:2px 6px}@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}.qr-code-tool .tool-content{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem}.qr-input-pane,.qr-output-pane{display:flex;flex-direction:column;gap:.75rem}.qr-input-pane label,.qr-output-pane label{font-weight:600;color:var(--text-primary);font-size:.95rem}.qr-text-input{width:100%;min-height:140px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-light);color:var(--text-primary);resize:vertical;line-height:1.6}.qr-text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.qr-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;padding:1rem;border-radius:.5rem;background:var(--bg-light);border:1px solid var(--border-color)}.qr-option{display:flex;flex-direction:column;gap:.35rem}.qr-option label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.qr-option select,.qr-option input[type=number]{padding:.45rem .6rem;border:1px solid var(--border-color);border-radius:.35rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.qr-option input[type=color]{padding:0;height:34px;width:100%;border:1px solid var(--border-color);border-radius:.35rem;background:var(--bg-primary);cursor:pointer}.qr-canvas-wrapper{display:flex;align-items:center;justify-content:center;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;min-height:300px}.qr-canvas-wrapper canvas{image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;height:auto;border-radius:.25rem}.qr-info{font-size:.9rem;color:var(--text-secondary);text-align:center;padding:.5rem}@media (max-width: 800px){.qr-code-tool .tool-content,.qr-options{grid-template-columns:1fr}}.text-editor-tool .tool-content{grid-template-columns:1fr}.te-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.75rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem}.te-toolbar .btn{padding:.45rem .8rem;font-size:.85rem}.te-transform,.te-tab-size{font-family:JetBrains Mono,monospace;font-size:.85rem;padding:.45rem .5rem;background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.4rem;cursor:pointer}.te-tab-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-primary)}.te-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-primary);cursor:pointer}.te-check input{cursor:pointer}.te-separator{width:1px;height:1.5rem;background:var(--border-color);margin:0 .25rem}.te-find-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.75rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem}.te-find,.te-replace{flex:1 1 200px;font-family:JetBrains Mono,monospace;font-size:.9rem;padding:.5rem .75rem;background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.4rem}.te-find-status{font-size:.85rem;color:var(--text-secondary);margin-left:auto;padding:0 .5rem}.te-editor-wrap{display:flex;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.te-editor{flex:1;min-height:420px;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6;padding:1rem;background:var(--bg-light);color:var(--text-primary);border:none;outline:none;resize:vertical;white-space:pre-wrap;overflow-wrap:break-word;tab-size:4}.te-status-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.5rem 1rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;font-size:.8rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary)}.te-file-name{font-weight:600;color:var(--text-primary)}.te-spacer{margin-left:auto}@media (max-width: 800px){.te-toolbar,.te-find-bar{flex-direction:column;align-items:stretch}.te-find,.te-replace{width:100%}.te-status-bar{flex-direction:column;align-items:flex-start}.te-spacer{margin-left:0;height:0;width:0}}.markdown-panes{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;min-height:560px}.markdown-panes>.editor-pane{min-height:0}.markdown-input{flex:1;height:0;min-height:500px;width:100%;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;line-height:1.6;padding:.9rem 1rem;background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;resize:vertical;outline:none;box-sizing:border-box;overflow:auto}.markdown-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f12e}.markdown-preview{flex:1;height:0;min-height:500px;padding:1rem 1.25rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);line-height:1.7;font-size:.95rem;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin:1.5em 0 .6em;line-height:1.3;color:var(--text-primary);font-weight:600}.markdown-preview h1{font-size:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.markdown-preview h2{font-size:1.45rem;border-bottom:1px solid var(--border-color);padding-bottom:.25em}.markdown-preview h3{font-size:1.2rem}.markdown-preview h4{font-size:1.05rem}.markdown-preview h5,.markdown-preview h6{font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.markdown-preview p{margin:.6em 0}.markdown-preview a{color:var(--accent);text-decoration:none;border-bottom:1px dashed rgba(99,102,241,.4)}.markdown-preview a:hover{border-bottom-style:solid}.markdown-preview strong{font-weight:700}.markdown-preview em{font-style:italic}.markdown-preview del{color:var(--text-secondary);text-decoration:line-through}.markdown-preview ul,.markdown-preview ol{padding-left:1.6em;margin:.6em 0}.markdown-preview li{margin:.2em 0}.markdown-preview blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--accent);background:#6366f10f;color:var(--text-secondary);border-radius:0 .4rem .4rem 0}.markdown-preview code{font-family:JetBrains Mono,SF Mono,monospace;font-size:.85em;background:#7f7f7f2e;padding:.1em .4em;border-radius:.3em}.markdown-preview pre{background:#1e1e2e;color:#e4e4e7;padding:1rem;border-radius:.5rem;overflow:auto;margin:1em 0;line-height:1.55;font-size:.85rem}.markdown-preview pre code{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}.markdown-preview hr{border:0;border-top:1px solid var(--border-color);margin:1.5em 0}.markdown-preview table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.9rem}.markdown-preview th,.markdown-preview td{border:1px solid var(--border-color);padding:.5em .8em}.markdown-preview th{background:#6366f114;font-weight:600}.markdown-preview tr:nth-child(2n) td{background:#7f7f7f0d}.markdown-preview img{max-width:100%;border-radius:.4rem}.markdown-status{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary);padding:.25rem .6rem;border-radius:.3rem}.markdown-status.ok{color:#6a8f48;background:#98c37926}.markdown-status.err{color:#c25151;background:#ff6b6b1f}.markdown-error{color:#c25151;font-family:monospace}.ffd-mode-switch{display:inline-flex;gap:.5rem;align-self:flex-start}.ffd-mode-switch .btn.active{box-shadow:inset 0 -2px 0 var(--primary-color)}.ffd-file-picker,.ffd-folder-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem}.ffd-file-picker input[type=file],.ffd-folder-picker input[type=file]{color:var(--text-primary);font-size:.9rem}.ffd-file-meta{color:var(--text-secondary);font-size:.85rem}.ffd-toolbar{margin-top:.25rem}.ffd-status{align-self:center;margin-left:auto;padding:.3rem .75rem;border-radius:.4rem;font-size:.9rem;font-weight:500}.ffd-status.ok{color:#38a169;background:#38a1691f}.ffd-status.err{color:#c25151;background:#ff6b6b1f}.ffd-output{display:flex;flex-direction:column;gap:.75rem;grid-column:1 / -1;background:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem}.ffd-summary{color:var(--text-primary);font-weight:500;font-size:.95rem}.ffd-legend{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem}.ffd-leg{padding:.15rem .55rem;border-radius:.3rem;color:#fff}.ffd-leg-eq{background:#6366f159;color:var(--text-primary)}.ffd-leg-left{background:#ff6b6b40;color:#ff6b6b}.ffd-leg-right{background:#38a16940;color:#38a169}.ffd-leg-mod{background:#ed893640;color:#ed8936}.ffd-diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ffd-diff-col{display:flex;flex-direction:column;gap:.5rem}.ffd-diff-col label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.ffd-diff-pre{background:#0b1020;color:#e6edf3;padding:.75rem 1rem;border-radius:.4rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.55;overflow:auto;max-height:520px;white-space:pre;margin:0}.ffd-line{display:block}.ffd-line .ffd-ln{display:inline-block;min-width:2.4rem;margin-right:.6rem;color:#6b7280;text-align:right;user-select:none;padding-right:.4rem;border-right:1px solid rgba(255,255,255,.08)}.ffd-line.ffd-left{background:#ff6b6b2e}.ffd-line.ffd-right{background:#38a1692e}.ffd-line.ffd-empty{background:transparent;color:transparent}.ffd-line.ffd-empty .ffd-ln{color:transparent}.ffd-text{font-family:JetBrains Mono,monospace;font-size:.88rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem;border-radius:.5rem;resize:vertical;width:100%;box-sizing:border-box;line-height:1.55;transition:var(--transition)}.ffd-text:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.ffd-text.ffd-drag{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.ffd-folder-table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:.25rem}.ffd-folder-table th,.ffd-folder-table td{text-align:left;padding:.55rem .8rem;border-bottom:1px solid rgba(0,0,0,.06)}.ffd-folder-table thead th{background:#6366f114;color:var(--text-primary);font-weight:600;position:sticky;top:0}.ffd-row-mod td{background:#ed893614}.ffd-row-left td{background:#ff6b6b14}.ffd-row-right td{background:#38a16914}.ffd-row-eq td{background:#6366f10a;color:var(--text-secondary)}.ffd-row-err td{background:#ff000014;color:#c25151}.ffd-badge{display:inline-block;padding:.15rem .55rem;border-radius:.3rem;font-size:.78rem;font-weight:600}.ffd-badge-equal{background:#6366f126;color:#555dd6}.ffd-badge-modified{background:#ed893633;color:#ed8936}.ffd-badge-added-left{background:#ff6b6b2e;color:#ff6b6b}.ffd-badge-added-right{background:#38a1692e;color:#38a169}.ffd-badge-error{background:#ff00001f;color:#c25151}@media (max-width: 720px){.ffd-diff-grid{grid-template-columns:1fr}.ffd-file-picker,.ffd-folder-picker{flex-direction:column;align-items:stretch}}@media (max-width: 720px){.markdown-panes{grid-template-columns:1fr}.markdown-input,.markdown-preview{min-height:300px}}.aag-controls{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%;box-sizing:border-box}.aag-input-row{display:flex;flex-direction:column;gap:.5rem}.aag-input-row label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.aag-input{width:100%;max-width:100%;box-sizing:border-box;min-width:0;min-height:120px;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem;border-radius:.5rem;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.5;resize:vertical;outline:none;transition:var(--transition);overflow-x:hidden;word-break:break-word;white-space:pre-wrap}.aag-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.aag-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.aag-option{display:flex;flex-direction:column;gap:.5rem}.aag-option label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.aag-select{padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;cursor:pointer;outline:none;transition:var(--transition)}.aag-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.aag-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.aag-actions .btn{flex:0 0 auto;min-width:120px}.aag-status{flex:1;font-size:.85rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary);text-align:right;min-width:120px}.aag-status.ok{color:#22c55e}.aag-status.error{color:#ef4444}.aag-output-wrap{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;min-width:0;width:100%;box-sizing:border-box}.aag-output-wrap>label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.aag-output{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem 1.25rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.95rem;line-height:1.4;color:var(--text-primary);white-space:pre;overflow-x:auto;overflow-y:auto;max-height:520px;margin:0;letter-spacing:0;tab-size:1}@media (max-width: 768px){.aag-options{grid-template-columns:1fr}.aag-actions{flex-direction:row}.aag-actions .btn{flex:1;min-width:0}.aag-status{width:100%;text-align:left;order:99}.aag-output{font-size:.85rem;padding:.75rem}}@media (max-width: 900px){.tool-page-wrapper{padding:1.25rem 1rem;max-width:100%;width:100%;box-sizing:border-box}.tool-header{padding-bottom:1rem;margin-bottom:1rem}.tool-header h2{font-size:1.25rem}.tool-header .tool-description{font-size:.9rem}.tool-content{gap:1rem}.json-panes,.regex-controls,.uuid-options,.color-preview-container,.color-formats,.tool-content,.http-controls,.timestamp-input-section,.result-grid,.calculator-layout,.pw-layout,.chain-input-area,.aag-options,.sqlite-file-controls,.sqlite-tables-section,.sqlite-results-section,.x509-input-area{display:flex;flex-direction:column}.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;width:100%}.tool-actions .btn{flex:1 1 auto;min-width:0;min-height:44px}.editor-pane textarea,.json-input,.json-output-code,.json-output-wrap,.http-body,.sqlite-sql-input,.chain-input,.x509-input{min-height:120px;font-size:.9rem;padding:.75rem}input[type=text],input[type=number],input[type=search],input[type=url],input[type=email],select{min-height:44px;font-size:1rem}.color-preview-container{align-items:stretch;padding:1rem}.color-preview{width:80px;height:80px;margin:0 auto}.color-formats{grid-template-columns:1fr;gap:.75rem}.cert-field{flex-direction:column;gap:.25rem;padding:.4rem 0}.cert-field span:first-child{min-width:auto;font-size:.8rem}.chain-input-area,.x509-input-area,.sqlite-file-section,.sqlite-tables-section,.sqlite-results-section{padding:1rem}.json-compare-grid{grid-template-columns:1fr;gap:.75rem}.json-compare-header{flex-direction:column;align-items:flex-start;gap:.5rem}.response-info{flex-direction:column;gap:.5rem}.http-controls .method-selector,.http-controls .url-input{width:100%}select{font-size:1rem}}@media (max-width: 640px){.tool-page-wrapper{padding:1rem .75rem;width:100%;box-sizing:border-box}.tool-header{padding-bottom:.75rem;margin-bottom:.75rem}.tool-header h2{font-size:1.15rem}.tool-header .tool-description{font-size:.85rem;line-height:1.5}.tool-content{gap:.75rem}.editor-pane{gap:.5rem}.editor-pane label{font-size:.85rem}.editor-pane textarea{min-height:110px;font-size:.85rem;padding:.6rem}.json-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.json-status{width:100%;margin-left:0;text-align:left}.json-compare-section{padding:.75rem;margin-top:1rem}.tool-actions{flex-direction:column;gap:.5rem}.tool-actions .btn{width:100%;min-height:44px;justify-content:center}.timestamp-current-section{padding:1.25rem}.current-time-value{font-size:1.5rem}.timestamp-input-section{gap:.75rem}.timestamp-input-group label{font-size:.85rem}.timestamp-timezone-select select{min-width:100%}.result-grid{grid-template-columns:1fr;gap:.75rem}.unit-input-row{grid-template-columns:1fr;gap:.5rem}.unit-input-row>*{min-width:100%}.unit-arrow{transform:rotate(90deg);text-align:center}.calculator-layout{gap:1rem}.calculator-history-panel{max-height:180px}.calc-display{padding:.75rem 1rem;min-height:80px}.calc-result{font-size:1.5rem}.calc-row{grid-template-columns:repeat(5,1fr);gap:.35rem}.calc-btn{padding:.65rem .35rem;font-size:.9rem;min-height:44px}.pw-generator,.pw-layout{gap:.75rem}.pw-output-box{padding:.75rem}.pw-output{font-size:1rem;letter-spacing:.03em}.pw-checkboxes{grid-template-columns:1fr;gap:.4rem}.pw-checkbox-label{padding:.4rem;font-size:.85rem}.x509-result-nav{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem}.x509-nav-btn{flex:1 1 auto;font-size:.75rem;padding:.5rem .65rem;min-height:40px}.chain-summary-stats{flex-direction:column;gap:.35rem}.cert-section{padding:1rem .75rem}.sqlite-tables-list{gap:.35rem}.sqlite-table-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem .6rem}.sqlite-table-actions{flex-wrap:wrap;gap:.35rem;width:100%}.sqlite-result-table thead{font-size:.75rem}.sqlite-result-table th,.sqlite-result-table td{padding:.4rem .5rem;font-size:.8rem}.http-controls{gap:.75rem}.response-status{flex-direction:column;align-items:flex-start;gap:.5rem}.response-info{flex-direction:column;gap:.35rem}.header-row{grid-template-columns:1fr;gap:.4rem;align-items:stretch}.header-row input{min-height:40px;font-size:.85rem;padding:.5rem .6rem}.color-preview{width:90px;height:90px}input[type=color]{width:60px;height:60px;min-height:auto}.aag-output{font-size:.8rem;padding:.6rem .75rem;min-height:150px}}@media (max-width: 420px){.tool-page-wrapper{padding:.75rem .5rem}.tool-header h2{font-size:1.1rem}.tool-actions .btn{font-size:.85rem;padding:.6rem .75rem}.editor-pane textarea,.json-input,.json-output-code{min-height:100px;font-size:.82rem}.calc-row{grid-template-columns:repeat(4,1fr);gap:.3rem}.calc-btn{padding:.55rem .25rem;font-size:.85rem;min-height:42px}.aag-output{font-size:.7rem;padding:.5rem .6rem}}@media (max-height: 500px) and (orientation: landscape){.tool-page-wrapper{padding:.75rem 1rem}.tool-header h2{font-size:1.15rem}.tool-header{padding-bottom:.75rem;margin-bottom:.75rem}.calc-row{grid-template-columns:repeat(6,1fr);gap:.3rem}.calc-btn{min-height:36px;font-size:.85rem}}