*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Source Han Sans SC,sans-serif;background:var(--bg);color:var(--text);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .25s ease,color .25s ease;padding-bottom:var(--bottom-nav-h, 0)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit}::selection{background:var(--accent-soft)}:root{--bg: #0a0a0f;--bg-2: #0f0f16;--surface: rgba(22, 22, 30, .7);--surface-solid: #16161e;--surface-2: #1c1c27;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e4e4e7;--text-dim: #9b9ba6;--text-mute: #848490;--accent: #6366f1;--accent-2: #8b5cf6;--accent-3: #ec4899;--accent-soft: rgba(99, 102, 241, .15);--accent-glow: rgba(99, 102, 241, .3);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius-xl: 16px;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-28: 28px;--fs-display: clamp(28px, 3.2vw, 40px);--fs-num: clamp(22px, 2.4vw, 30px);--lh-tight: 1.3;--lh-snug: 1.55;--lh-normal: 1.7;--lh-relaxed: 1.9;--lh-loose: 2;--mono: "SF Mono", "JetBrains Mono", "Cascadia Code", "Cascadia Mono", "Fira Code", Consolas, "Liberation Mono", monospace;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 4px 16px rgba(0,0,0,.25);--shadow-lg: 0 12px 40px rgba(0,0,0,.4);--shadow-glow: 0 0 40px rgba(99,102,241,.15);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--header-h: 56px;--bottom-nav-h: 0px;--content-max: 1200px}[data-theme=light]{--bg: #f7f7fa;--bg-2: #eef0f3;--surface: rgba(255, 255, 255, .85);--surface-solid: #ffffff;--surface-2: #f8f9fb;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--text: #1a1a23;--text-dim: #4f4f5a;--text-mute: #6c6c76;--accent-soft: rgba(99, 102, 241, .1);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 16px rgba(0,0,0,.07);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--shadow-glow: 0 0 40px rgba(99,102,241,.08)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}.app-container{max-width:var(--content-max);margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--header-h);background:var(--surface);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 48px;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:var(--fs-16);letter-spacing:-.02em;cursor:pointer;flex-shrink:0;transition:opacity .15s}.logo:active{opacity:.7}.logo:hover{opacity:.85}.logo-img{width:32px;height:32px;border-radius:9px;display:block;object-fit:cover;box-shadow:0 2px 8px var(--accent-glow)}.lang-btn{font-size:var(--fs-12);font-weight:700;letter-spacing:.02em}.logo-word{height:22px;width:auto;display:block;color:var(--text);overflow:visible}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.search-box{position:relative;width:280px;flex-shrink:0;transition:width var(--transition)}@media (min-width: 901px){.search-box:focus-within{width:340px}}.search-input{width:100%;height:38px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:var(--fs-13);padding:0 12px 0 38px;outline:none;text-overflow:ellipsis;transition:all var(--transition)}.search-input:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft),0 6px 20px -6px var(--accent-glow);background:var(--surface-solid)}.search-input::placeholder{color:var(--text-mute)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-mute);pointer-events:none;transition:color var(--transition)}.search-box:focus-within .search-icon{color:var(--accent)}.search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--fs-11);color:var(--text-mute);padding:2px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-family:var(--mono)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-dim);flex-shrink:0}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn:active{transform:scale(.95)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:stretch;height:100%;max-width:500px;margin:0 auto}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--text-mute);transition:color var(--transition);font-size:var(--fs-11);font-weight:500}.bnav-item .icon{font-size:var(--fs-20);line-height:1}.bnav-item.active{color:var(--accent)}.bnav-item:active{opacity:.6}.gi{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex-shrink:0}.gi-txt{font-size:.8em;line-height:1}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:34px;align-items:center;padding:30px 0 10px;position:relative;text-align:left}.hero-glow{position:absolute;top:-110px;left:50%;transform:translate(-50%);width:min(560px,100%);height:300px;background:radial-gradient(ellipse 60% 50% at center,var(--accent-soft),transparent 70%);filter:blur(60px);pointer-events:none;z-index:0;max-width:100%}.hero-copy{position:relative;z-index:1;min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--accent);padding:5px 13px;background:var(--accent-soft);border:1px solid rgba(99,102,241,.2);border-radius:99px;margin-bottom:6px;font-weight:600;position:relative;z-index:1}.hero h1{font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0;position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:100%;box-sizing:border-box}.cursor-block{display:inline-block;width:.42em;height:.82em;margin-left:2px;border-radius:3px;background:#f59e0b;animation:caret-blink 1.1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.hero-free{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-11);font-weight:700;letter-spacing:0;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);padding:3px 9px;border-radius:99px;box-shadow:0 2px 8px #22c55e59;position:relative;z-index:1}.hero h1 .grad{background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-sub{font-size:var(--fs-14);color:var(--text-dim);max-width:34em;line-height:var(--lh-relaxed);margin:12px 0 18px;position:relative;z-index:1}.hero-sub b{color:var(--text);font-weight:600}.hero-stats{display:flex;align-items:center;gap:18px;flex-wrap:wrap;position:relative;z-index:1}.hero-stat{display:inline-flex;flex-direction:column;gap:3px}.hero-stat .num{font-size:var(--fs-28);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.hero-stat .label{line-height:1;font-size:var(--fs-12);color:var(--text-mute)}.stat-divider{width:1px;height:30px;background:var(--border);flex-shrink:0}.hero-palette{position:relative;z-index:1;min-width:0;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-solid);box-shadow:0 14px 38px #00000052;overflow:hidden;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.hero-palette:hover{border-color:#f59e0b73;box-shadow:0 16px 40px #f59e0b1a;transform:translateY(-2px)}.palette-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);font-family:var(--mono);font-size:var(--fs-11);color:var(--text-mute)}.palette-dots{display:flex;gap:6px}.palette-dots i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.palette-bar kbd{margin-left:auto;padding:2px 8px;font-family:var(--mono);font-size:var(--fs-11);color:var(--text-mute);border:1px solid var(--border);border-radius:6px}.palette-input{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:var(--fs-14)}.prompt-char{color:#f59e0b;font-weight:700}.typed-text{color:var(--text);min-width:3ch;white-space:pre}.caret{width:8px;height:1.15em;background:#f59e0b;animation:caret-blink 1.1s steps(1) infinite;flex-shrink:0}.palette-hint{margin-left:auto;font-size:var(--fs-11);color:var(--text-mute)}.palette-list{list-style:none;margin:0;padding:8px}.palette-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;border-radius:10px}.palette-item.active{background:var(--accent-soft)}.pi-icon{display:grid;place-items:center}.pi-name{font-size:var(--fs-13);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-name small{display:block;font-weight:400;font-size:var(--fs-11);color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-tag{font-family:var(--mono);font-size:var(--fs-11);color:var(--text-mute);border:1px solid var(--border);border-radius:5px;padding:2px 7px;white-space:nowrap}.palette-foot{display:flex;gap:18px;padding:9px 16px;border-top:1px solid var(--border);font-family:var(--mono);font-size:var(--fs-11);color:var(--text-mute)}.palette-foot b{color:var(--text-dim);font-weight:500}.marquee{display:flex;gap:16px;overflow:hidden;user-select:none;padding:10px 0;margin:8px 0 2px;border-block:1px solid var(--border);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:16px;flex-shrink:0;animation:marquee-move 42s linear infinite}@keyframes marquee-move{to{transform:translate(calc(-100% - 16px))}}.marquee-item{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-12);color:var(--text-mute);white-space:nowrap}.marquee-item:before{content:"✦";color:var(--accent);font-size:var(--fs-11)}@media (prefers-reduced-motion: reduce){html:not(.pxbo-motion-on) .marquee-track,html:not(.pxbo-motion-on) .cursor-block,html:not(.pxbo-motion-on) .caret{animation:none!important}}.motion-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px;font-size:var(--fs-12);color:var(--text-mute)}.motion-note button{background:none;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--accent);font-size:var(--fs-12);padding:2px 8px;cursor:pointer}.motion-note button:hover{border-color:var(--accent)}.category-title .view-toggle{margin-left:auto;align-self:center}.check-inline{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--text-mute);cursor:pointer;white-space:nowrap}.check-inline input{width:14px;height:14px;accent-color:var(--accent);margin:0}.tools-section{padding:12px 0 80px}.category-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 12px}.category-title h2{font-size:var(--fs-16);font-weight:700;letter-spacing:-.01em}.category-title .count{font-size:var(--fs-12);color:var(--text-mute);padding:2px 8px;background:var(--surface-2);border-radius:99px}.category-title .category-desc{flex-basis:100%;margin:-4px 0 2px;font-size:var(--fs-12);line-height:var(--lh-normal);color:var(--text-dim)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.tool-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;animation:card-in .35s cubic-bezier(.4,0,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tool-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-color, var(--accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.tool-card:hover{border-color:var(--card-color, var(--accent));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tool-card:hover:after{transform:scaleX(1)}.tool-card:active{transform:translateY(0) scale(.98)}.tool-card-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-16);margin-bottom:2px;transition:transform var(--transition)}.tool-card:hover .tool-card-icon{transform:scale(1.08)}.tool-card h3{font-size:var(--fs-14);font-weight:600;line-height:var(--lh-tight)}.tool-card p{font-size:var(--fs-12);color:var(--text-dim);line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px;font-size:var(--fs-11);color:var(--text-mute)}.tool-card-fav{opacity:0;transition:opacity var(--transition);font-size:var(--fs-14)}.tool-card:hover .tool-card-fav{opacity:1}.tool-card-fav.active{opacity:1;color:var(--warning)}.no-results{text-align:center;padding:80px 20px;color:var(--text-mute)}.no-results .big-icon{font-size:48px;margin-bottom:12px}.no-results h3{font-size:var(--fs-16);color:var(--text-dim);margin-bottom:4px}.no-results p{font-size:var(--fs-14)}.tool-page{padding-top:calc(var(--header-h) + 28px);padding-bottom:80px;animation:fade-up .35s ease both}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--text-mute);margin-bottom:18px;flex-wrap:wrap}.breadcrumb a{cursor:pointer;transition:color var(--transition)}.breadcrumb .sep{color:var(--border-strong)}.tool-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.tool-icon-large{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-20);flex-shrink:0;box-shadow:0 4px 12px #0003}.tool-meta h1{font-size:var(--fs-20);font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.tool-meta p{font-size:var(--fs-14);color:var(--text-dim)}.tool-actions{margin-left:auto;display:flex;gap:8px}.input,.textarea,.select{width:100%;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-14);padding:10px 14px;outline:none;box-shadow:var(--shadow-sm);transition:all var(--transition)}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:140px;line-height:var(--lh-normal);font-family:var(--mono);font-size:var(--fs-13)}.input-mono{font-family:var(--mono)}.input-lg{font-size:var(--fs-20);font-weight:700;padding:14px 18px;font-family:var(--mono);letter-spacing:.5px}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8b96' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.label{font-size:var(--fs-13);color:var(--text-dim);margin-bottom:6px;display:block;font-weight:500}.field{margin-bottom:16px}.toolbar-row .field{display:flex;align-items:center;gap:8px;margin:0}.toolbar-row .field>.label{margin-bottom:0;white-space:nowrap}.toolbar-row .field>.select,.toolbar-row .field>.input{width:auto}.field-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.field-row .field{flex:1;min-width:120px;margin-bottom:0}.meta{font-size:var(--fs-12);color:var(--text-mute);margin-top:6px;font-family:var(--mono);display:flex;gap:12px;flex-wrap:wrap}.meta span{white-space:nowrap}.btn{padding:9px 18px;border-radius:var(--radius-sm);font-size:var(--fs-13);font-weight:600;cursor:pointer;border:none;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.btn-ghost{background:var(--surface-solid);color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--accent);background:var(--surface-2)}.btn-sm{padding:6px 12px;font-size:var(--fs-12)}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.checkbox-row{display:flex;flex-direction:column;gap:10px}.checkbox-row.inline{flex-direction:row;gap:20px;flex-wrap:wrap}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--fs-14);-webkit-tap-highlight-color:transparent}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;border-radius:4px}.range-row{display:flex;align-items:center;gap:14px}.range-val{font-family:var(--mono);font-size:var(--fs-16);font-weight:700;min-width:44px;text-align:center;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:var(--radius-xs)}input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;cursor:pointer;box-shadow:0 2px 6px var(--accent-glow);transition:transform var(--transition)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;cursor:pointer;border:none}.result-box{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-family:var(--mono);font-size:var(--fs-13);min-height:48px;word-break:normal;overflow-wrap:break-word;white-space:pre-wrap;line-height:var(--lh-normal);overflow-x:auto}.result-box.empty{color:var(--text-mute);font-style:normal;border:1px dashed var(--border-strong);background:var(--bg-2);display:flex;align-items:center;justify-content:center;text-align:center;padding:28px 16px;min-height:140px}.result-box:has(>textarea),.result-box:has(>pre){border:0;padding:0;background:transparent;min-height:0;overflow:visible}.result-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:30px;margin-bottom:8px}.result-header .label{margin:0 auto 0 0;font-weight:600}.result-header>.hint,.result-header>.meta,.result-header>.label-inline{margin-top:0}.result-header .btn,.result-header .copy-btn{flex:none}.copy-btn{font-size:var(--fs-13);font-weight:500;line-height:var(--lh-snug);color:var(--text-dim);background:var(--surface-solid);cursor:pointer;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);user-select:none;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.copy-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.copy-btn:active{transform:scale(.96)}.copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.copy-btn[disabled],.copy-btn.is-disabled{opacity:.45;cursor:not-allowed}.copy-btn[disabled]:hover,.copy-btn.is-disabled:hover{color:var(--text-dim);border-color:var(--border);background:var(--surface-solid)}.copy-btn-group{display:flex;gap:8px;flex-wrap:wrap;flex:none}.row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lg-mask{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-13);color:var(--text-dim);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.lg-mask input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.hash-rows{display:flex;flex-direction:column;gap:8px;min-height:0}.hash-row{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid)}.hash-algo{font-size:var(--fs-12);font-weight:600;color:var(--text-dim);white-space:nowrap}.hash-hex{font-family:var(--mono);font-size:var(--fs-12);word-break:normal;overflow-wrap:anywhere;color:var(--text);line-height:var(--lh-snug)}.case-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid)}.case-name{font-size:var(--fs-12);font-weight:600;color:var(--text-dim);white-space:nowrap}.case-out{font-family:var(--mono);font-size:var(--fs-12);word-break:normal;overflow-wrap:break-word;color:var(--text);line-height:var(--lh-snug)}.color-picker{width:56px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);cursor:pointer}.prog{width:100%;height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.prog-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .2s ease,background .2s ease}.hash-rows.empty .hash-row{display:none}.alert{font-size:var(--fs-13);padding:10px 14px;border-radius:var(--radius-sm);margin-top:10px;display:flex;align-items:center;gap:8px}.alert-error{color:var(--danger);background:#ef444414;border:1px solid rgba(239,68,68,.2)}.alert-success{color:var(--success);background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.alert-info{color:var(--accent);background:var(--accent-soft);border:1px solid rgba(99,102,241,.2)}.pwd-strength{font-size:var(--fs-12);font-weight:600;padding:3px 12px;border-radius:99px;white-space:nowrap}.strength-weak{background:#ef444426;color:var(--danger)}.strength-medium{background:#f59e0b26;color:var(--warning)}.strength-strong{background:#22c55e26;color:var(--success)}.color-preview{width:100%;height:72px;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:inset 0 2px 10px #0000001f;transition:background var(--transition),box-shadow var(--transition)}.qr-wrap{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:120px}.qr-wrap.empty{color:var(--text-mute);font-style:italic;font-size:var(--fs-13)}.regex-match{background:#6366f140;border-radius:3px;padding:1px 2px}.rf-tokens{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}.rf-token{font-family:var(--mono);font-size:var(--fs-12);padding:7px 10px;border-radius:var(--radius-xs);background:var(--surface-2);border-left:3px solid var(--accent);line-height:var(--lh-snug);word-break:normal;overflow-wrap:break-word}.rf-token.empty{color:var(--text-mute);border-left-color:var(--border)}.rf-hit{font-family:var(--mono);font-size:var(--fs-12);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-xs);padding:3px 8px;word-break:normal;overflow-wrap:anywhere}.rf-note{background:#6366f140;border-radius:3px;padding:1px 2px;color:inherit}.rf-note.hl-box{min-height:44px;margin-top:8px}.rf-note.hl-box.empty{color:var(--text-mute);font-style:italic}.pl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.pl-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;background:var(--surface-solid);transition:border-color var(--transition)}.pl-card:hover{border-color:var(--accent)}.pl-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pl-head b{font-size:var(--fs-14);color:var(--text)}.pl-tag{font-size:var(--fs-11);color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;white-space:nowrap}.pl-preview{font-size:var(--fs-12);color:var(--text-dim);line-height:var(--lh-normal);margin:0;word-break:normal;overflow-wrap:break-word}.pl-meta{font-size:var(--fs-11);color:var(--text-mute);font-family:var(--mono)}.pl-fill{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--border);padding-top:10px}.pl-recents{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pl-recents .empty{font-size:var(--fs-12);color:var(--text-mute)}.btn-group .btn.sm{padding:5px 10px;font-size:var(--fs-12)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:var(--fs-11);font-weight:600;line-height:var(--lh-snug);background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap}.t-eq{color:var(--text-dim);border-color:var(--border)}.t-del{color:var(--danger);background:#ef44441a;border-color:#ef444440}.t-add{color:var(--success);background:#22c55e1a;border-color:#22c55e40}.t-id{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.t-scroll{max-height:340px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);margin:8px 0}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-13)}.tbl th,.tbl td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);white-space:pre-wrap;word-break:normal;overflow-wrap:break-word}.tbl th{background:var(--surface-2);font-weight:600;color:var(--text-dim);position:sticky;top:0}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover td:not([class]){background:var(--surface-2)}.jd-del{color:var(--danger);background:#ef44441a;border-radius:4px;padding:0 6px}.jd-add{color:var(--success);background:#22c55e1a;border-radius:4px;padding:0 6px}.jd-same{color:var(--text-mute)}.hl-box{font-family:var(--mono);font-size:var(--fs-13);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;line-height:var(--lh-relaxed)}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums;color:var(--text-dim)}.wf-bar-cell{display:flex;align-items:center;gap:8px;min-width:140px}.wf-bar{flex:1;height:10px;border-radius:999px;background:var(--surface-solid);overflow:hidden}.wf-bar i{display:block;height:100%;border-radius:999px;background:var(--accent)}.wf-pct{font-size:var(--fs-11);width:40px;text-align:right}.input-area,.code-out{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--mono);font-size:var(--fs-13)}.code-out{white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;max-width:100%;overflow-x:auto;max-height:none}.diff-add{background:#22c55e26;color:var(--success)}.diff-remove{background:#ef444426;color:var(--danger)}.info-section{margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}.info-section h2{font-size:var(--fs-16);font-weight:700;margin-bottom:10px}.info-section p{font-size:var(--fs-14);color:var(--text-dim);margin-bottom:10px;line-height:var(--lh-normal)}.info-section ul{padding-left:20px;margin-bottom:10px}.info-section li{font-size:var(--fs-14);color:var(--text-dim);margin-bottom:4px}.info-section code{background:var(--surface-2);padding:.1em .35em;margin:0 .1em;border-radius:4px;font-family:var(--mono);font-size:var(--fs-13)}.result-box,.result-box td,.tbl td,.guide-table td,.hash-hex,.case-out,.col-v,.usage-example pre,pre,code{font-variant-numeric:tabular-nums}@supports (text-autospace: normal){.info-section p,.info-section li,.usage-section p,.usage-section li{text-autospace:normal}}.footer{border-top:1px solid var(--border);padding:48px 20px 40px;text-align:center}.footer-inner{max-width:600px;margin:0 auto}.footer-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:var(--fs-16);margin-bottom:12px;color:var(--text)}.footer p{font-size:var(--fs-13);color:var(--text-mute);margin-bottom:8px}.footer-links{display:flex;gap:20px;justify-content:center;margin:18px 0;flex-wrap:wrap}.footer-link{font-size:var(--fs-13);color:var(--text-dim);cursor:pointer;transition:color var(--transition)}.footer-link:hover{color:var(--accent)}.footer-bottom{font-size:var(--fs-12);color:var(--text-mute);margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.friend-label{font-size:var(--fs-13);color:var(--text-mute);cursor:default}.ad-slot{margin:18px 0}.ad-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:border-color var(--transition)}.ad-card:hover{border-color:var(--accent)}.ad-card img{max-height:72px;border-radius:var(--radius-xs)}.ad-card strong{color:var(--text);font-size:var(--fs-14)}.ad-card span{color:var(--text-dim);font-size:var(--fs-13);flex:1}.ad-card em{font-style:normal;font-size:var(--fs-11);color:var(--text-mute);border:1px solid var(--border);border-radius:4px;padding:1px 6px;flex-shrink:0}.back-top{position:fixed;bottom:24px;right:24px;width:42px;height:42px;background:var(--surface-solid);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:all var(--transition);z-index:90;color:var(--text-dim);font-size:var(--fs-16);box-shadow:var(--shadow)}.back-top.visible{opacity:1;pointer-events:auto}.back-top:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--surface-solid);border:1px solid var(--border-strong);padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--fs-14);box-shadow:var(--shadow-lg);z-index:1000;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 900px){.search-box{width:180px}.hero h1{font-size:var(--fs-28)}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tbl th,.tbl td{overflow-wrap:anywhere}.meta span{white-space:normal;overflow-wrap:anywhere}}@media (max-width: 640px){:root{--bottom-nav-h: 64px}.app-container{padding:0 16px}.header{padding:0 16px;gap:10px}.header-actions{flex-shrink:1;min-width:0;gap:6px}.header .icon-btn{width:32px;height:32px}.header .icon-btn[onclick*=openHistory],.header .icon-btn[onclick*=navigateHome]{display:none}.search-box{flex:1;min-width:0}.search-input::placeholder{font-size:var(--fs-12)}.btn{padding:11px 16px}.btn-sm{padding:8px 12px}.copy-btn{padding:5px 10px}.search-kbd{display:none}.bottom-nav{display:block}.back-top{bottom:80px;right:16px}.hero{padding:calc(var(--header-h) + 24px) 0 14px}.hero h1{font-size:var(--fs-20)}.hero-sub{font-size:var(--fs-13);margin:10px 0 14px}.hero-stats{gap:12px}.hero-stat .num{font-size:var(--fs-20)}.stat-divider{height:22px}.hero-badge{font-size:var(--fs-11);padding:5px 12px}.marquee{padding:8px 0}.tab-btn{padding:7px 14px;font-size:var(--fs-12)}.tool-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tool-card{padding:14px}.tool-card-icon{width:30px;height:30px;font-size:var(--fs-16)}.tool-card h3{font-size:var(--fs-13)}.tool-card p{font-size:var(--fs-11);-webkit-line-clamp:2}.tool-page{padding-top:calc(var(--header-h) + 20px);padding-bottom:100px}.home-main.guide-main{padding-bottom:100px}.tool-header{flex-wrap:wrap;row-gap:10px}.tool-icon-large{order:1;width:40px;height:40px;font-size:var(--fs-20);box-shadow:none}.tool-actions{order:2;margin-left:auto;width:auto}.tool-meta{order:3;flex-basis:100%}.tool-meta h1{font-size:var(--fs-20)}.breadcrumb{flex-wrap:nowrap;margin-bottom:14px}.breadcrumb>a,.breadcrumb>.sep{flex:0 0 auto}.breadcrumb>span[aria-current=page]{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-row{flex-direction:column;gap:12px}.field-row .field{width:100%}.input-lg{font-size:var(--fs-16);padding:12px 14px}.footer{padding-bottom:80px}}@media (max-width: 380px){.tool-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:var(--fs-20)}.hero-stats{gap:16px}.btn{padding:8px 14px;font-size:var(--fs-13)}}.header,.search-input,.icon-btn,.tool-card,.input,.textarea,.select,.result-box,.btn-ghost,.tab-btn,.bottom-nav,.toast,.footer,.info-section{transition:background var(--transition),border-color var(--transition),color var(--transition)}.drop-overlay{position:fixed;inset:0;z-index:600;display:none;align-items:center;justify-content:center;background:#0a0a0fc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.drop-overlay.show{display:flex;animation:fade-up .2s ease both}.drop-inner{border:2px dashed var(--accent);border-radius:var(--radius-xl);padding:48px 64px;text-align:center;color:var(--text);background:var(--accent-soft);box-shadow:var(--shadow-glow)}.drop-inner .drop-icon{font-size:52px;margin-bottom:12px}.drop-inner h3{font-size:var(--fs-20);font-weight:800;letter-spacing:-.01em}.drop-inner p{font-size:var(--fs-13);color:var(--text-dim);margin-top:6px}.modal-overlay{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.show{display:flex;animation:fade-up .2s ease both}.modal{width:100%;max-width:580px;max-height:82vh;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface-solid)}.modal-header h3{font-size:var(--fs-16);font-weight:700}.modal-body{padding:12px 16px 20px;overflow-y:auto}.install-steps{margin:4px 0 0;padding-left:20px;font-size:var(--fs-14);line-height:var(--lh-relaxed);color:var(--text-dim)}.install-steps li{margin-bottom:2px}.install-steps strong{color:var(--text);font-weight:600}.install-steps kbd{font-family:var(--mono);font-size:var(--fs-12);padding:1px 5px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-2)}.install-note{margin-top:14px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);font-size:var(--fs-13);color:var(--text-dim);line-height:var(--lh-normal)}.install-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.history-item{padding:12px 14px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;transition:all var(--transition)}.history-item:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}.history-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.history-tool{font-size:var(--fs-13);font-weight:600;color:var(--accent)}.history-cat{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-11);color:var(--text-mute);background:var(--surface-2);border-radius:99px;padding:2px 8px}.history-time{margin-left:auto;font-size:var(--fs-11);color:var(--text-mute);font-family:var(--mono)}.history-del{flex:0 0 auto;background:none;border:none;color:var(--text-mute);cursor:pointer;font-size:var(--fs-12);line-height:1;padding:3px 5px;border-radius:4px}.history-del:hover{color:var(--danger, #e5484d);background:var(--surface-2)}.history-preview{font-size:var(--fs-12);color:var(--text-dim);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-preview-box{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.img-preview-box img{max-width:100%;max-height:260px;border-radius:8px;border:1px solid var(--border)}.code-snippet{font-family:var(--mono);font-size:var(--fs-13);white-space:pre;overflow-x:auto;line-height:var(--lh-normal)}.usage-section h3{font-size:var(--fs-14);font-weight:700;margin:16px 0 8px;color:var(--text)}.seo-intro{font-size:var(--fs-14);color:var(--text-dim);line-height:var(--lh-relaxed)}.guide-tldr{margin:14px 0 18px;padding:12px 14px 12px 16px;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in oklab,var(--accent) 7%,var(--surface-2))}.guide-tldr-head{display:flex;align-items:center;gap:6px;font-size:var(--fs-12);font-weight:700;letter-spacing:.02em;color:var(--accent);text-transform:none;margin-bottom:6px}.guide-tldr-head svg{width:14px;height:14px;flex:0 0 14px}.guide-tldr ul{margin:0;padding-left:18px}.guide-tldr li{font-size:var(--fs-13);line-height:var(--lh-relaxed);color:var(--text);overflow-wrap:anywhere}.guide-tldr li+li{margin-top:4px}.usage-steps,.usage-section ul{padding-left:22px;color:var(--text-dim);font-size:var(--fs-14);line-height:var(--lh-loose)}.faq-list{margin-top:4px}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;background:var(--surface-solid);transition:border-color var(--transition)}.faq-item:hover{border-color:var(--border-strong)}.faq-item summary{cursor:pointer;padding:12px 14px;font-size:var(--fs-14);font-weight:600;list-style:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"▸";color:var(--accent);font-weight:700}.faq-item[open] summary:before{content:"▾"}.faq-item p{padding:0 14px 12px;font-size:var(--fs-13);color:var(--text-dim);line-height:var(--lh-relaxed)}.faq-item p a.faq-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.faq-item p a.faq-link:hover{text-decoration-thickness:2px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.related-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:all var(--transition)}.related-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.related-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-16)}.related-name{font-size:var(--fs-14);font-weight:600}.related-desc{font-size:var(--fs-12);color:var(--text-mute);line-height:var(--lh-snug)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.tool-card:focus-visible,.related-card:focus-visible{outline-offset:0;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.search-input:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){html:not(.pxbo-motion-on) *,html:not(.pxbo-motion-on) *:before,html:not(.pxbo-motion-on) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 720px),(pointer: coarse){.search-kbd{display:none}.search-box{width:100%!important}}.home-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;max-width:1600px;padding-top:var(--header-h)}.home-main{min-width:0;display:flex;flex-direction:column}.home-layout .hero{padding:24px 0 8px}.home-sidebar{position:sticky;top:var(--header-h);max-height:calc(100vh - var(--header-h) - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--border);background:transparent;padding:24px 12px 18px 6px}.home-sidebar::-webkit-scrollbar{width:4px}.home-sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.side-group{display:flex;flex-direction:column;gap:2px}.side-label{padding:14px 10px 5px;font-size:var(--fs-12);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);user-select:none}.side-item{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;font-size:var(--fs-14);font-weight:500;color:var(--text-dim);background:transparent;border:none;border-radius:12px;cursor:pointer;text-align:left;width:100%;transition:background var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition)}.side-item:hover{color:var(--text);background:var(--surface-2)}.side-item:hover .i{transform:translateY(-1px)}.side-item .i{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-16);line-height:1;background:var(--surface-solid);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #0000000d;transition:transform var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition)}.side-item.active,.side-item[aria-current=true]{color:#fff;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 16px -6px var(--accent-glow)}.side-item.active .i,.side-item[aria-current=true] .i{background:#ffffff38;border-color:transparent;color:#fff;box-shadow:none}.side-item .n{margin-left:auto;font-size:var(--fs-12);color:var(--text-mute);font-variant-numeric:tabular-nums;transition:color var(--transition),background var(--transition)}.side-item.active .n,.side-item[aria-current=true] .n{color:#fff;font-weight:600;background:#fff3;border-radius:99px;padding:1px 7px}.side-cat{scroll-margin-top:calc(var(--header-h) + 10px)}.side-spacer{height:1px;margin:12px 6px 2px;background:var(--border)}.side-divider{height:1px;margin:18px 6px 14px;background:var(--border)}.side-guides-entry.active{color:var(--accent);background:var(--accent-soft, rgba(79,140,255,.1))}#guide-main{max-width:720px;margin:0 auto;min-height:320px}#guide-main .info-section p,#guide-main .info-section li,#guide-main .usage-section p,#guide-main .usage-section li{font-size:var(--fs-16);line-height:var(--lh-relaxed)}#guide-main .info-section h2,#guide-main .usage-section h2{font-size:var(--fs-20)}@media (min-width: 1200px){#guide-main .guide-table-wrap,#guide-main .usage-example{width:min(860px,calc(100% + 140px));margin-left:calc((100% - min(860px,calc(100% + 140px)))/2)}}#guide-main pre{width:auto;margin-left:0;max-width:100%;overflow-x:auto}.guide-loading{text-align:center;padding:72px 0;color:var(--text-mute);font-size:var(--fs-13)}.home-main.guide-main{padding-bottom:80px}.guide-table-wrap{overflow-x:auto;margin:14px 0 6px;border:1px solid var(--border);border-radius:10px}.guide-table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}.guide-table th,.guide-table td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);line-height:var(--lh-snug)}.guide-table thead th{background:var(--surface-2);font-weight:600;white-space:nowrap}.guide-table tbody tr:last-child td{border-bottom:none}.guide-table tbody tr:hover td{background:var(--surface-2)}.no-results-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.category-title{scroll-margin-top:calc(var(--header-h) + 8px)}.home-chips{display:none}.chip{flex:0 0 auto;padding:6px 13px;font-size:var(--fs-13);font-weight:500;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;color:var(--text-dim);cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--transition)}.chip:hover{color:var(--text);border-color:var(--accent)}.chip.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 4px 12px -5px var(--accent-glow)}.err-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 8px}.err-search-link{display:inline-flex;align-items:center;padding:6px 12px;font-size:var(--fs-13);font-weight:500;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--accent);text-decoration:none;transition:all var(--transition)}.err-search-link:hover{border-color:var(--accent);color:var(--text)}.json-ok{color:var(--ok, #16a34a);font-weight:600}.json-err{color:var(--err, #dc2626);font-weight:600}.hs-group+.hs-group{margin-top:14px}.hs-gh{display:flex;align-items:baseline;gap:8px;padding:6px 4px 4px;border-bottom:1px solid var(--border-strong);font-size:var(--fs-13)}.hs-gh i{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:var(--fs-12)}.view-toggle{display:inline-flex;gap:4px;flex-shrink:0}.view-btn{width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-14);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-mute);cursor:pointer;transition:all var(--transition)}.view-btn:hover{color:var(--text)}.view-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}@media (min-width: 1024px){.home-main .tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.home-main .tool-card{padding:12px 16px}.tools-compact .tool-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width: 1023px){.home-sidebar{display:none}.hero{grid-template-columns:1fr;gap:22px}.hero-palette{max-width:560px}.home-chips{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:18px;padding-bottom:4px}.home-layout{grid-template-columns:1fr;gap:0;padding-top:0}.home-layout .hero{padding-top:calc(var(--header-h) + 24px)}.view-toggle{display:none}}.faq-item summary{cursor:pointer;user-select:none}.faq-item summary:hover{color:var(--accent)}.usage-section h3{position:relative;padding-left:12px}.usage-section h3:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.breadcrumb a{cursor:pointer}.breadcrumb a:hover{color:var(--accent)}.usage-example{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:10px 0 4px}.ex-col{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:0}.ex-label{display:inline-block;font-size:var(--fs-11);font-weight:700;letter-spacing:.04em;color:var(--text-mute);margin-bottom:6px}.ex-col pre{font-family:var(--mono);font-size:var(--fs-12);white-space:pre-wrap;word-break:break-word;line-height:var(--lh-snug);margin:0}.palette-list{max-height:46vh;overflow-y:auto}.palette-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer}.palette-item.active,.palette-item:hover{background:var(--surface-2)}.palette-item .pi-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-14);flex-shrink:0}.palette-item .pi-name{font-size:var(--fs-14);font-weight:600}.palette-item .pi-desc{font-size:var(--fs-12);color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-empty{padding:22px;text-align:center;color:var(--text-mute);font-size:var(--fs-13)}.palette-foot{display:flex;gap:12px;padding:8px 12px;border-top:1px solid var(--border);font-size:var(--fs-11);color:var(--text-mute)}.kbd-tip{font-size:var(--fs-11);color:var(--text-mute);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:var(--mono)}@media (max-width: 640px){.hero-palette{border-radius:12px;box-shadow:0 10px 24px #00000042}.palette-bar{padding:7px 12px;font-size:var(--fs-11);gap:8px}.palette-bar kbd{display:none}.palette-dots i{width:7px;height:7px}.palette-input{font-size:var(--fs-12);padding:9px 12px;gap:8px}.caret{width:6px}.palette-hint{display:none}.palette-list{padding:6px}.palette-item{padding:7px 9px;gap:9px;border-radius:8px}.palette-item .pi-icon{width:22px;height:22px;font-size:var(--fs-12);border-radius:6px}.pi-name,.palette-item .pi-name{font-size:var(--fs-12)}.pi-name small,.palette-item .pi-name small,.palette-item .pi-desc{font-size:var(--fs-11)}.pi-tag{font-size:var(--fs-11);padding:1px 5px}.palette-foot{display:none}}.result-header .dl-btn{cursor:pointer}.info-section table{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:var(--fs-14)}.info-section table th,.info-section table td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}.info-section table th{background:var(--surface-2);font-weight:600}.info-section table td:first-child{white-space:nowrap}.about-lead{font-size:var(--fs-16);line-height:var(--lh-normal);color:var(--text)}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0 6px}.about-card{border:1px solid var(--border);border-radius:10px;padding:14px 16px;background:var(--surface)}.about-card h4{margin:0 0 6px;font-size:var(--fs-14)}.about-card p{margin:0;font-size:var(--fs-13);color:var(--text-mute);line-height:var(--lh-normal)}.about-updated{font-size:var(--fs-12);color:var(--text-mute);margin:-2px 0 14px}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:14px 0 4px}.stat-item{border:1px solid var(--border);border-radius:10px;padding:12px 10px;text-align:center;background:var(--surface)}.stat-num{display:block;font-size:var(--fs-20);font-weight:800;line-height:var(--lh-tight);color:var(--accent);font-family:var(--mono)}.stat-label{display:block;margin-top:4px;font-size:var(--fs-12);color:var(--text-mute)}.verify-list{list-style:none;padding-left:0}.verify-list li{position:relative;padding-left:22px;margin-bottom:6px;font-size:var(--fs-14);color:var(--text-dim);line-height:var(--lh-normal)}.verify-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}.verify-list code{font-size:var(--fs-12)}.spec-table td:first-child{white-space:normal}.endorse-note{font-size:var(--fs-12);color:var(--text-mute);margin-top:6px;line-height:var(--lh-normal)}@media (max-width: 640px){.info-section table{font-size:var(--fs-13);table-layout:fixed}.info-section table td:first-child{white-space:normal}.info-section table th,.info-section table td{padding:6px 7px;white-space:normal;overflow-wrap:anywhere}.info-section p,.info-section li{overflow-wrap:anywhere}.about-stats{grid-template-columns:repeat(2,1fr)}.guide-table{font-size:var(--fs-13)}.guide-table thead th{white-space:normal}.guide-table th,.guide-table td{padding:6px 8px;white-space:normal;overflow-wrap:anywhere}.usage-section p,.usage-section li,.usage-section code,.usage-section td{overflow-wrap:anywhere}.usage-section .code-snippet,.info-section .code-snippet{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;overflow-x:auto}.usage-section pre,.info-section pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;overflow-x:auto;font-size:var(--fs-12);line-height:var(--lh-normal)}#guide-main,.guide-view{min-width:0;max-width:100%;overflow-wrap:anywhere}#guide-main .usage-section,#guide-main .info-section{min-width:0;max-width:100%}}.side-item:focus-visible,.chip:focus-visible,.breadcrumb a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-soft)}@media (max-width: 720px){.related-grid{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:8px;margin-right:-4px}.related-card{flex:0 0 auto;width:185px;scroll-snap-align:start;box-shadow:none}.related-grid>*:not(.related-card){flex:0 0 auto;width:185px;scroll-snap-align:start}}.same-cat-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px 0 8px;margin:2px 0 6px;max-height:44px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.same-cat-row::-webkit-scrollbar{height:4px}.same-cat-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.same-cat-label{flex:0 0 auto;font-size:var(--fs-13);color:var(--text-dim);white-space:nowrap}.same-cat-chip{flex:0 0 auto;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:var(--fs-13);color:var(--text-dim);background:transparent;border:1px solid var(--border);text-decoration:none;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition)}.same-cat-chip:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.same-cat-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.next-steps{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:14px 0 4px;padding:10px 12px;border-left:3px solid var(--accent);background:var(--bg-2);border-radius:var(--radius-sm);font-size:var(--fs-13);color:var(--text-dim);opacity:.72;transition:opacity var(--transition)}.next-steps.is-lit{opacity:1}.ns-label{font-weight:600;color:var(--text)}.ns-item{color:var(--accent);text-decoration:none;white-space:nowrap}.ns-item:hover{text-decoration:underline}.ns-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}.next-steps.flow{gap:8px 10px}.ns-flow{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;font-family:inherit;font-size:var(--fs-13);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;color:var(--accent);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition)}.ns-flow small{font-size:var(--fs-11);font-weight:400;color:var(--text-mute)}.ns-flow:hover{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.ns-flow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width: 768px){.next-steps{flex-wrap:nowrap;overflow-x:auto;margin-right:-4px;-webkit-overflow-scrolling:touch}.ns-flow small{display:none}}.hidden{display:none!important}.url-detail-title{font-size:var(--fs-13);font-weight:600;color:var(--text-dim);margin-bottom:8px}.url-detail-grid{display:flex;flex-wrap:wrap;gap:6px}.url-dc{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-solid);font-size:var(--fs-12)}.url-dc i{font-style:normal;color:var(--accent);font-family:var(--mono)}.url-dc code{font-family:var(--mono);color:var(--text-dim)}.sub-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--bg-2)}.sub-card-h{font-size:var(--fs-13);font-weight:600;color:var(--text-dim);margin-bottom:10px}.bw-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.bw{display:inline-flex;align-items:baseline;gap:6px;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-solid);font-size:var(--fs-12)}.bw i{font-style:normal;color:var(--text-mute);font-weight:600}.bw b{font-family:var(--mono);color:var(--text);font-weight:600}.bw b.o{color:var(--danger)}.bw-empty{font-size:var(--fs-12);color:var(--text-mute);font-style:italic}.bw-note{width:100%;font-size:var(--fs-11);color:var(--text-mute);margin-top:2px}.base-ops{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:10px}.base-op-result code{font-size:var(--fs-14);font-weight:700;color:var(--accent)}.base-op-result .sep{color:var(--text-dim);font-size:var(--fs-12)}@media (max-width: 560px){.base-ops{grid-template-columns:1fr}.base-ops .select{justify-self:stretch}}.col-grid{display:flex;flex-direction:column;gap:8px}.col-row.hidden{display:none}.col-row{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid)}.col-k{font-size:var(--fs-12);font-weight:600;color:var(--text-dim);white-space:nowrap}.col-v{font-family:var(--mono);font-size:var(--fs-12);word-break:normal;overflow-wrap:anywhere;color:var(--text);line-height:var(--lh-snug)}.he-table{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.he-row{display:grid;grid-template-columns:112px 30px 62px 1fr;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-solid);color:var(--text);cursor:pointer;transition:border-color var(--transition)}.he-row:hover{border-color:var(--accent)}.he-name{font-family:var(--mono);font-size:var(--fs-12);color:var(--accent);word-break:normal;overflow-wrap:anywhere}.he-char{font-size:var(--fs-16);text-align:center}.he-cp{font-family:var(--mono);font-size:var(--fs-11);color:var(--text-mute)}.he-desc{font-size:var(--fs-12);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 560px){.he-row{grid-template-columns:96px 26px 1fr}.he-desc{display:none}}.jp-table{width:100%;border-collapse:collapse;font-size:var(--fs-12)}.jp-table th,.jp-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}.jp-table th{position:sticky;top:0;background:var(--surface-solid);font-weight:600;color:var(--text-dim);white-space:nowrap}.jp-table td.jp-no{color:var(--text-mute);white-space:nowrap}.jp-table td.jp-path{font-family:var(--mono);color:var(--accent);word-break:normal;overflow-wrap:anywhere;white-space:nowrap}.jp-table td.jp-val{font-family:var(--mono);white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;max-width:520px}.jp-err{color:#ef4444;font-size:var(--fs-12);margin:4px 0 10px;padding:8px 10px;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-xs);background:#ef444414;word-break:break-word}@media (max-width: 560px){.jp-table td.jp-path{white-space:normal}}.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.md-grid{grid-template-columns:1fr}}.privacy-note{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;margin-bottom:14px;border:1px solid var(--accent-glow);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);font-size:var(--fs-13);line-height:var(--lh-snug)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:140px;padding:24px 16px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;text-align:center;transition:border-color var(--transition),background var(--transition)}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dz-icon{font-size:30px;line-height:1}.dz-text{font-size:var(--fs-14);color:var(--text)}.dz-sub{font-size:var(--fs-12);color:var(--text-mute)}.tab-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.tab-btn{padding:7px 14px;font-size:var(--fs-13);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.tab-btn:hover{color:var(--text);background:var(--surface-solid)}.tab-btn.active{color:#fff;font-weight:600;background:var(--accent);border-color:var(--accent)}.pdf-share{margin-left:auto}.pdf-pane{padding-top:2px}.progress{height:6px;margin-top:8px;border-radius:3px;background:var(--surface-2);overflow:hidden}.progress-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .15s ease}.hint{font-size:var(--fs-12);color:var(--text-dim);margin-top:6px}.preview{display:flex;justify-content:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.preview img{max-width:100%;max-height:320px;border-radius:var(--radius-xs)}.kb-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.kb-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.kb-item.ok{border-color:#22c55e59}.kb-item.warn{border-color:#f59e0b59}.kb-item.err{border-color:#ef444459}.kb-thumb{width:56px;height:56px;flex:0 0 56px;border-radius:var(--radius-xs);background:var(--surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center}.kb-thumb img{max-width:100%;max-height:100%;object-fit:contain}.kb-info{flex:1;min-width:0}.kb-name{font-size:var(--fs-13);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-meta{font-size:var(--fs-12);color:var(--text-dim);font-family:var(--mono)}.kb-status{font-size:var(--fs-12);margin-top:2px}.kb-item.ok .kb-status{color:var(--success)}.kb-item.warn .kb-status{color:var(--warning)}.kb-item.err .kb-status{color:var(--danger)}.kb-actions{flex:0 0 auto}@media (max-width: 560px){.tab-bar{padding:6px}.pdf-share{margin-left:0}.kb-item{flex-wrap:wrap}.kb-thumb{width:48px;height:48px;flex-basis:48px}}.code-input{width:100%;box-sizing:border-box;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--mono);font-size:var(--fs-13);line-height:var(--lh-normal);padding:10px 14px;outline:none;resize:vertical;transition:all var(--transition)}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.badge-warn{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b59}.ex-table{width:100%;border-collapse:collapse;font-size:var(--fs-12)}.ex-table td{padding:6px 12px;border-bottom:1px solid var(--border);vertical-align:top}.ex-table td:first-child{color:var(--text-dim);white-space:nowrap;width:40%;font-family:var(--mono)}.ex-table .ex-val{color:var(--text);word-break:normal;overflow-wrap:anywhere}.wc-pv{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:#333;padding:18px 22px;min-height:120px;font-size:var(--fs-16)}.wc-pv h1{font-size:var(--fs-20);color:#222}.wc-pv h2{font-size:var(--fs-20);color:#333}.wc-pv h3{font-size:var(--fs-16);color:#444}.wc-pv blockquote{border-left:4px solid #ddd;margin:10px 0;padding-left:12px;color:#666}.wc-pv code{background:#f4f4f5;padding:2px 6px;border-radius:4px;font-family:var(--mono)}.wc-pv pre{background:#f4f4f5;padding:12px;border-radius:6px;overflow-x:auto}.wc-pv a{color:#576b95}.wc-pv li{margin:4px 0}.sym-sec{margin-bottom:12px}.sym-cat{font-size:var(--fs-12);color:var(--text-dim);margin-bottom:6px}.sym-grid{display:flex;flex-wrap:wrap;gap:6px}.sym-btn{min-width:34px;height:34px;font-size:var(--fs-16);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-solid);color:var(--text);cursor:pointer;transition:all var(--transition)}.sym-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.ft-out,.id-item code{font-family:var(--mono)}.ps-wrap{display:flex;gap:8px;align-items:center}.ps-wrap>input[type=password],.ps-wrap>input[type=text],.ps-wrap>input:not([type]){flex:1;min-width:0;box-sizing:border-box;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 14px;outline:none}.ps-wrap>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ps-sets{display:flex;flex-wrap:wrap;gap:8px 18px}.ps-set{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--text-dim)}.ps-set .dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.dot.ok{background:var(--success)}.dot.no{background:var(--danger)}.dot.idle{background:var(--text-mute)}.id-box{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto}.id-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-solid)}.id-item code{flex:1;min-width:0;font-size:var(--fs-13);color:var(--text);word-break:normal;overflow-wrap:anywhere}.id-mini{width:60px}.id-decode-tbl{display:flex;flex-direction:column}.id-decode-row{display:flex;gap:12px;padding:6px 2px;border-bottom:1px solid var(--border);font-size:var(--fs-13)}.id-decode-row:last-child{border-bottom:none}.id-decode-k{flex:0 0 160px;color:var(--text-dim)}.id-decode-row code{color:var(--text);word-break:normal;overflow-wrap:anywhere}.mk-tbl{border-collapse:collapse;font-size:var(--fs-12);width:100%}.mk-tbl th,.mk-tbl td{border:1px solid var(--border);padding:5px 8px;white-space:nowrap;text-align:left}.mk-tbl th{background:var(--surface-2);position:sticky;top:0;font-weight:600}.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px 10px}.guides-more{display:flex;justify-content:center;margin:14px 0 0}.guides-more .btn{font-size:var(--fs-13)}