: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: "Bricolage Grotesque", 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: "Bricolage Grotesque", 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,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}[data-theme=light] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;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;top:0;right:0;bottom:0;left:0;z-index:0;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)}[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;top:0;right:0;bottom:0;left: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}.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}.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)}.hl-editor-wrap{height:520px;min-height:520px;max-height:520px}textarea{flex:1;width:100%;height:520px;min-height:520px;max-height:520px;background:transparent;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;-moz-tab-size:2;tab-size:2}textarea::placeholder{color:var(--muted2)}.out-pre{flex:1;width:100%;height:520px;min-height:520px;max-height:520px;background:transparent;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}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-editor-wrap{position:relative;flex:1;overflow:hidden}.hl-input-pre{position:absolute;top:0;right:0;bottom:0;left: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;-moz-tab-size:2;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;top:0;right:0;bottom:0;left: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;-moz-tab-size:2;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;top:0;right:0;bottom:0;left: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;-moz-tab-size:2;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)}.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}.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}.hl-textarea{position:absolute;top:0;right:0;bottom:0;left: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;-moz-tab-size:2;tab-size:2;z-index:2}.hl-textarea::placeholder{color:var(--muted2)}.input-textarea{position:absolute;top:0;right:0;bottom:0;left: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;-moz-tab-size:2;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;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;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}.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{border-top:1px solid var(--border);font-family:Space Mono,monospace;font-size:.7rem;color:var(--muted);padding:1.5rem 0}.site-footer .nav-inner{justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy 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)}.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;top:0;right:0;bottom:0;left: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:flex;flex-direction:column;min-width:155px;z-index:300;animation:dropIn .13s ease}.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}.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}.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:transparent;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,#ffffff2e 25%,#00000014 0%,#00000014 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}.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;top:0;right:0;bottom:0;left: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}