:root,[data-theme=light]{--bg: #f4f5fb;--surface: #ffffff;--surface2: #eef0f8;--border: #dde0ee;--accent: #00a86b;--accent-glow: rgba(0,168,107,.13);--accent2: #5b3fd4;--accent3: #e03636;--text: #181829;--muted: #6868a0;--muted2: #b0b0cc;--nav-bg: rgba(244,245,251,.9);--shadow-sm: 0 1px 8px rgba(20,20,80,.07);--shadow-md: 0 4px 20px rgba(20,20,80,.08);--scrollbar-thumb: #c4c6d8;--scrollbar-thumb-hover: #9898b8;--font-display: "Inter", Arial, sans-serif}[data-theme=dark]{--bg: #090912;--surface: #10101c;--surface2: #151522;--border: #1f1f35;--accent: #00e5a0;--accent-glow: rgba(0,229,160,.14);--accent2: #7d62ff;--accent3: #ff6060;--text: #e6e6f4;--muted: #5c5c80;--muted2: #2e2e50;--nav-bg: rgba(9,9,18,.9);--shadow-sm: 0 1px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.35);--scrollbar-thumb: #2a2a44;--scrollbar-thumb-hover: #4a4a70;--font-display: "Inter", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}[data-theme=light] body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle,#c0c4e0 1px,transparent 1px);background-size:26px 26px;opacity:.4;pointer-events:none}[data-theme=dark] body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(0,229,160,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,160,.03) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}h1,h2,h3,h4,h5,h6,.hero h1,.tool-title,.page-title,.sec-title{font-family:var(--font-display)}.blog-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.blog-preview-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;overflow:hidden;transition:border-color .2s,box-shadow .2s}.blog-preview-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #00000014}.blog-preview-thumb{aspect-ratio:16/9;overflow:hidden}.blog-preview-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.blog-preview-card:hover .blog-preview-thumb img{transform:scale(1.04)}.blog-preview-body{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;flex:1}.blog-preview-date{font-size:.72rem;color:var(--muted);margin:0}.blog-preview-title{font-size:.9rem;font-weight:700;margin:0;line-height:1.4}.blog-preview-excerpt{font-size:.8rem;color:var(--muted);line-height:1.5;flex:1;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-preview-readmore{font-size:.8rem;font-weight:600;color:var(--accent);margin-top:.25rem}@media(max-width:768px){.blog-preview-grid{grid-template-columns:1fr}}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#6a737d;font-style:italic}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-section,[data-theme=light] .hljs-link{color:#d73a49;font-weight:600}[data-theme=light] .hljs-string,[data-theme=light] .hljs-title,[data-theme=light] .hljs-name,[data-theme=light] .hljs-type,[data-theme=light] .hljs-attribute,[data-theme=light] .hljs-symbol,[data-theme=light] .hljs-bullet,[data-theme=light] .hljs-addition{color:#22863a}[data-theme=light] .hljs-number,[data-theme=light] .hljs-regexp,[data-theme=light] .hljs-template-tag,[data-theme=light] .hljs-variable{color:#005cc5}[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-builtin-name{color:#6f42c1}[data-theme=light] .hljs-meta,[data-theme=light] .hljs-deletion{color:#e36209}[data-theme=light] .hljs-attr{color:#005cc5}[data-theme=light] .hljs-tag{color:#22863a}[data-theme=light] .hljs-punctuation,[data-theme=light] .hljs{color:#24292e}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote{color:#6a9955;font-style:italic}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-section,[data-theme=dark] .hljs-link{color:#ff7b72;font-weight:600}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-addition{color:#7ee787}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-variable{color:#79c0ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-builtin-name{color:#d2a8ff}[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-deletion{color:#ffa657}[data-theme=dark] .hljs-attr{color:#79c0ff}[data-theme=dark] .hljs-tag{color:#7ee787}[data-theme=dark] .hljs-punctuation,[data-theme=dark] .hljs{color:#e6e6f4}nav.main-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);gap:1rem;transition:background .3s}.nav-logo{font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:.35rem;flex-shrink:0}.logo-fmt{color:var(--text)}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:.9rem;flex-shrink:0}.t-label{font-family:Space Mono,monospace;font-size:.62rem;color:var(--muted);white-space:nowrap}.t-switch{position:relative;width:48px;height:26px;cursor:pointer}.t-switch input{opacity:0;width:0;height:0;position:absolute}.t-track{position:absolute;inset:0;border-radius:999px;background:var(--surface2);border:1px solid var(--border);transition:all .3s}.t-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 1px 5px #0000002e;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.t-switch input:checked~.t-track .t-thumb{transform:translate(22px)}footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border);font-family:Space Mono,monospace;font-size:.7rem;color:var(--muted)}footer strong{color:var(--accent)}footer nav{display:flex;gap:1.5rem}footer nav a{color:var(--muted);text-decoration:none;transition:color .2s}footer nav a:hover{color:var(--accent)}.hero{position:relative;z-index:1;text-align:center;padding:5rem 1.5rem 2.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-glow);background:var(--accent-glow);padding:.26rem .85rem;border-radius:999px;margin-bottom:1.6rem}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1.6s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.1rem,6vw,4.2rem);font-weight:800;line-height:1.07;letter-spacing:-.03em;margin-bottom:1rem}.hl{background:linear-gradient(130deg,var(--accent) 0%,#00aacc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{max-width:530px;margin:0 auto 2rem;font-size:.98rem;color:var(--muted);line-height:1.78}.hero-actions{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;background:var(--accent);color:#fff;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;padding:.72rem 1.6rem;border-radius:9px;border:none;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.btn-ghost{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);color:var(--text);font-family:Space Mono,monospace;font-size:.8rem;padding:.72rem 1.6rem;border-radius:9px;border:1px solid var(--border);cursor:pointer;text-decoration:none;transition:all .2s}.btn-ghost:hover{border-color:var(--accent2);color:var(--accent2)}.langs-row{position:relative;z-index:1;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.9rem 1.5rem;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;transition:background .3s}.lang-pill{font-family:Space Mono,monospace;font-size:.65rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem;letter-spacing:.05em}.app-wrap{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:2.5rem 2rem 4rem;background:var(--bg)}.app-header-right{display:flex;align-items:center;gap:.75rem}.language-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.tab{font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.32rem .82rem;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s}.tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);font-weight:700}.tab:hover:not(.active){border-color:var(--muted2);color:var(--text)}.indent-row{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.68rem;color:var(--muted)}.indent-row select{font-family:Space Mono,monospace;font-size:.68rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.22rem .5rem;cursor:pointer;outline:none;transition:border-color .2s}.indent-row select:focus{border-color:var(--accent)}.theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--muted);cursor:pointer;transition:all .18s}.theme-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:740px){.editor-grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:background .3s,border-color .3s;position:relative;z-index:1}.panel-hdr{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;background:var(--surface2);border-bottom:1px solid var(--border);font-family:Space Mono,monospace;font-size:.65rem;color:var(--muted);min-height:38px;transition:background .3s}.dots{display:flex;gap:.3rem;flex-shrink:0}.dot{width:10px;height:10px;border-radius:50%}.dr{background:#ff5f57}.dy{background:#febc2e}.dg{background:#28c840}.hdr-title{flex:1;text-align:center;font-family:Space Mono,monospace;font-size:.65rem;color:var(--muted)}.sample-btn{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.05em;white-space:nowrap;padding:.18rem .55rem;border-radius:5px;border:1px dashed var(--accent);background:transparent;color:var(--accent);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0}.sample-btn:hover{background:var(--accent-glow)}textarea{flex:1;width:100%;background:var(--surface);color:var(--text);font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;padding:1rem 1.1rem;border:none;outline:none;resize:none;overflow:scroll;white-space:pre;transition:color .3s,background .3s;tab-size:2}textarea::placeholder{color:var(--muted2)}.out-pre{flex:1;width:100%;height:520px;min-height:520px;max-height:520px;background:var(--surface);font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;padding:1rem 1.1rem;margin:0;overflow-y:scroll;overflow-x:auto;white-space:pre}[data-theme=light] .hljs{color:#181829!important}[data-theme=dark] .hljs{color:#e6e6f4!important}.status-bar{display:flex;align-items:center;gap:.45rem;font-family:Space Mono,monospace;font-size:.65rem;color:var(--muted);padding:.42rem .9rem;background:var(--surface2);border-top:1px solid var(--border);transition:color .15s;min-height:30px}.status-bar.ok{color:var(--accent)}.status-bar.err{color:var(--accent3)}.sdot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.toolbar{display:flex;gap:.4rem;padding:.6rem .9rem;border-top:1px solid var(--border);background:var(--surface2);flex-wrap:wrap;align-items:center;transition:background .3s}.tbtn{font-family:Space Mono,monospace;font-size:.65rem;padding:.28rem .68rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.3rem}.tbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.tbtn:disabled{opacity:.4;cursor:not-allowed}.tbtn.go{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);font-weight:700}.tbtn.go:hover:not(:disabled){background:var(--accent);color:#fff}.tbtn.copied{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-glow)!important}.ccount{margin-left:auto;font-family:Space Mono,monospace;font-size:.6rem;color:var(--muted2)}.features{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:2rem 1.5rem 5rem}.sec-label{font-family:Space Mono,monospace;font-size:.68rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.sec-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.022em;margin-bottom:2.5rem;max-width:460px;line-height:1.12}.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.feat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.4rem;transition:border-color .2s,transform .2s}.feat-card:hover{border-color:var(--accent2);transform:translateY(-2px)}.feat-icon{font-size:1.6rem;display:block;margin-bottom:.7rem}.feat-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem}.feat-card p{font-size:.88rem;color:var(--muted);line-height:1.65}.faq-sec{position:relative;z-index:1;padding:0 0 5rem;margin-top:50px}details{border:1px solid var(--border);border-radius:10px;margin-bottom:.6rem;overflow:hidden;background:var(--surface)}summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center}summary:after{content:"＋";color:var(--accent);font-size:.9rem}details[open] summary:after{content:"－"}.faq-ans{padding:.85rem 1.2rem 1.1rem;font-size:.9rem;color:var(--muted);line-height:1.7;border-top:1px solid var(--border)}@media(max-width:680px){nav{padding:0 1rem}.nav-links{display:none}.app-wrap{padding:1.5rem 1rem 3rem}}.hl-input-pre{position:absolute;inset:0;margin:0;padding:1rem 1.1rem;overflow:auto;scrollbar-width:none;pointer-events:none;color:var(--text);background:transparent;border:none;z-index:1;font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;tab-size:2;white-space:pre}.hl-input-pre::-webkit-scrollbar{display:none}.hl-input-pre code{font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;padding:0;white-space:pre}.hl-input-pre .hljs{background:transparent!important;padding:0}.hl-textarea{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:transparent;caret-color:var(--text);font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;padding:1rem 1.1rem;border:none;outline:none;resize:none;overflow:scroll;white-space:pre;tab-size:2;z-index:2;spellcheck:false}.hl-editor-wrap:has(textarea:placeholder-shown) .hl-input-pre{display:none}.hl-textarea-plain{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:var(--text);caret-color:var(--text);font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;padding:1rem 1.1rem;border:none;outline:none;resize:none;overflow-y:scroll;overflow-x:auto;tab-size:2;z-index:2;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.hl-textarea-plain::placeholder{color:var(--muted2)}.hl-textarea-plain::-webkit-scrollbar{width:5px;height:5px}.hl-textarea-plain::-webkit-scrollbar-track{background:transparent}.hl-textarea-plain::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scrollbar-thumb)}.hl-textarea-plain::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tool-header{background:var(--surface);border-bottom:1px solid var(--border);padding:2.5rem 2rem 2rem}.tool-header-inner{max-width:820px;margin:0 auto}.tool-title{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;letter-spacing:-.025em;margin-bottom:.6rem;line-height:1.1}.tool-desc{font-size:.98rem;color:var(--muted);line-height:1.7;max-width:620px}.seo-section{background:var(--surface);border-top:1px solid var(--border);padding:4rem 2rem}.seo-inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.seo-block h2{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;color:var(--text)}.seo-block p{font-size:.94rem;color:var(--muted);line-height:1.8}.how-list{list-style:none;counter-reset:steps;display:flex;flex-direction:column;gap:.55rem}.how-list li{counter-increment:steps;display:flex;align-items:flex-start;gap:.85rem;font-size:.94rem;color:var(--muted);line-height:1.7}.how-list li:before{content:counter(steps);display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent);font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;flex-shrink:0;margin-top:.22rem}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface2);transition:border-color .2s}.faq-item.faq-open{border-color:var(--accent)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.2rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.93rem;font-weight:700;color:var(--text);transition:color .15s}.faq-q:hover{color:var(--accent)}.faq-icon{font-size:1.1rem;color:var(--accent);flex-shrink:0;font-family:Space Mono,monospace}.faq-a{padding:.85rem 1.2rem 1.1rem;font-size:.91rem;color:var(--muted);line-height:1.78;border-top:1px solid var(--border)}.related-tools-section{background:var(--bg);border-top:1px solid var(--border);padding:3rem 2rem}.related-tools-section .seo-inner{max-width:820px;margin:0 auto}.related-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.25rem;color:var(--text)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:640px){.related-grid{grid-template-columns:repeat(2,1fr)}}.related-card{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);text-decoration:none;font-size:.84rem;font-weight:600;font-family:Space Mono,monospace;letter-spacing:-.01em;text-align:center;transition:background .15s,color .15s,border-color .15s,transform .15s;line-height:1.3}.related-card:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tools-grid-sec{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media(max-width:900px){.tools-grid-sec{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.tools-grid-sec{grid-template-columns:repeat(2,1fr)}}.tool-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.4rem .75rem;border-right:1px solid var(--border);text-decoration:none;color:var(--text);background:var(--surface);transition:background .18s,color .18s;font-family:Space Mono,monospace}.tool-card:last-child{border-right:none}.tool-card:hover{background:var(--accent-glow);color:var(--accent)}.tool-card-icon{font-size:1.1rem;font-family:Space Mono,monospace;color:var(--accent);font-weight:700}.tool-card strong{font-size:.8rem;letter-spacing:.06em}.tool-card-desc{font-size:.6rem;color:var(--muted);text-align:center;line-height:1.4}.nav-links .nav-active{color:var(--accent)!important;font-weight:700}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:1px solid var(--border);border-radius:7px;padding:.4rem .45rem;cursor:pointer}.hamburger span{display:block;width:18px;height:2px;background:var(--muted);border-radius:2px;transition:background .2s}.hamburger:hover span{background:var(--accent)}.mobile-menu{position:absolute;top:60px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:.5rem 1rem 1rem;z-index:200;box-shadow:var(--shadow-md)}.mobile-menu a{font-family:Space Mono,monospace;font-size:.75rem;color:var(--text);text-decoration:none;padding:.65rem .5rem;border-radius:7px;letter-spacing:.05em;text-transform:uppercase;transition:background .15s,color .15s}@media(max-width:680px){.nav-links{display:none}.hamburger{display:flex}}.page-wrap{min-height:70vh;padding:3rem 2rem 5rem}.page-inner{max-width:860px;margin:0 auto}.page-inner--narrow{max-width:640px}.page-badge{display:inline-flex;align-items:center;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:.22rem .7rem;border-radius:999px;margin-bottom:1.4rem}.page-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:1rem}.page-lead{font-size:1.05rem;color:var(--muted);line-height:1.75;margin-bottom:2.5rem;max-width:560px}.page-section{margin-top:2.4rem;padding-top:2.4rem;border-top:1px solid var(--border)}.page-section h2{font-size:1.15rem;font-weight:800;margin-bottom:.9rem;color:var(--text)}.page-section p{font-size:.94rem;color:var(--muted);line-height:1.8}.page-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.page-list li{font-size:.93rem;color:var(--muted);line-height:1.7;padding-left:1.2rem;position:relative}.page-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-family:Space Mono,monospace}.inline-link{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-glow)}.inline-link:hover{text-decoration-color:var(--accent)}.inline-code{font-family:Space Mono,monospace;font-size:.82em;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;color:var(--accent)}.contact-card{display:flex;align-items:flex-start;gap:1.2rem;background:var(--surface);border:1px solid var(--accent);border-radius:14px;padding:1.8rem;margin:.5rem 0 2rem;box-shadow:0 0 0 4px var(--accent-glow)}.contact-icon{font-size:2rem;flex-shrink:0;margin-top:.1rem}.contact-label{font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}.contact-email{display:block;font-size:1.15rem;font-weight:800;color:var(--accent);text-decoration:none;letter-spacing:-.01em;margin-bottom:.4rem}.contact-email:hover{text-decoration:underline}.contact-note{font-size:.82rem;color:var(--muted2);line-height:1.5}.privacy-highlight{background:var(--accent-glow);border:1px solid var(--accent);border-radius:10px;padding:1.2rem 1.4rem;font-size:.94rem;line-height:1.7;color:var(--text)}.out-pre::-webkit-scrollbar,.hl-textarea::-webkit-scrollbar,.hl-input-pre::-webkit-scrollbar,textarea::-webkit-scrollbar{width:6px;height:6px}.out-pre::-webkit-scrollbar-track,.hl-textarea::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:transparent}.out-pre::-webkit-scrollbar-thumb,.hl-textarea::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scrollbar-thumb);transition:background .2s}.out-pre::-webkit-scrollbar-thumb:hover,.hl-textarea::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.out-pre::-webkit-scrollbar-corner,.hl-textarea::-webkit-scrollbar-corner,textarea::-webkit-scrollbar-corner{background:transparent}.out-pre,.hl-textarea,textarea{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.app-header .indent-row{margin-left:auto}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;transition:all .18s}@media(min-width:681px){.t-switch{display:none}}@media(max-width:680px){.theme-toggle-btn{display:none}.t-switch{display:inline-flex}}.container{max-width:1160px;margin:0 auto;padding:0 2rem}.main-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1.5rem;padding:0 2rem;height:60px;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.main-nav .nav-links li{position:relative}.main-nav .nav-links a,.nav-dropdown-btn{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.04em;color:var(--muted);text-decoration:none;padding:.38rem .65rem;border-radius:6px;transition:color .15s,background .15s;display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer}.main-nav .nav-links a:hover,.nav-dropdown-btn:hover{color:var(--text);background:var(--surface2)}.main-nav .nav-links .nav-active,.nav-dropdown-btn.nav-active{color:var(--accent);font-weight:700}.main-nav .nav-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-tools-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:.35rem;display:flex;flex-direction:column;gap:.1rem;min-width:130px;z-index:200;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{font-family:Space Mono,monospace;font-size:.68rem;color:var(--muted);text-decoration:none;padding:.42rem .75rem;border-radius:6px;transition:all .12s;display:block}.nav-dropdown-item:hover{color:var(--accent);background:var(--accent-glow)}.nav-dropdown-item.active{color:var(--accent);font-weight:700}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--muted);cursor:pointer;transition:all .18s;flex-shrink:0}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.hamburger{display:none;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface);border:1px solid var(--border);border-radius:7px;cursor:pointer;color:var(--muted);transition:all .18s}.hamburger:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:700px){.main-nav .nav-links{display:none}.hamburger{display:flex}}.mobile-menu{position:absolute;top:60px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:.6rem 1rem 1.2rem;z-index:200;box-shadow:var(--shadow-md)}.mobile-menu a{font-family:Space Mono,monospace;font-size:.75rem;color:var(--text);text-decoration:none;padding:.6rem .5rem;border-radius:7px;letter-spacing:.04em;transition:all .15s;display:flex;align-items:center;gap:.5rem}.mobile-menu a:hover{background:var(--accent-glow);color:var(--accent)}.mm-section-label{font-family:Space Mono,monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);padding:.7rem .5rem .3rem}.tools-section{padding:4rem 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}@media(max-width:860px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tools-grid{grid-template-columns:1fr}}.tool-card{display:flex;flex-direction:column;gap:.45rem;padding:1.5rem 1.4rem;background:var(--bg);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.tool-card-badge{display:inline-flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;padding:.3rem .65rem;border-radius:6px;border:1px solid;width:fit-content;letter-spacing:.04em}.tool-card-label{font-size:1rem;font-weight:700;color:var(--text)}.tool-card-desc{font-size:.83rem;color:var(--muted);line-height:1.5}.tool-card-arrow{position:absolute;bottom:1.2rem;right:1.4rem;font-size:.9rem;color:var(--muted2);transition:color .2s,transform .2s}.tool-card:hover .tool-card-arrow{color:var(--accent);transform:translate(3px)}:root{--c-json: #e8a029;--c-html: #e8643a;--c-css: #2496ed;--c-js: #c9a800;--c-sql: #00a86b;--c-xml: #9b59b6}.feat-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent-glow);color:var(--accent);margin-bottom:.75rem;flex-shrink:0}.features{padding:5rem 0}.features .feat-grid{margin-top:2.5rem}.faq-sec{padding:0 0 5rem}.faq-sec .container{max-width:1160px}.faq-sec .sec-title{max-width:none}.hl-editor-wrap{display:flex;flex:1;height:520px;min-height:520px;max-height:520px;overflow:hidden;position:relative;background:var(--surface)}.line-gutter{display:flex;flex-direction:column;align-items:flex-end;padding:1rem .55rem 1rem .45rem;min-width:42px;width:42px;background:var(--surface2);border-right:1px solid var(--border);overflow:hidden;flex-shrink:0;font-family:Space Mono,monospace;font-size:.72rem;line-height:1.8;color:var(--muted2);-webkit-user-select:none;user-select:none}.line-gutter span{display:block}.hl-editor-body{flex:1;position:relative;overflow:hidden;background:var(--surface)}.hl-textarea{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:transparent;caret-color:var(--text);font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;padding:1rem 1.1rem;border:none;outline:none;resize:none;overflow:scroll;white-space:pre;tab-size:2;z-index:2}.hl-textarea::placeholder{color:var(--muted2)}.input-textarea{position:absolute;inset:0;width:100%;height:100%;background:var(--surface);color:var(--text);caret-color:var(--text);font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;padding:1rem 1.1rem;border:none;outline:none;resize:none;overflow-y:scroll;overflow-x:auto;tab-size:2;z-index:2;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.input-textarea::placeholder{color:var(--muted2)}.input-textarea::-webkit-scrollbar{width:5px;height:5px}.input-textarea::-webkit-scrollbar-track{background:transparent}.input-textarea::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scrollbar-thumb)}.input-textarea::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.out-pre{position:absolute;inset:0;width:100%;height:100%;background:var(--surface);font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8;padding:1rem 1.1rem;margin:0;overflow-y:scroll;overflow-x:auto;white-space:pre}.out-pre code{font-family:inherit;font-size:inherit;background:transparent;padding:0}.out-pre .hljs{background:transparent!important;padding:0}.hdr-badge{font-size:.55rem;opacity:.4;flex-shrink:0;font-family:Space Mono,monospace}.out-pre::-webkit-scrollbar,.hl-textarea::-webkit-scrollbar,.line-gutter::-webkit-scrollbar{width:5px;height:5px}.out-pre::-webkit-scrollbar-track,.hl-textarea::-webkit-scrollbar-track,.line-gutter::-webkit-scrollbar-track{background:transparent}.out-pre::-webkit-scrollbar-thumb,.hl-textarea::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scrollbar-thumb)}.out-pre::-webkit-scrollbar-thumb:hover,.hl-textarea::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.out-pre,.hl-textarea{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.changelog-list{display:grid;gap:1.4rem}.changelog-entry{padding:1.25rem;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.changelog-entry h2{margin:0 0 .75rem;font-size:1.2rem;color:var(--text)}.changelog-entry .page-list{margin-top:0}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;width:100%;gap:1rem}.main-nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}nav.main-nav{padding:0;height:auto}.main-nav .nav-inner{height:60px}.main-nav .nav-logo{flex-shrink:0}.nav-spacer{display:none}.main-nav .nav-links{display:flex;align-items:center;gap:.15rem;list-style:none;margin-left:auto;flex-shrink:0}.main-nav .nav-right{flex-shrink:0}.site-footer{display:block;position:relative;z-index:1;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);font-family:Space Mono,monospace;color:var(--muted);padding:2.25rem 0 1.25rem}.footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:minmax(240px,1.25fr) repeat(3,minmax(150px,1fr));gap:2rem;width:100%}.site-footer nav.footer-col{display:block;gap:0}.footer-col h2{margin:0 0 .85rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.58rem}.footer-col a{color:var(--muted);text-decoration:none;font-size:.72rem;line-height:1.45;transition:color .2s,transform .2s}.footer-col a:hover{color:var(--accent)}.footer-logo{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.8rem;color:var(--accent);font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;text-decoration:none}.footer-logo svg{flex-shrink:0}.footer-logo .logo-fmt{color:var(--text)}.footer-brand p{max-width:360px;margin:0;font-size:.72rem;line-height:1.75}.footer-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.95rem}.footer-badges span{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface2);color:var(--muted);padding:.24rem .58rem;font-size:.62rem}.footer-bottom{max-width:1200px;margin:1.75rem auto 0;padding:1rem 2rem 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.68rem}.footer-bottom strong{color:var(--accent)}@media(max-width:900px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.site-footer{padding-top:1.75rem}.footer-inner{grid-template-columns:1fr;gap:1.6rem;padding:0 1.35rem}.footer-bottom{padding:1rem 1.35rem 0;margin-top:1.35rem}}.about-section-hdr{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.about-section-hdr h2{margin:0}.about-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;flex-shrink:0;background:var(--accent-glow);color:var(--accent)}.about-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem}.about-list-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.93rem;color:var(--muted);line-height:1.7}.about-list-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;flex-shrink:0;background:var(--surface2);color:var(--accent);margin-top:.18rem}@media(max-width:700px){.main-nav .nav-links{display:none}.main-nav .nav-right{margin-left:auto}.mobile-menu{padding:.6rem 2rem 1.2rem}}.size-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeInBackdrop .15s ease}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.size-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #00000059;padding:2rem 2rem 1.6rem;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;animation:slideUpModal .18s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.size-modal-icon{font-size:2.2rem;line-height:1;padding:.7rem;background:#c896001a;border:1px solid rgba(200,150,0,.25);border-radius:12px}.size-modal-icon.hard{background:#dc32321a;border-color:#dc323240}.size-modal-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.size-modal-body{font-size:.9rem;color:var(--muted);line-height:1.7;max-width:340px}.size-modal-body strong{color:var(--text);font-weight:700}.size-modal-actions{display:flex;gap:.6rem;margin-top:.4rem;flex-wrap:wrap;justify-content:center}.size-modal-proceed,.size-modal-cancel{font-size:.75rem;padding:.5rem 1.2rem;min-width:130px}.nav-tools-dropdown,.nav-dropdown-menu{display:none!important}.nd-wrap{position:relative;list-style:none}.nd-btn{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.04em;color:var(--muted);background:none;border:none;padding:.38rem .65rem;border-radius:6px;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap;text-transform:uppercase}.nd-btn:hover{color:var(--text);background:var(--surface2)}.nd-btn.nd-active{color:var(--accent);font-weight:700}.nd-menu{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:6px .35rem .35rem;display:none;flex-direction:column;min-width:155px;z-index:300;animation:dropIn .13s ease}.nd-wrap:hover .nd-menu{display:flex}.nd-item{position:relative;z-index:1}.nd-item{font-family:Space Mono,monospace;font-size:.68rem;color:var(--muted);text-decoration:none;padding:.42rem .8rem;border-radius:6px;white-space:nowrap;transition:all .12s}.nd-item:hover{color:var(--accent);background:var(--accent-glow)}.mobile-menu{position:absolute;top:60px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:.5rem .75rem 1rem;z-index:200;box-shadow:var(--shadow-md);max-height:calc(100vh - 60px);overflow-y:auto}.mm-home{font-family:Space Mono,monospace;font-size:.75rem;color:var(--text);text-decoration:none;padding:.55rem .5rem;display:block;border-radius:7px;letter-spacing:.04em}.mm-home:hover{background:var(--accent-glow);color:var(--accent)}.mm-section{border-bottom:1px solid var(--border)}.mm-section:last-of-type{border-bottom:none}.mm-section-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted);background:none;border:none;padding:.65rem .5rem;cursor:pointer;transition:color .15s}.mm-section-btn:hover{color:var(--accent)}.mm-chevron{display:flex;transition:transform .2s ease}.mm-chevron-open{transform:rotate(180deg)}.mm-section-links{display:flex;flex-direction:column;padding:0 0 .4rem .5rem;max-height:0;overflow:hidden;transition:max-height .2s ease}.mm-section-links.mm-section-open{max-height:600px}.mm-link{font-family:Space Mono,monospace;font-size:.73rem;color:var(--text);text-decoration:none;padding:.42rem .5rem;border-radius:6px;transition:all .15s}.mm-link:hover{background:var(--accent-glow);color:var(--accent)}.mm-divider{border:none;border-top:1px solid var(--border);margin:.4rem 0}.tool-window-wrap{max-width:860px;margin:0 auto;padding:1.5rem 1.5rem 3rem;background:var(--bg);position:relative;z-index:1}.tool-window{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:600px}.tool-toolbar{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--surface2);flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.toolbar-center{flex:1;display:flex;justify-content:center}.toolbar-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.toolbar-title{font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;color:var(--text);letter-spacing:-.01em;margin:0}.btn-tool{display:inline-flex;align-items:center;gap:.35rem;font-family:Space Mono,monospace;font-size:.72rem;font-weight:600;padding:.38rem .85rem;border-radius:7px;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap;letter-spacing:.01em}.btn-tool.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-tool.btn-primary:hover{filter:brightness(1.1)}.btn-tool.btn-primary.active-mode{background:var(--accent);color:#fff;box-shadow:0 0 0 2px var(--accent-glow)}.btn-tool.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-tool.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-tool.btn-secondary.active-mode{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.btn-tool.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-tool.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-tool.text-red{color:#e05252}.btn-tool.text-red:hover{background:#dc323214;color:#e05252}.status-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:Space Mono,monospace;font-size:.68rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.22rem .75rem}.status-pill.ok{color:#22a553;border-color:#22a55340;background:#22a55310}.status-pill.err{color:#e05252;border-color:#e0525240;background:#e0525210}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.editor-workspace{display:flex;flex-direction:column;flex:1;min-height:500px}.editor-pane{display:flex;flex-direction:column;flex:1;min-height:220px}.input-pane{border-bottom:1px solid var(--border)}.pane-header{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-bottom:1px solid var(--border);background:var(--surface2);flex-shrink:0}.pane-title{font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.04em;flex:1}.pane-badge{font-family:Space Mono,monospace;font-size:.62rem;color:var(--muted2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem}.pane-label{font-family:Space Mono,monospace;font-size:.65rem;color:var(--muted)}.pane-controls{display:flex;align-items:center;gap:.4rem}.pane-body{display:flex;flex-direction:column;flex:1}.pane-footer{padding:.6rem .85rem;border-top:1px solid var(--border);background:var(--surface2)}.code-area{flex:1;resize:none;border:none;outline:none;background:var(--surface);color:var(--text);font-family:Space Mono,monospace;font-size:.8rem;line-height:1.65;padding:.85rem;min-height:360px;height:100%;box-sizing:border-box;width:100%;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-break:break-word}.code-area[readonly]{color:var(--muted);cursor:default}.output-pane .code-area{min-height:360px}.pane-icon-btn,.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s;flex-shrink:0}.pane-icon-btn:hover,.btn-icon:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.pane-icon-btn:disabled{opacity:.4;cursor:default}.btn-action-full{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.55rem 1rem;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:filter .15s}.btn-action-full:hover{filter:brightness(1.08)}.tabs-header{display:flex;align-items:center;gap:.3rem;padding:.5rem .7rem;border-bottom:1px solid var(--border);background:var(--surface2)}.tab-btn{font-family:Space Mono,monospace;font-size:.67rem;font-weight:600;letter-spacing:.04em;padding:.3rem .75rem;border-radius:6px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;transition:all .15s}.tab-btn:hover{background:var(--surface);color:var(--text)}.tab-btn.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.tabs-spacer{flex:1}.form-input-sm{font-family:Space Mono,monospace;font-size:.72rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.28rem .55rem;min-width:52px;outline:none}select.form-input-sm{min-width:160px;width:auto;padding-right:1.5rem;cursor:pointer}.form-input-sm:focus{border-color:var(--accent)}.input-action-wrap{display:flex;gap:.65rem;align-items:center;padding:.85rem}.form-input-lg{flex:1;font-family:Space Mono,monospace;font-size:.82rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .8rem;outline:none;transition:border-color .15s}.form-input-lg:focus{border-color:var(--accent)}.btn-action-inline{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.52rem 1rem;cursor:pointer;white-space:nowrap;transition:filter .15s;flex-shrink:0}.btn-action-inline:hover{filter:brightness(1.08)}.verify-pane .pane-body{padding:0}.verify-body{display:flex;flex-direction:column;gap:.85rem;padding:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.form-input{font-family:Space Mono,monospace;font-size:.8rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .8rem;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.form-input:focus{border-color:var(--accent)}.center-content{display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:100px}.result-box{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:10px;min-width:200px;border:2px dashed var(--border);font-family:Space Mono,monospace;font-size:.85rem;color:var(--muted);text-align:center}.result-box.result-ok{border-color:#22a553;color:#22a553;background:#22a55312}.result-box.result-warn{border-color:#e05252;color:#e05252;background:#e0525212}.card-password-generator{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0}.pwd-display-wrap{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface2);border-bottom:1px solid var(--border)}.pwd-display{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;min-height:52px;display:flex;align-items:center;overflow:hidden}.pwd-text{font-family:Space Mono,monospace;font-size:.9rem;color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all;line-height:1.4}.pwd-actions{display:flex;gap:.4rem}.pwd-options{padding:1.25rem;border-bottom:1px solid var(--border)}.pwd-options-title{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem;padding:0}.option-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.option-label{display:flex;justify-content:space-between;align-items:center;font-family:Space Mono,monospace;font-size:.72rem;color:var(--text)}.option-value{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:var(--accent)}.length-slider{width:100%;height:4px;accent-color:var(--accent);cursor:pointer;border-radius:99px}.slider-labels{display:flex;justify-content:space-between;font-family:Space Mono,monospace;font-size:.6rem;color:var(--muted2)}.character-options{display:flex;flex-direction:column;gap:.55rem}.checkbox-option{display:flex;align-items:center;gap:.65rem;cursor:pointer}.checkbox-option input[type=checkbox]{display:none}.checkbox-custom{width:16px;height:16px;flex-shrink:0;border:2px solid var(--border);border-radius:4px;background:var(--surface);transition:all .15s;position:relative}.checkbox-option input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-option input:checked+.checkbox-custom:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.checkbox-label{font-family:Space Mono,monospace;font-size:.72rem;color:var(--text)}.btn-generate{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.25rem;padding:.75rem 1.25rem;font-family:Space Mono,monospace;font-size:.82rem;font-weight:700;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:filter .2s,transform .15s}.btn-generate:hover{filter:brightness(1.08);transform:translateY(-1px)}.bulk-section{padding:0 1.25rem 1rem}.bulk-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.bulk-label{font-family:Space Mono,monospace;font-size:.7rem;color:var(--muted)}.bulk-count-input{width:58px;font-family:Space Mono,monospace;font-size:.75rem;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.28rem .4rem;text-align:center;outline:none}.btn-bulk{display:inline-flex;align-items:center;gap:.4rem;font-family:Space Mono,monospace;font-size:.72rem;font-weight:600;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.38rem .85rem;cursor:pointer;transition:all .15s}.btn-bulk:hover{border-color:var(--accent);color:var(--accent)}.bulk-results{border-top:1px solid var(--border);padding:1rem 1.25rem}.bulk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.bulk-header h4{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:var(--text);margin:0}.btn-copy-all{display:inline-flex;align-items:center;gap:.35rem;font-family:Space Mono,monospace;font-size:.68rem;font-weight:600;background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:7px;padding:.3rem .7rem;cursor:pointer;transition:all .15s}.btn-copy-all:hover{border-color:var(--accent);color:var(--accent)}.bulk-list{display:flex;flex-direction:column;gap:.4rem}.bulk-item{display:flex;align-items:center;padding:.5rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px}.bulk-pwd{font-family:Space Mono,monospace;font-size:.78rem;color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1}.options-panel{padding:1.25rem;border-bottom:1px solid var(--border);background:var(--surface2)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.1rem}@media(max-width:580px){.options-grid{grid-template-columns:1fr}}.option-group label.option-label{display:flex;align-items:center;gap:.35rem;font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.option-select{font-family:Space Mono,monospace;font-size:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:.4rem .55rem;width:100%;outline:none;cursor:pointer}.option-select:focus{border-color:var(--accent)}.option-input{font-family:Space Mono,monospace;font-size:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:.4rem .55rem;width:100%;outline:none;box-sizing:border-box}.option-input:focus{border-color:var(--accent)}.length-control{display:flex;align-items:center;gap:.65rem}.length-display{font-family:Space Mono,monospace;font-size:.78rem;font-weight:700;color:var(--accent);min-width:28px;text-align:right}.option-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.option-checkbox input[type=checkbox]{accent-color:var(--accent)}.btn-generate-api{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1.25rem;font-family:Space Mono,monospace;font-size:.78rem;font-weight:700;background:var(--accent);color:#fff;border:none;border-radius:9px;cursor:pointer;transition:filter .15s,transform .15s}.btn-generate-api:hover{filter:brightness(1.08);transform:translateY(-1px)}.api-results{padding:1.1rem 1.25rem}.api-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.api-results-header h4{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:var(--text);margin:0}.api-results-list{display:flex;flex-direction:column;gap:.45rem}.api-key-row{display:flex;align-items:center;gap:.65rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem}.api-key-code{flex:1;font-family:Space Mono,monospace;font-size:.77rem;color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all}.mac-dots{display:flex;align-items:center;gap:5px;flex-shrink:0}.mac-dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex-shrink:0}.mac-dot-r{background:#ff5f57;box-shadow:0 0 0 .5px #0000001f}.mac-dot-y{background:#febc2e;box-shadow:0 0 0 .5px #0000001f}.mac-dot-g{background:#28c840;box-shadow:0 0 0 .5px #0000001f}.tool-toolbar .mac-dots{margin-right:.25rem}.pane-header .mac-dots,.tabs-header .mac-dots{margin-right:.35rem}.pwd-display-wrap .mac-dots{margin-right:.5rem}.gen-wrap{display:flex;min-height:480px;width:100%}.gen-left{width:300px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--surface2)}.gen-right{flex:1;display:flex;flex-direction:column;overflow:hidden}.gen-ctrl{display:flex;flex-direction:column;gap:.3rem}.gen-label{display:flex;justify-content:space-between;align-items:center;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.gen-val{font-weight:700;color:var(--accent);font-size:.7rem;min-width:44px;text-align:right}.gen-range{-webkit-appearance:none;width:100%;height:4px;border-radius:99px;background:var(--border);outline:none;cursor:pointer}.gen-range::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 1px 3px #00000040}.gen-select{width:100%;padding:.38rem .55rem;border-radius:7px;border:1px solid var(--border);font-family:Space Mono,monospace;font-size:.75rem;color:var(--text);background:var(--surface);outline:none;cursor:pointer}.gen-select:focus{border-color:var(--accent)}.gen-color-row{display:flex;align-items:center;gap:.55rem}.gen-color-pick{width:34px;height:30px;border-radius:6px;border:1px solid var(--border);cursor:pointer;padding:2px;background:none}.gen-color-hex{font-family:Space Mono,monospace;font-size:.75rem;font-weight:600;color:var(--muted)}.gen-stop-row{display:flex;align-items:center;gap:.5rem}.gen-toggle-row{display:flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;user-select:none}.gen-toggle-input{display:none}.gen-toggle-track{position:relative;width:34px;height:18px;background:var(--border);border-radius:99px;transition:background .2s;flex-shrink:0}.gen-toggle-input:checked~.gen-toggle-track{background:var(--accent)}.gen-toggle-thumb{position:absolute;width:13px;height:13px;top:2.5px;left:2.5px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0003}.gen-toggle-input:checked~.gen-toggle-track .gen-toggle-thumb{transform:translate(16px)}.gen-toggle-label{font-family:Space Mono,monospace;font-size:.72rem;color:var(--text)}.gen-section-title{font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted2);padding-top:.6rem;border-top:1px solid var(--border);margin-top:.1rem}.gen-preview-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:repeating-conic-gradient(var(--surface2) 0% 25%,transparent 0% 50%) 0 0 / 20px 20px;min-height:200px;position:relative}.gen-preview-box{width:160px;height:100px;background:#fff;border-radius:8px;transition:all .2s ease}.gen-preview-text{font-family:Space Mono,monospace;font-weight:800;transition:all .2s ease;line-height:1}.gen-preview-filter-img{width:180px;height:130px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ef4444,#8b5cf6,#06b6d4);transition:filter .2s}.gen-code-panel{border-top:1px solid var(--border);background:var(--surface);padding:.85rem 1rem}.gen-code-label{font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);margin-bottom:.4rem}.gen-code-pre{font-family:Space Mono,monospace;font-size:.78rem;line-height:1.7;color:var(--text);word-break:break-all;white-space:pre-wrap;margin:0 0 .75rem;max-height:140px;overflow-y:auto;padding:.55rem .75rem;background:var(--surface2);border-radius:7px;border:1px solid var(--border)}.gen-prop{color:var(--accent);font-weight:700}.gen-val-code{color:var(--text)}.gen-code-actions{display:flex;gap:.5rem;flex-wrap:wrap}.gen-btn-copy{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;border-radius:7px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:filter .15s,transform .1s}.gen-btn-copy:hover{filter:brightness(1.08);transform:translateY(-1px)}.gen-btn-copy--ok{background:#16a34a}.gen-btn-dl{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;border-radius:7px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;background:var(--surface2);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:all .15s}.gen-btn-dl:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:680px){.gen-wrap{flex-direction:column}.gen-left{width:100%;border-right:none;border-bottom:1px solid var(--border);max-height:300px}}.gen-preview-stage--glass{background:repeating-conic-gradient(#ffffff2e 0% 25%,#00000014 0% 50%) 0 0 / 14px 14px}.gen-preview-has-dots:before{content:"";position:absolute;top:10px;left:12px;width:11px;height:11px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 #febc2e,32px 0 #28c840;z-index:2}.gen-btn-replay{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:7px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;background:var(--surface);color:var(--muted);border:1px solid var(--border);cursor:pointer;margin-top:.25rem;transition:all .15s}.gen-btn-replay:hover{border-color:var(--accent);color:var(--accent)}.gen-preview-glass-stage{background:#0f172a!important;overflow:hidden;padding:0!important}.glass-blob{position:absolute;border-radius:50%;filter:blur(30px);opacity:.85}.glass-blob-1{width:180px;height:180px;top:-30px;left:-20px}.glass-blob-2{width:140px;height:140px;bottom:-20px;right:20px;background:#f97316}.glass-blob-3{width:100px;height:100px;top:40px;right:60px;background:#10b981}.glass-card-preview{position:relative;z-index:2;width:220px;height:130px;box-shadow:0 8px 32px #00000059}[data-theme=dark] .gen-preview-stage[style*=f0f9ff]{background:linear-gradient(135deg,#0f172a,#1e293b)!important}@keyframes gen-float{0%{transform:translate(0)}50%{transform:translate(10px,-20px)}to{transform:translate(0)}}.gen-glass-shape-1{position:absolute;width:200px;height:200px;border-radius:50%;top:15%;left:15%;animation:gen-float 6s ease-in-out infinite}.gen-glass-shape-2{position:absolute;width:160px;height:160px;border-radius:50%;bottom:15%;right:15%;animation:gen-float 8s ease-in-out infinite reverse}.gen-glass-stage{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;overflow:hidden;padding:2rem}.gen-palette-swatches{display:flex;width:100%;height:100%;min-height:240px;flex:1}.gen-swatch{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.75rem;cursor:pointer;transition:flex .2s ease;position:relative;overflow:hidden}.gen-swatch:hover{flex:1.6}.gen-swatch-info{display:flex;flex-direction:column;align-items:center;gap:.2rem;opacity:0;transition:opacity .15s}.gen-swatch:hover .gen-swatch-info{opacity:1}.gen-swatch-hex{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:.04em}.gen-swatch-copied{font-family:Space Mono,monospace;font-size:.6rem;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.5)}.gen-converter-grid{display:flex;flex-direction:column;gap:.4rem}.gen-conv-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s}.gen-conv-row:hover{border-color:var(--accent)}.gen-conv-label{font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;color:var(--accent);min-width:38px;text-transform:uppercase;letter-spacing:.05em}.gen-conv-val{font-family:Space Mono,monospace;font-size:.78rem;color:var(--text);flex:1}.gen-conv-copy{font-family:Space Mono,monospace;font-size:.65rem;color:var(--muted2)}.gen-conv-row:hover .gen-conv-copy{color:var(--accent)}.tt-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .65rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px}.tt-stat-label{font-family:Space Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.tt-stat-val{font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;color:var(--accent)}.tt-progress-wrap{height:4px;background:var(--border);position:relative}.tt-progress-bar{height:4px;background:var(--accent);transition:width .2s,background .2s;border-radius:0 2px 2px 0}.tt-progress-over{background:#ef4444}.tt-check-label{display:inline-flex;align-items:center;gap:.35rem;font-family:Space Mono,monospace;font-size:.7rem;color:var(--muted);cursor:pointer;white-space:nowrap}.tt-check-label input{accent-color:var(--accent)}.tt-diff-line{display:flex;align-items:flex-start;padding:.2rem .75rem;font-family:Space Mono,monospace;font-size:.78rem;line-height:1.6;border-left:3px solid transparent}.tt-diff-added{background:#22c55e1a;border-left-color:#22c55e}.tt-diff-removed{background:#ef44441a;border-left-color:#ef4444}.tt-diff-same{color:var(--muted)}.tt-diff-marker{min-width:16px;font-weight:700;margin-right:.5rem}.tt-diff-added .tt-diff-marker{color:#22c55e}.tt-diff-removed .tt-diff-marker{color:#ef4444}.tt-diff-text{flex:1;word-break:break-all}.tt-workspace-split{flex-direction:row!important}.tt-workspace-split .editor-pane{min-height:400px}.tt-stats-pane{max-width:240px;flex-shrink:0;border-left:1px solid var(--border);min-height:400px}.tt-stats-pane .pane-body{padding:1rem;gap:.6rem}.enc-page-wrap{max-width:1200px;width:100%;margin:0 auto;padding:2rem 2rem 4rem;box-sizing:border-box;background:var(--bg);position:relative;z-index:1}.enc-page-wrap .tool-window{min-height:680px}.enc-page-wrap .code-area{min-height:420px}.enc-page-wrap .tt-diff-line{min-width:0}.enc-page-wrap .pane-body{overflow-y:auto}.enc-page-wrap .tool-toolbar{flex-wrap:wrap;gap:.4rem}.enc-page-wrap .form-input-sm{font-family:Space Mono,monospace;font-size:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.32rem .55rem;outline:none}.enc-page-wrap .form-input-sm:focus{border-color:var(--accent)}@media(max-width:680px){.tt-workspace-split{flex-direction:column!important}.tt-stats-pane{max-width:100%;border-left:none;border-top:1px solid var(--border)}}.feat-card-link{text-decoration:none;color:var(--text);cursor:pointer;display:flex;flex-direction:column}.feat-card-link h3{font-size:1rem;font-weight:700;margin-bottom:.35rem;transition:color .2s}.feat-card-link p{font-size:.88rem;color:var(--muted);line-height:1.6;flex:1}.feat-card-link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 28px #00000014}.feat-card-link:hover h3{color:var(--accent)}.pwd-mac-dots-wrap{padding:.75rem 1.25rem .25rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.nav-search-btn{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.72rem;font-family:Space Mono,monospace;padding:.3rem .65rem;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.nav-search-btn:hover{border-color:var(--accent);color:var(--text)}.nav-search-hint{opacity:.7}.srch-overlay{position:fixed;inset:0;z-index:9999;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:flex-start;justify-content:center;padding-top:8vh}.srch-modal{width:min(620px,calc(100vw - 2rem));max-height:72vh;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px #0000004d;display:flex;flex-direction:column;overflow:hidden}.srch-header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.srch-input-row{flex:1;display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.45rem .75rem}.srch-input-row:focus-within{border-color:var(--accent)}.srch-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.95rem;outline:none;font-family:inherit}.srch-close{background:none;border:none;cursor:pointer;padding:0}.srch-close kbd{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-family:Space Mono,monospace;font-size:.7rem;padding:.2rem .45rem;cursor:pointer}.srch-results{flex:1;overflow-y:auto;padding:.4rem 0}.srch-group{padding:.25rem 0}.srch-cat{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);padding:.35rem 1.1rem .15rem}.srch-item{display:flex;align-items:center;justify-content:flex-start;padding:.5rem 1.1rem;text-decoration:none;color:var(--text);transition:background .1s;gap:.65rem}.srch-item:hover,.srch-active{background:var(--accent-glow);color:var(--accent)}.srch-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);color:var(--muted);transition:background .1s,color .1s,border-color .1s}.srch-item:hover .srch-icon,.srch-active .srch-icon{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.srch-label{font-size:.9rem;font-weight:500;flex:1;text-align:left}.srch-slug{font-size:.72rem;font-family:Space Mono,monospace;color:var(--muted2);white-space:nowrap}.srch-footer{display:flex;gap:1rem;padding:.55rem 1.1rem;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;font-size:.7rem;color:var(--muted2)}.srch-footer kbd{display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--muted);font-family:Space Mono,monospace;font-size:.65rem;padding:.1rem .35rem;min-width:1.4rem}.ad-slot{width:100%;display:flex;justify-content:center;align-items:center}.ad-slot-topBanner{padding:.75rem 0 0}.ad-slot-midRectangle{padding:1.5rem 0}.ad-slot-bottomLeaderboard{padding:2rem 0 0}.ad-placeholder{min-height:60px;border:1px dashed var(--border);border-radius:10px;margin:.5rem auto;max-width:1160px;background:var(--surface);display:flex;align-items:center;justify-content:center}.ad-slot-midRectangle .ad-placeholder{max-width:340px;min-height:120px}.ad-label{font-size:.7rem;font-family:Space Mono,monospace;color:var(--muted2);letter-spacing:.05em}.blog-page-wrap{background:var(--bg);position:relative;z-index:1;min-height:70vh}.blog-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:3.5rem 2rem 3rem}@media(max-width:480px){.blog-hero{padding:2rem 1rem 1.75rem}}.blog-hero-inner{max-width:820px;margin:0 auto}.blog-hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.6rem}.blog-hero-sub{font-size:1rem;color:var(--muted);line-height:1.7;max-width:540px}.blog-index-layout{max-width:1160px;margin:0 auto;padding:3rem 2rem 5rem;display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start}@media(max-width:1024px){.blog-index-layout{grid-template-columns:1fr 260px;gap:2rem}}@media(max-width:860px){.blog-index-layout{grid-template-columns:1fr;gap:2.5rem;padding:2rem 1.5rem 4rem}}@media(max-width:480px){.blog-index-layout{padding:1.5rem 1rem 3rem}}.blog-index-main{min-width:0}.blog-index-main .blog-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2.5rem}@media(max-width:640px){.blog-index-main .blog-grid{grid-template-columns:1fr;gap:1.75rem}}.blog-sidebar-tools{display:flex;flex-direction:column;gap:.4rem}.blog-sidebar-tool-link{font-family:Space Mono,monospace;font-size:.78rem;color:var(--muted);text-decoration:none;padding:.35rem .5rem;border-radius:6px;transition:color .15s,background .15s}.blog-sidebar-tool-link:hover{color:var(--accent);background:var(--accent-glow)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.blog-grid{grid-template-columns:1fr;gap:1.75rem}}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .18s,border-color .18s,box-shadow .18s}.blog-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 30px #0000001a}.blog-card-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--surface2)}.blog-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.blog-card:hover .blog-card-thumb img{transform:scale(1.04)}.blog-card-body{padding:1.25rem 1.4rem 1.4rem;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:.4rem;font-family:Space Mono,monospace;font-size:.65rem;color:var(--muted);margin-bottom:.65rem}.blog-card-dot{opacity:.4}.blog-card-title{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;line-height:1.35;margin-bottom:.55rem;color:var(--text)}.blog-card-excerpt{font-size:.88rem;color:var(--muted);line-height:1.7;flex:1;margin-bottom:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.blog-tag{font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:.18rem .55rem;border-radius:999px;background:var(--accent-glow);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.blog-tag--light{background:#ffffff26;color:#fff;border-color:#ffffff4d}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:1rem}.blog-page-btn{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;transition:all .15s}.blog-page-btn:hover{border-color:var(--accent);color:var(--accent)}.blog-page-btn--disabled{opacity:.35;cursor:default;pointer-events:none}.blog-page-nums{display:flex;gap:.35rem}.blog-page-num{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);text-decoration:none;transition:all .15s}.blog-page-num:hover{border-color:var(--accent);color:var(--accent)}.blog-page-num.active{background:var(--accent);border-color:var(--accent);color:#fff}.blog-post-wrap{background:var(--bg);position:relative;z-index:1;min-height:70vh}.blog-post-hero{position:relative;height:420px;overflow:hidden;background:var(--surface2)}@media(max-width:640px){.blog-post-hero{height:260px}}.blog-post-hero img{width:100%;height:100%;object-fit:cover;display:block}.blog-post-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.2) 55%,transparent 100%)}.blog-post-hero-text{position:absolute;bottom:0;left:0;right:0;padding:2rem 2.5rem;max-width:860px;margin:0 auto}.blog-post-title{font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#fff;margin-bottom:.5rem}.blog-post-byline{display:flex;align-items:center;gap:.4rem;font-family:Space Mono,monospace;font-size:.7rem;color:#ffffffb3}.blog-post-layout{max-width:1100px;margin:0 auto;padding:3rem 2rem 5rem;display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start}@media(max-width:1024px){.blog-post-layout{grid-template-columns:1fr 260px;gap:2rem}}@media(max-width:860px){.blog-post-layout{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem 4rem}}@media(max-width:480px){.blog-post-layout{padding:1.5rem 1rem 3rem}}.blog-post-content{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2.5rem;color:var(--text);line-height:1.8;font-size:.97rem}@media(max-width:560px){.blog-post-content{padding:1.5rem}}.blog-post-content h2{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:2rem 0 .75rem;color:var(--text);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.blog-post-content h2:first-child{margin-top:0}.blog-post-content h3{font-size:1.05rem;font-weight:700;margin:1.5rem 0 .5rem;color:var(--text)}.blog-post-content p{margin-bottom:1.1rem;color:var(--muted)}.blog-post-content a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}.blog-post-content a:hover{text-decoration-color:var(--accent)}.blog-post-content ul,.blog-post-content ol{padding-left:1.4rem;margin-bottom:1.1rem;color:var(--muted)}.blog-post-content li{margin-bottom:.4rem}.blog-post-content strong{color:var(--text);font-weight:700}.blog-post-content pre{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;overflow-x:auto;margin:1.2rem 0;font-family:Space Mono,monospace;font-size:.8rem;line-height:1.7;color:var(--text)}.blog-post-content code{font-family:Space Mono,monospace;font-size:.82em;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;color:var(--accent)}.blog-post-content pre code{background:none;border:none;padding:0;color:var(--text);font-size:inherit}.blog-sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:80px}@media(max-width:860px){.blog-sidebar{position:static}}.blog-sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.blog-sidebar-title{font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.blog-related-list{display:flex;flex-direction:column;gap:.85rem}.blog-related-item{display:flex;gap:.75rem;align-items:flex-start;text-decoration:none;color:var(--text);transition:color .15s}.blog-related-item:hover{color:var(--accent)}.blog-related-item img{width:64px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--surface2)}.blog-related-text{display:flex;flex-direction:column;gap:.2rem}.blog-related-title{font-size:.84rem;font-weight:700;line-height:1.35;letter-spacing:-.01em}.blog-related-date{font-family:Space Mono,monospace;font-size:.62rem;color:var(--muted)}.blog-back-btn{display:inline-flex;align-items:center;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:var(--muted);text-decoration:none;padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:all .15s}.blog-back-btn:hover{color:var(--accent);border-color:var(--accent)}.blog-card-date,.blog-card-read{white-space:nowrap}.blog-try-tools-card{background:linear-gradient(135deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-top:2rem}.blog-try-tools-kicker{font-family:Space Mono,monospace;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}.blog-try-tools-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 .4rem}.blog-try-tools-desc{color:var(--muted);font-size:.92rem;line-height:1.65;margin:0 0 1rem}.blog-try-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.blog-try-tool-card{display:flex;flex-direction:column;gap:.35rem;min-height:100%;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s,background .15s}.blog-try-tool-card:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-2px)}.blog-try-tool-name{font-size:.9rem;font-weight:800;letter-spacing:-.01em}.blog-try-tool-desc{color:var(--muted);font-size:.78rem;line-height:1.45}@media(max-width:640px){.blog-try-tools-grid{grid-template-columns:1fr}}.blog-author-card{display:flex;align-items:flex-start;gap:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.75rem;margin-top:2rem}.blog-author-avatar{width:64px;height:64px;border-radius:50%;background:var(--accent-glow);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:1.4rem;font-weight:700;color:var(--accent);flex-shrink:0}.blog-author-info{flex:1}.blog-author-label{font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.blog-author-name{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:.5rem}.blog-author-bio{font-size:.88rem;color:var(--muted);line-height:1.7}.kofi-btn{display:inline-flex;align-items:center;opacity:.85;transition:opacity .2s}.kofi-btn:hover{opacity:1}.added-tools-cluster{width:min(1200px,calc(100% - 2rem));margin:2.5rem auto}.added-tool-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f,0 24px 48px #00000014;transition:box-shadow .3s}.added-tool-card:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 4%,transparent) 0%,transparent 55%);pointer-events:none;border-radius:inherit}.added-tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.35rem 1.5rem 1.2rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface2) 0%,var(--surface) 100%);position:relative}.added-tool-header:after{content:"";position:absolute;bottom:-1px;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 30%,transparent),transparent)}.added-title-row{min-width:0;display:flex;align-items:flex-start;gap:1rem}.added-mac-dots{display:flex;gap:.38rem;padding-top:.42rem;flex:0 0 auto}.added-dot{width:12px;height:12px;border-radius:50%;display:block;box-shadow:inset 0 1px 2px #0000002e;transition:filter .2s}.added-tool-card:hover .added-dot{filter:brightness(1.08)}.added-dot.red{background:radial-gradient(circle at 40% 35%,#ff7369,#e0413a)}.added-dot.yellow{background:radial-gradient(circle at 40% 35%,#ffd060,#e6a820)}.added-dot.green{background:radial-gradient(circle at 40% 35%,#4ce060,#1eb53a)}.added-title{margin:0;color:var(--text);font-size:1.08rem;font-weight:850;letter-spacing:-.025em;line-height:1.25}.added-description{max-width:680px;margin:.3rem 0 0;color:var(--muted);font-size:.84rem;line-height:1.6}.added-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;flex:0 0 auto;align-items:center}.added-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:34px;padding:.44rem .9rem;border:1px solid var(--border);border-radius:10px;font-family:Space Mono,monospace;font-size:.7rem;font-weight:800;letter-spacing:.025em;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .1s}.added-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.added-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.added-btn:disabled{opacity:.4;cursor:not-allowed}.added-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent)}.added-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 40%,transparent)}.added-btn-secondary{background:var(--bg);color:var(--text);border-color:var(--border)}.added-btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--bg))}.added-btn-danger{background:#dc26260f;color:#dc2626;border-color:#dc262638}.added-btn-danger:hover:not(:disabled){background:#dc26261f;border-color:#dc262666}.added-grid{display:grid;gap:1.1rem;padding:1.35rem 1.5rem}.added-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.added-grid-narrow-left{grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr)}.added-pane{min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s}.added-pane:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.added-pane-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:var(--surface2)}.added-pane-title,.added-field-label,.added-pane-badge{font-family:Space Mono,monospace;font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.added-pane-title{color:var(--text)}.added-pane-badge{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.1rem .45rem;font-size:.6rem}.added-pane-body{padding:1.1rem;min-height:100%}.added-form-stack{display:flex;flex-direction:column;gap:.9rem}.added-field{display:flex;flex-direction:column;gap:.38rem}.added-field-grow{min-height:100%;flex:1}.added-field-label{color:var(--muted)}.added-input,.added-textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:.72rem .9rem;font:inherit;font-size:.88rem;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.added-input:focus,.added-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.added-input::placeholder,.added-textarea::placeholder{color:var(--muted2, var(--muted));opacity:.7}.added-textarea{min-height:260px;resize:vertical;font-family:var(--font-mono, "Space Mono", monospace);font-size:.84rem;line-height:1.7}.added-output-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center}.added-output-box{min-height:260px;max-height:520px;overflow:auto;margin:0;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--font-mono, "Space Mono", monospace);font-size:.84rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;scroll-behavior:smooth}.added-empty,.added-muted{color:var(--muted);font-size:.88rem;line-height:1.65}.added-status{margin:0 1.5rem 1.35rem;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--muted);font-size:.86rem;line-height:1.55;display:flex;align-items:flex-start;gap:.5rem}.added-status:before{content:"○";font-size:.75rem;flex-shrink:0;margin-top:.05rem}.added-status-ok{border-color:#22c55e4d;background:#22c55e0f;color:#15803d}.added-status-ok:before{content:"●";color:#22c55e}.added-status-error{border-color:#ef44444d;background:#ef44440f;color:#b91c1c}.added-status-error:before{content:"✕";color:#ef4444;font-size:.8rem}.added-status-neutral{color:var(--muted)}.added-svg-preview{min-height:320px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background:repeating-conic-gradient(rgba(128,128,128,.07) 0% 25%,transparent 0% 50%) 0 0 / 20px 20px;background-color:var(--surface)}.added-svg-preview svg{max-width:100%;height:auto;border-radius:8px;drop-shadow:0 4px 16px rgba(0,0,0,.15)}.added-preview{min-height:260px;overflow:auto;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);line-height:1.7;font-size:.92rem;word-wrap:break-word}.added-preview>*:first-child{margin-top:0}.added-preview h1,.added-preview h2,.added-preview h3,.added-preview h4,.added-preview h5,.added-preview h6{font-weight:800;letter-spacing:-.02em;line-height:1.3;color:var(--text)}.added-preview h1{font-size:1.55rem;margin:1.1rem 0 .7rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.added-preview h2{font-size:1.28rem;margin:1rem 0 .6rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.added-preview h3{font-size:1.1rem;margin:.9rem 0 .5rem}.added-preview h4{font-size:.98rem;margin:.8rem 0 .45rem}.added-preview h5{font-size:.88rem;margin:.7rem 0 .4rem;color:var(--muted)}.added-preview h6{font-size:.8rem;margin:.6rem 0 .35rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.added-preview p{margin:.65rem 0}.added-preview ul,.added-preview ol{margin:.5rem 0;padding-left:1.5rem}.added-preview ul{list-style:disc}.added-preview ol{list-style:decimal}.added-preview ul ul,.added-preview ol ol,.added-preview ul ol,.added-preview ol ul{margin:.25rem 0}.added-preview li{margin:.3rem 0}.added-preview li.added-task-item{list-style:none;margin-left:-1.5rem;padding-left:1.5rem;display:flex;align-items:baseline;gap:.5rem}.added-preview li.added-task-item input[type=checkbox]{accent-color:var(--accent);margin:0;transform:translateY(1px);flex-shrink:0}.added-preview .added-task-done{color:var(--muted);text-decoration:line-through}.added-preview code{font-family:var(--font-mono, "Space Mono", monospace);font-size:.82rem;border:1px solid var(--border);border-radius:5px;padding:.15rem .35rem;background:var(--bg);word-break:break-word}.added-preview strong{font-weight:750}.added-preview em{font-style:italic}.added-preview del{color:var(--muted);text-decoration-color:var(--muted)}.added-preview a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.added-preview a:hover{opacity:.8}.added-preview img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border);margin:.5rem 0;display:block}.added-preview hr{border:none;border-top:1px solid var(--border);margin:1.3rem 0}.added-preview blockquote{margin:.8rem 0;padding:.15rem 1rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface));border-radius:0 8px 8px 0;color:var(--muted)}.added-preview blockquote p,.added-preview blockquote blockquote{margin:.4rem 0}.added-preview .added-code-block{margin:.8rem 0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}.added-preview .added-code-lang{font-family:Space Mono,monospace;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.4rem .85rem;border-bottom:1px solid var(--border);background:var(--surface2)}.added-preview .added-code-block pre{margin:0;padding:.9rem 1rem;overflow-x:auto}.added-preview .added-code-block code{border:none;padding:0;background:transparent;font-size:.82rem;line-height:1.6;white-space:pre}.added-preview table{width:100%;margin:.8rem 0;border-collapse:collapse;font-size:.86rem;overflow-x:auto;display:block}.added-preview table thead,.added-preview table tbody{display:table;width:100%;table-layout:auto}.added-preview th,.added-preview td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.added-preview th{background:var(--surface2);font-weight:750;color:var(--text)}.added-preview tbody tr:nth-child(2n){background:color-mix(in srgb,var(--text) 2%,transparent)}.added-contrast-sample{border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;font-weight:850;font-size:1.1rem;letter-spacing:-.01em;transition:color .2s,background .2s}.added-inline-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.added-helper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.added-mini-note{border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:10px;padding:.7rem .9rem;background:color-mix(in srgb,var(--accent) 4%,var(--surface2));color:var(--muted);font-size:.8rem;line-height:1.6}.added-check-row{display:flex;align-items:center;gap:.6rem;min-height:42px;padding:.6rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:.86rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s}.added-check-row:hover{border-color:var(--accent)}.added-check-row input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.added-output-compact{min-height:80px;max-height:140px;margin-top:.85rem;font-size:.78rem}.added-live-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;padding:1.1rem 1.5rem 0}.added-live-card{position:relative;border:1px solid var(--border);border-radius:14px;background:var(--surface2);padding:1rem 1.1rem;min-width:0;overflow:hidden}.added-live-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,transparent) 0%,transparent 60%);border-radius:inherit;pointer-events:none}.added-live-card strong{display:block;margin:.3rem 0 .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.85rem,1.8vw,1.15rem);overflow-wrap:anywhere;color:var(--text);letter-spacing:-.02em}.added-live-label{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:Space Mono,monospace}.added-mini-btn{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:700;font-family:Space Mono,monospace;cursor:pointer;transition:border-color .15s,color .15s}.added-mini-btn:hover{border-color:var(--accent);color:var(--accent)}.added-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.added-quick-card{text-align:left;border:1px solid var(--border);border-radius:12px;padding:.85rem .9rem;background:var(--bg);color:var(--text);font-weight:800;font-size:.84rem;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.added-quick-card span{display:block;margin-top:.25rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;font-weight:600}.added-quick-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg));transform:translateY(-1px)}.added-color-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.65rem;align-items:center}.added-color-picker{width:52px;height:42px;padding:3px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s}.added-color-picker:hover{border-color:var(--accent)}.added-ratio-display{display:flex;align-items:baseline;gap:.5rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.added-ratio-number{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.04em}.added-ratio-unit{color:var(--muted);font-size:.8rem;font-weight:700}.added-contrast-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.added-contrast-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:Space Mono,monospace;font-size:.66rem;font-weight:800;letter-spacing:.04em;padding:.25rem .65rem;border-radius:999px;border:1px solid}.added-contrast-badge-pass{background:#22c55e1a;color:#15803d;border-color:#22c55e4d}.added-contrast-badge-fail{background:#ef444414;color:#b91c1c;border-color:#ef444440}.added-uuid-row{display:flex;align-items:flex-end;gap:.75rem}.added-uuid-row .added-field{flex:0 0 140px}.added-wheel-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:1.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-height:420px}.added-wheel-wrap{position:relative;width:min(360px,100%);aspect-ratio:1 / 1}.added-wheel-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 32px rgba(0,0,0,.18));transition:transform 4s cubic-bezier(.18,.86,.1,1)}.added-wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid var(--accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));z-index:2}.added-wheel-hub{position:absolute;top:50%;left:50%;width:16%;height:16%;transform:translate(-50%,-50%);border-radius:50%;background:var(--surface);border:3px solid var(--accent);box-shadow:0 2px 8px #0003;z-index:1}.added-wheel-winner-banner{width:100%;text-align:center;padding:.9rem 1.2rem;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}.added-wheel-winner-label{font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.added-wheel-winner-name{font-size:1.5rem;font-weight:850;color:var(--accent);letter-spacing:-.02em;margin-top:.2rem;word-break:break-word}.added-entry-list{display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto;padding-right:.25rem}.added-entry-row{display:flex;align-items:center;gap:.5rem}.added-entry-row .added-input{flex:1}.added-entry-remove{flex:0 0 auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.added-entry-remove:hover{border-color:#ef4444;color:#ef4444;background:#ef44440f}.added-morse-display{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.6rem;letter-spacing:.15em;word-break:break-all;line-height:2}.added-morse-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.4rem;max-height:220px;overflow-y:auto}.added-morse-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.added-morse-cell strong{font-size:.82rem;color:var(--text)}.added-morse-cell span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;color:var(--muted);letter-spacing:.05em}.added-binary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem}.added-binary-chip{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .4rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.added-binary-chip strong{font-size:.92rem;color:var(--accent);letter-spacing:.03em}.added-binary-chip span{font-size:.72rem;color:var(--muted)}.added-file-drop{position:relative;display:block;border:1.5px dashed var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.added-file-drop:hover,.added-file-drop.is-dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.added-file-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.added-file-drop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:170px;padding:1.5rem;text-align:center}.added-file-drop-empty strong{color:var(--text);font-size:.92rem}.added-file-drop-empty span{color:var(--muted);font-size:.78rem}.added-file-drop-filled{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem}.added-file-drop-thumb{width:72px;height:72px;flex-shrink:0;object-fit:contain;border-radius:10px;border:1px solid var(--border);background:repeating-conic-gradient(rgba(128,128,128,.07) 0% 25%,transparent 0% 50%) 0 0 / 14px 14px;background-color:var(--surface2)}.added-file-drop-filled strong{display:block;color:var(--text);font-size:.88rem;word-break:break-all}.added-file-drop-filled span{color:var(--muted);font-size:.76rem}.added-favicon-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.added-favicon-preview{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.added-favicon-preview div{width:64px;height:64px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:repeating-conic-gradient(rgba(128,128,128,.09) 0% 25%,transparent 0% 50%) 0 0 / 14px 14px;overflow:hidden}.added-favicon-preview img{max-width:100%;max-height:100%;object-fit:contain}.added-favicon-preview span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.added-favicon-preview strong{font-size:.72rem;color:var(--muted)}@media(max-width:920px){.added-tool-header{flex-direction:column}.added-actions{justify-content:flex-start}.added-grid-2,.added-grid-narrow-left{grid-template-columns:1fr}.added-live-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.added-tools-cluster{width:min(100% - 1rem,1200px);margin:1rem auto}.added-tool-header{padding:1rem}.added-grid{padding:.9rem}.added-pane-body{padding:.85rem}.added-actions{width:100%}.added-btn{flex:1 1 auto}.added-textarea,.added-output-box,.added-preview{min-height:200px}.added-live-strip{grid-template-columns:1fr;padding:.9rem .9rem 0}.added-quick-grid,.added-helper-grid{grid-template-columns:1fr}.added-inline-actions .added-btn{width:100%}.added-morse-display{font-size:1.1rem}.added-file-drop-filled{flex-direction:column;text-align:center}}.tools-directory-hero{padding-bottom:3rem}.tools-directory-search{width:min(760px,calc(100% - 2rem));margin:1.8rem auto 0}.tools-directory-search input{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:1rem 1.1rem;font:inherit;box-shadow:var(--shadow-sm)}.tools-directory-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.tools-directory-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2rem}.td-tab{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:.5rem .85rem;cursor:pointer;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.03em;transition:border-color .15s,color .15s,background .15s}.td-tab:hover,.td-tab-active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.tools-directory-summary{margin:0 0 1.5rem;color:var(--muted);font-size:.9rem}.tools-directory-block{margin:0 0 3rem}.tools-directory-heading{margin-bottom:1.25rem}.tools-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.tools-directory-grid-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.td-card{display:flex;flex-direction:column;gap:.45rem;min-height:138px;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:14px;color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.td-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.td-card strong{font-size:.98rem}.td-card p{color:var(--muted);font-size:.84rem;line-height:1.45;margin:0}.td-card small{margin-top:auto;color:var(--muted2);font-family:Space Mono,monospace;font-size:.72rem}.td-card-cat{width:fit-content;border:1px solid var(--border);border-radius:999px;padding:.18rem .5rem;color:var(--muted);font-family:Space Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}