:root{--bg: #0d1117;--bg-elevated: #161b22;--card: #161b22;--card-hover: #1c2129;--border: #30363d;--border-strong: #3d444d;--text: #c9d1d9;--text-strong: #f0f6fc;--text-muted: #8b949e;--primary: #1f6feb;--primary-hover: #388bfd;--primary-soft: rgba(31, 111, 235, .12);--success: #238636;--success-hover: #2ea043;--danger: #da3633;--danger-hover: #f85149;--focus-ring: rgba(31, 111, 235, .45);--radius: 10px;--radius-sm: 7px;--control-h: 2.35rem;--control-h-sm: 2rem;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 8px 24px rgba(0, 0, 0, .35);color-scheme:dark}:root[data-theme=light]{--bg: #f6f8fa;--bg-elevated: #ffffff;--card: #ffffff;--card-hover: #f0f3f6;--border: #d0d7de;--border-strong: #b9c1c9;--text: #1f2328;--text-strong: #0a0d11;--text-muted: #57606a;--primary: #0969da;--primary-hover: #0550ae;--primary-soft: rgba(9, 105, 218, .1);--success: #1a7f37;--success-hover: #166f2f;--danger: #cf222e;--danger-hover: #a40e26;--focus-ring: rgba(9, 105, 218, .35);--shadow-sm: 0 1px 2px rgba(140, 149, 159, .2);--shadow: 0 8px 24px rgba(140, 149, 159, .25);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{max-width:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ul{padding-left:1.25rem}h1,h2,h3,h4{color:var(--text-strong);line-height:1.25;margin:0 0 .75rem;letter-spacing:-.01em}h1{font-size:clamp(1.6rem,1.1rem + 1.8vw,2.4rem);font-weight:800}h2{font-size:1.35rem;margin-top:0;font-weight:700}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 1rem}code{font-family:var(--font-mono);background:var(--bg-elevated);padding:.1rem .4rem;border-radius:4px;font-size:.9em;border:1px solid var(--border)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--primary);color:#fff;padding:.6rem 1rem;border-radius:0 0 6px}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem}main{display:block}.site-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.1)}.site-header .wrap{display:flex;align-items:center;gap:1.5rem;height:3.75rem}.brand{font-weight:800;font-size:1.05rem;color:var(--text-strong);display:flex;align-items:center;gap:.45rem;flex-shrink:0}.brand span[aria-hidden]{color:var(--primary)}.brand:hover{text-decoration:none;color:var(--primary)}.main-nav{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0}.main-nav a{color:var(--text-muted);font-weight:600;font-size:.92rem;padding:.4rem .7rem;border-radius:var(--radius-sm);white-space:nowrap}.main-nav a:hover{color:var(--text-strong);text-decoration:none;background:var(--card-hover)}.main-nav a[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.header-controls{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.search-box{display:flex;align-items:center;gap:.45rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);height:var(--control-h);padding:0 .7rem;min-width:180px}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.search-box input{background:transparent;border:none;color:var(--text);font-size:.88rem;width:100%;height:100%;font-family:inherit}.search-box input:focus{outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box svg{flex-shrink:0;color:var(--text-muted);width:15px;height:15px}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);width:var(--control-h);height:var(--control-h);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,background-color .15s}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.icon-btn:active{transform:translateY(1px)}.theme-toggle [data-icon-light]{display:none}:root[data-theme=light] .theme-toggle [data-icon-dark]{display:none}:root[data-theme=light] .theme-toggle [data-icon-light]{display:block}.lang-switcher{display:flex;align-items:center;gap:.2rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);height:var(--control-h);padding:.2rem}.lang-switcher a{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 .55rem;border-radius:calc(var(--radius-sm) - 2px);font-size:.76rem;font-weight:800;color:var(--text-muted);letter-spacing:.02em}.lang-switcher a:hover{color:var(--text-strong);text-decoration:none;background:var(--card-hover)}.lang-switcher a[aria-current=true]{background:var(--primary);color:#fff}.hero{padding:2.75rem 0 2rem}.hero h1{margin-bottom:.6rem}.hero p.sub{color:var(--text-muted);max-width:620px;font-size:1.05rem;margin-bottom:0}.hero-search{max-width:460px;margin-top:1.5rem}.hero-search .search-box{height:3rem;padding:0 1rem;min-width:100%;border-radius:var(--radius)}.hero-search .search-box svg{width:18px;height:18px}.hero-search input{font-size:1rem}.section{padding:2rem 0}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.1rem;gap:1rem}.section-title-row h2{margin:0}.section-title-row a{font-size:.88rem;font-weight:700;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:1rem}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.15rem;transition:border-color .15s,transform .15s,box-shadow .15s}.tool-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}.tool-card h3{margin:0;font-size:1rem;color:var(--text-strong);display:flex;align-items:center;gap:.5rem}.tool-card h3:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--primary);flex-shrink:0}.tool-card p{margin:0;color:var(--text-muted);font-size:.88rem}.tool-card .tag{display:inline-block;font-size:.68rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.04em;background:var(--primary-soft);padding:.2rem .5rem;border-radius:999px;margin-bottom:.4rem;width:fit-content}.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem}.info-card h2{margin-top:0}.stub-card{background:var(--card);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:1.6rem;color:var(--text-muted)}.stub-card h2{color:var(--text-strong)}.breadcrumbs{font-size:.84rem;color:var(--text-muted);margin-bottom:1.1rem}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .sep{margin:0 .4rem;opacity:.6}.tool-page h1{margin-bottom:.4rem}.tool-page .tool-lede{color:var(--text-muted);margin-bottom:1.5rem;max-width:720px}.workspace{display:flex;flex-direction:column;gap:.9rem}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .9rem}.toolbar-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.toolbar-group .label{font-size:.84rem;color:var(--text-muted);font-weight:600}.panes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 860px){.panes{grid-template-columns:1fr}}.pane{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.pane[data-pane=output]{border-color:var(--border)}.pane[data-pane=output] .pane-header{background:var(--bg-elevated)}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:3rem;min-height:3rem;padding:0 .9rem;border-bottom:1px solid var(--border)}.pane-header .pane-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.85rem;color:var(--text)}.pane-header .pane-title .dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0}.pane[data-pane=input] .pane-title .dot{background:var(--primary)}.pane[data-pane=output] .pane-title .dot{background:var(--success)}.pane-header .pane-actions{display:flex;align-items:center;gap:.35rem}.editor-mount{height:380px}.editor-mount .cm-editor{height:100%;font-family:var(--font-mono);font-size:13.5px}.editor-mount .cm-scroller{overflow:auto}@media (max-width: 480px){.editor-mount{height:240px}}.status-line{min-height:1.5rem;padding:.4rem .9rem 0;font-size:.82rem;font-weight:600}.status-line[data-state=error]{color:var(--danger)}.status-line[data-state=ok]{color:var(--success)}button,.btn{height:var(--control-h);padding:0 1rem;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;color:#fff;transition:background-color .15s,border-color .15s,color .15s,transform .05s;white-space:nowrap;line-height:1;font-family:inherit}.btn-sm{height:var(--control-h-sm);padding:0 .75rem;font-size:.78rem}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);box-shadow:var(--shadow-sm)}.btn-success:hover{background:var(--success-hover)}.btn-secondary{background:var(--bg-elevated);border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:transparent;border-color:var(--border);color:var(--danger)}.btn-danger:hover{border-color:var(--danger);background:#da36331a}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{border-color:var(--border)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}input[type=file]{display:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-elevated);background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238b949e' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;color:var(--text);border:1px solid var(--border);height:var(--control-h);padding:0 2rem 0 .8rem;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit}select:hover{border-color:var(--primary)}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}select option{background:var(--card);color:var(--text)}.tool-meta{margin-top:2.25rem;display:flex;flex-direction:column;gap:1.25rem}.faq-item{border-top:1px solid var(--border);padding:1.1rem 0}.faq-item:first-child{border-top:none;padding-top:0}.faq-item strong{display:block;color:var(--text-strong);margin-bottom:.35rem;font-size:.95rem}.faq-item p{color:var(--text-muted);margin:0;font-size:.92rem}.site-footer{border-top:1px solid var(--border);margin-top:3rem;padding:2rem 0;color:var(--text-muted);font-size:.86rem;background:var(--bg-elevated)}.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:center}.notfound{text-align:center;padding:4rem 1rem}.notfound h1{font-size:2rem}@media (max-width: 768px){.wrap{padding:0 1rem}.hero{padding:2rem 0 1.5rem}.section{padding:1.5rem 0}}@media (max-width: 640px){.site-header .wrap{height:auto;flex-wrap:wrap;padding-top:.6rem;padding-bottom:.6rem;gap:.6rem}.main-nav{order:3;width:100%;flex:1 1 100%;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.3rem;padding-top:.4rem;border-top:1px solid var(--border);scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{padding:.35rem .6rem;font-size:.85rem}.header-controls{order:2;margin-left:auto}.header-controls .search-box{display:none}.brand{order:1}.lang-switcher a{padding:0 .45rem}.hero-search .search-box{height:2.75rem}.toolbar{flex-direction:column;align-items:stretch;padding:.75rem}.toolbar-group{justify-content:space-between;width:100%}.toolbar-group .label{flex-shrink:0}select{flex:1;min-width:0}.pane-header{padding:0 .7rem}.pane-header .pane-title span:not(.dot){font-size:.8rem}.pane-actions .btn span.btn-label{display:none}.pane-actions .btn{width:var(--control-h);padding:0;justify-content:center}.site-footer .wrap{flex-direction:column;align-items:flex-start;text-align:left}}