:root{color:#1d2420;background:#f7f8f5;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d2420;--muted: #657069;--line: rgba(29, 36, 32, .12);--line-strong: rgba(29, 36, 32, .22);--surface: rgba(255, 255, 255, .72);--surface-solid: #ffffff;--accent: #177a63;--danger: #b53b3b;--success: #177a63;--shadow: 0 16px 50px rgba(32, 43, 37, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:#f7f8f5;background-image:linear-gradient(rgba(29,36,32,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(29,36,32,.025) 1px,transparent 1px);background-size:36px 36px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{color:#fff;background:#177a63}.site-shell{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--surface);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:#f7f8f5d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.header-inner{width:min(1180px,calc(100% - 48px));height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:800}.brand-mark{width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#fff;background:var(--ink);font-size:15px}.brand-mark-small{width:25px;height:25px;border-radius:6px;font-size:11px}.desktop-nav,.mobile-nav{display:flex;align-items:center;gap:8px}.nav-link,.privacy-chip{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:6px;color:var(--muted);font-size:13px;font-weight:650}.nav-link:hover,.nav-link.is-active{color:var(--ink);background:#1d24200f}.privacy-chip{margin-left:8px;color:#126851;border:1px solid rgba(23,122,99,.16);background:#dbf3eb8f}.mobile-menu-button,.mobile-nav{display:none}.icon-button,.mini-icon-button{border:0;display:inline-grid;place-items:center;cursor:pointer;color:var(--muted);background:transparent}.icon-button{width:40px;height:40px;border-radius:6px}.mobile-menu-button{display:none}.mini-icon-button{width:30px;height:30px;border-radius:5px}.icon-button:hover,.mini-icon-button:hover{color:var(--ink);background:#1d242012}main{flex:1}.hero,.tools-section,.tool-hero,.tool-container,.more-tools{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hero{min-height:380px;padding:48px 0;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:96px}.eyebrow-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:750}.eyebrow-line span{width:28px;height:2px;background:#f1b83b}.hero h1{margin:20px 0 16px;max-width:650px;font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:0}.hero h1 span{color:var(--accent)}.hero-copy>p{margin:0;color:var(--muted);font-size:16px}.search-box{width:min(560px,100%);height:58px;margin-top:32px;padding:0 17px;display:flex;align-items:center;gap:12px;border-radius:7px;color:var(--muted);border:1px solid var(--line-strong);background:#fffc;box-shadow:0 12px 35px #202b2512}.search-box:focus-within{border-color:#177a638c;box-shadow:0 0 0 3px #177a631a,0 12px 35px #202b2512}.search-box input{width:100%;height:100%;border:0;outline:0;color:var(--ink);background:transparent}.search-box input::placeholder,textarea::placeholder,input::placeholder{color:#98a19b}.clear-search{width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:5px;cursor:pointer;background:transparent}.clear-search:hover{background:#1d24200f}.status-board{min-height:290px;padding:24px;border-radius:8px}.status-board-head{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:750}.status-pulse{width:8px;height:8px;border-radius:50%;background:#1d9a70;box-shadow:0 0 0 4px #1d9a701f}.status-number{margin-top:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:72px;font-weight:700;line-height:1}.status-label{margin-top:5px;color:var(--muted);font-size:13px}.status-rule{height:1px;margin:25px 0 19px;background:var(--line)}.status-row{display:flex;align-items:center;gap:11px;color:var(--accent)}.status-row span{display:flex;flex-direction:column;gap:2px}.status-row strong{font-size:10px}.status-row small{color:var(--muted);font-size:11px}.tools-section{padding:22px 0 82px}.section-heading{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line-strong);display:flex;align-items:flex-end;justify-content:space-between}.section-heading>div{display:flex;align-items:baseline;gap:14px}.section-index,.tool-kicker{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700}.section-heading h2{margin:0;font-size:24px;letter-spacing:0}.tool-count{color:var(--muted);font-size:12px}.tool-count strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tool-card{min-width:0;min-height:92px;padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tool-card:hover{transform:translateY(-3px);border-color:#fff;box-shadow:inset 0 0 0 1px var(--line-strong),0 22px 55px #202b251c}.tool-icon{width:44px;height:44px;border-radius:7px;display:inline-grid;place-items:center;flex:0 0 auto}.tool-icon-large{width:62px;height:62px}.tone-mint{color:#126851;background:#dff4ed}.tone-yellow{color:#7a5510;background:#fff0bd}.tone-coral{color:#963f35;background:#ffe1dc}.tone-blue{color:#275c87;background:#deedf8}.tone-lilac{color:#644c85;background:#ece3f7}.tone-green{color:#3a6c35;background:#e3f1d9}.tone-peach{color:#8a4d2d;background:#f9e3d1}.tool-card>.tool-icon{width:34px;height:34px;border-radius:6px}.tool-card h3{min-width:0;margin:0;overflow-wrap:anywhere;font-size:14px;line-height:1.35;letter-spacing:0}.empty-search{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.empty-search strong{margin-top:6px;color:var(--ink)}.empty-search span{font-size:13px}.tool-hero{padding:44px 0 32px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:650}.back-link:hover{color:var(--ink)}.tool-title-row{margin-top:38px;display:flex;align-items:center;gap:18px}.tool-title-row h1{margin:6px 0 4px;font-size:34px;line-height:1.15;letter-spacing:0}.tool-title-row p{margin:0;color:var(--muted);font-size:14px}.tool-container{padding-bottom:72px}.tool-workspace{padding:22px;border-radius:8px}.workspace-toolbar{min-height:48px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.segmented-control{display:inline-flex;padding:3px;border-radius:6px;border:1px solid var(--line);background:#1d24200a}.segmented-control button{min-height:34px;padding:0 15px;border:0;border-radius:4px;cursor:pointer;color:var(--muted);background:transparent;font-size:12px;font-weight:700}.segmented-control button.is-selected{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1d24201a}.toggle-control{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:650}.toggle-control input{position:absolute;opacity:0;pointer-events:none}.toggle-control span{width:35px;height:20px;padding:2px;border-radius:20px;border:1px solid var(--line-strong);background:#1d242012;transition:.15s ease}.toggle-control span:after{content:"";width:14px;height:14px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1d242038;transition:.15s ease}.toggle-control input:checked+span{border-color:var(--accent);background:var(--accent)}.toggle-control input:checked+span:after{transform:translate(15px)}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#ffffff80}.editor-pane+.editor-pane{border-left:1px solid var(--line)}.editor-label{min-height:46px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:750}.editor-pane textarea{width:100%;min-height:320px;display:block;padding:18px;border:0;outline:0;resize:vertical;color:var(--ink);background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;letter-spacing:0}.editor-pane textarea:focus{background:#ffffff94}.action-bar{margin-top:18px;display:flex;align-items:center;gap:9px}.button{min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700}.button-primary{min-width:110px;color:#fff;background:var(--ink)}.button-primary:hover{background:#303b35}.button-quiet{color:var(--muted);border-color:var(--line);background:#ffffff8c}.button-quiet:hover{color:var(--ink);border-color:var(--line-strong);background:#fff}.inline-message{min-height:18px;margin-top:10px;color:var(--danger);font-size:12px}.inline-message[data-type=success]{color:var(--success)}.binary-expression{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:end;gap:14px}.number-field>label,.operator-field>label,.field-block>label,.inline-select,.inline-number{margin-bottom:8px;display:block;color:var(--muted);font-size:11px;font-weight:750}.compound-input{min-height:54px;display:flex;border:1px solid var(--line-strong);border-radius:7px;overflow:hidden;background:#ffffffb3}.compound-input:focus-within{border-color:#177a638c;box-shadow:0 0 0 3px #177a6317}.compound-input input{width:100%;min-width:0;padding:0 15px;border:0;outline:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.select-wrap{position:relative;display:flex;align-items:center}.select-wrap select{width:100%;height:54px;padding:0 36px 0 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);border-radius:7px;outline:0;color:var(--ink);cursor:pointer;background:#ffffffb3;font-weight:700}.select-wrap>svg{position:absolute;right:12px;pointer-events:none;color:var(--muted)}.compact-select{width:92px;border-left:1px solid var(--line)}.compact-select select{height:52px;border:0;border-radius:0;background:#1d242009;font-size:11px}.result-strip,.timestamp-results{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#ffffff80}.result-field{min-width:0;padding:15px}.result-field+.result-field{border-left:1px solid var(--line)}.result-field>span{color:var(--muted);font-size:10px;font-weight:750}.result-field>div{min-width:0;margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.result-field output{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.toolbar-with-actions,.toolbar-actions{display:flex;align-items:center}.toolbar-actions{gap:8px}.editor-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.editor-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#9ca49f}.editor-status.is-valid{color:var(--success)}.editor-status.is-valid:before{background:var(--success)}.editor-status.is-invalid{color:var(--danger)}.editor-status.is-invalid:before{background:var(--danger)}.timestamp-input-row{display:grid;grid-template-columns:minmax(0,1fr)}.field-block input,.inline-number input{width:100%;height:52px;padding:0 14px;border:1px solid var(--line-strong);border-radius:7px;outline:0;background:#ffffffb3}.field-block input:focus,.inline-number input:focus{border-color:#177a638c;box-shadow:0 0 0 3px #177a6317}.field-block small{margin-top:7px;display:block;color:var(--muted);font-size:10px}.timestamp-results{grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-results .result-field:nth-child(odd){border-left:0}.timestamp-results .result-field:nth-child(n+3){border-top:1px solid var(--line)}.inline-select{margin:0;display:flex;align-items:center;gap:10px}.inline-select .select-wrap select{width:140px;height:38px;border-radius:6px;font-size:12px}.local-badge{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;font-weight:700}.beast-dictionary{display:flex;align-items:center;gap:9px}.beast-dictionary>span{color:var(--muted);font-size:11px;font-weight:750}.beast-character-inputs{display:flex;gap:4px}.beast-character-inputs input{width:38px;height:38px;padding:0;border:1px solid var(--line-strong);border-radius:6px;outline:0;text-align:center;color:var(--ink);background:#ffffffb8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:700}.beast-character-inputs input:focus{border-color:#177a638c;box-shadow:0 0 0 3px #177a6317}.hash-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.hash-layout .editor-pane,.hash-output-block,.single-editor .editor-pane{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#ffffff80}.hash-layout .editor-pane textarea{min-height:230px}.hash-output{min-height:230px;padding:18px;display:block;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.75}.inline-number{margin:0;display:flex;align-items:center;gap:10px}.inline-number input{width:78px;height:38px}.single-editor .editor-pane textarea{min-height:330px}.pixel-art-workspace{overflow:hidden}.pixel-controls{min-width:0;margin:0 0 18px;padding:0 0 18px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:28px}.pixel-controls:disabled{opacity:.46}.range-label,.range-scale,.pixel-file-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.range-label{margin-bottom:10px;color:var(--muted);font-size:11px;font-weight:750}.range-label output{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.range-control input[type=range]{width:100%;height:18px;margin:0;cursor:pointer;accent-color:var(--accent)}.range-scale{margin-top:5px;color:#8d9690;font-size:10px}.palette-select{align-items:flex-end}.palette-select .select-wrap select{width:154px}.pixel-preview-stage{min-height:390px;aspect-ratio:16 / 9;padding:24px;border:1px dashed var(--line-strong);border-radius:7px;display:grid;place-items:center;overflow:hidden;background:#edf0ecb8;transition:border-color .16s ease,background-color .16s ease}.pixel-preview-stage.is-dragging{border-color:var(--accent);background:#dff4edc2}.pixel-preview-stage.has-image{border-style:solid;background:#e8ece8}.pixel-empty-state{max-width:440px;display:grid;justify-items:center;gap:10px;text-align:center}.pixel-empty-state strong{margin-top:5px;font-size:18px}.pixel-empty-state>span:not(.tool-icon){color:var(--muted);font-size:11px}.pixel-empty-state .button{margin-top:9px}#pixel-canvas{max-width:100%;max-height:650px;object-fit:contain;image-rendering:pixelated;box-shadow:0 12px 34px #1d242024}.pixel-file-meta{min-width:0;margin-top:10px;color:var(--muted);font-size:10px}.pixel-file-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixel-file-meta span:first-child{color:var(--ink);font-weight:700}.pixel-actions{flex-wrap:wrap}.button:disabled{opacity:.42;cursor:not-allowed}.more-tools{padding-bottom:90px}.compact-heading{margin-bottom:14px}.mini-tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-tool-list>a{min-width:0;padding:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.mini-tool-list>a+a{border-left:1px solid var(--line)}.mini-tool-list>a>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.mini-tool-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mini-tool-list small{color:var(--muted);font-size:10px}.mini-tool-list>a>svg{color:var(--muted);transform:rotate(180deg)}.mini-tool-list>a:hover{background:#ffffff8c}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#ffffff61}.footer-inner{width:min(1180px,calc(100% - 48px));min-height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:11px}.toast{position:fixed;z-index:100;left:50%;bottom:26px;padding:10px 14px;border-radius:6px;transform:translate(-50%,12px);opacity:0;pointer-events:none;color:#fff;background:var(--ink);box-shadow:0 12px 30px #1d242033;font-size:12px;transition:.18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}:focus-visible{outline:3px solid rgba(23,122,99,.25);outline-offset:2px}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr) 270px;gap:40px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.binary-expression{grid-template-columns:1fr 96px 1fr}.result-strip{grid-template-columns:1fr}.result-strip .result-field+.result-field{border-top:1px solid var(--line);border-left:0}}@media(max-width:680px){.header-inner,.hero,.tools-section,.tool-hero,.tool-container,.more-tools,.footer-inner{width:min(100% - 28px,1180px)}.header-inner{height:64px}.desktop-nav{display:none}.mobile-menu-button{display:inline-grid}.mobile-nav{width:min(100% - 28px,1180px);margin:0 auto;padding:0 0 12px;flex-wrap:wrap}.mobile-nav.is-open{display:flex}.mobile-nav .privacy-chip{margin-left:auto}.hero{min-height:0;padding:36px 0 28px;grid-template-columns:1fr;gap:24px}.hero h1{margin-top:16px;font-size:40px}.hero-copy>p{font-size:14px}.search-box{height:54px;margin-top:25px}.status-board{min-height:0;padding:19px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 18px}.status-board-head,.status-rule{display:none}.status-number{grid-row:span 2;margin:0;font-size:50px}.status-label{margin:0}.status-row{margin-top:5px}.tools-section{padding-top:20px;padding-bottom:68px}.section-heading h2{font-size:21px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{min-height:78px;padding:12px;gap:10px}.tool-card>.tool-icon{width:32px;height:32px}.tool-card h3{font-size:13px}.tool-hero{padding-top:30px}.tool-title-row{margin-top:28px;align-items:flex-start}.tool-title-row h1{font-size:28px}.tool-icon-large{width:54px;height:54px}.tool-workspace{padding:14px}.workspace-toolbar{align-items:flex-start;flex-wrap:wrap}.weird-sound-toolbar .beast-dictionary{width:100%;justify-content:space-between}.beast-character-inputs{margin-left:auto}.segmented-control{max-width:100%;overflow-x:auto}.segmented-control button{padding-inline:12px;white-space:nowrap}.editor-grid,.hash-layout{grid-template-columns:1fr}.editor-pane+.editor-pane{border-top:1px solid var(--line);border-left:0}.editor-pane textarea,.single-editor .editor-pane textarea{min-height:230px}.binary-expression{grid-template-columns:1fr}.pixel-controls{grid-template-columns:1fr;align-items:stretch;gap:18px}.palette-select{align-items:center;justify-content:space-between}.pixel-preview-stage{min-height:330px;aspect-ratio:auto;padding:14px}.pixel-actions .button{flex:1 1 140px}.operator-field .select-wrap select{height:48px}.timestamp-results{grid-template-columns:1fr}.timestamp-results .result-field+.result-field,.timestamp-results .result-field:nth-child(n+3){border-top:1px solid var(--line);border-left:0}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}.mini-tool-list{grid-template-columns:1fr}.mini-tool-list>a+a{border-top:1px solid var(--line);border-left:0}.footer-inner{min-height:92px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}