@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-cyrillic-ext-wght-normal.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-cyrillic-ext-wght-normal.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-cyrillic-wght-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-cyrillic-wght-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-greek-ext-wght-normal.woff2') format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-greek-ext-wght-normal.woff2') format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-greek-wght-normal.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-greek-wght-normal.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-vietnamese-wght-normal.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-vietnamese-wght-normal.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url('/lib/inter/files/inter-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Phosphor;src:url("/lib/phosphor/Phosphor.woff2") format("woff2"),url("/lib/phosphor/Phosphor.woff") format("woff"),url("/lib/phosphor/Phosphor.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.ph{font-family:Phosphor!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph.ph-activity:before{content:"\e000"}.ph.ph-aperture:before{content:"\e00a"}.ph.ph-arrow-bend-double-up-right:before{content:"\e03c"}.ph.ph-arrow-clockwise:before{content:"\e036"}.ph.ph-arrow-counter-clockwise:before{content:"\e038"}.ph.ph-arrow-down:before{content:"\e03e"}.ph.ph-arrow-elbow-down-right:before{content:"\e046"}.ph.ph-arrow-left:before{content:"\e058"}.ph.ph-arrow-right:before{content:"\e06c"}.ph.ph-arrow-square-out:before{content:"\e5de"}.ph.ph-arrow-up:before{content:"\e08e"}.ph.ph-arrows-clockwise:before{content:"\e094"}.ph.ph-arrows-down-up:before{content:"\e098"}.ph.ph-arrows-in-simple:before{content:"\e09e"}.ph.ph-arrows-left-right:before{content:"\e0a0"}.ph.ph-arrows-out-simple:before{content:"\e0a6"}.ph.ph-asterisk:before{content:"\e0aa"}.ph.ph-barcode:before{content:"\e0b8"}.ph.ph-bezier-curve:before{content:"\eb00"}.ph.ph-brackets-angle:before{content:"\e862"}.ph.ph-brackets-curly:before{content:"\e860"}.ph.ph-brackets-round:before{content:"\e864"}.ph.ph-browser:before{content:"\e0f4"}.ph.ph-browsers:before{content:"\e0f6"}.ph.ph-calculator:before{content:"\e538"}.ph.ph-calendar:before{content:"\e108"}.ph.ph-camera:before{content:"\e10e"}.ph.ph-caret-down:before{content:"\e136"}.ph.ph-caret-left:before{content:"\e138"}.ph.ph-caret-right:before{content:"\e13a"}.ph.ph-certificate:before{content:"\e766"}.ph.ph-chart-bar:before{content:"\e150"}.ph.ph-chats:before{content:"\e17c"}.ph.ph-check:before{content:"\e182"}.ph.ph-check-circle:before{content:"\e184"}.ph.ph-clock:before{content:"\e19a"}.ph.ph-code:before{content:"\e1bc"}.ph.ph-code-block:before{content:"\eafe"}.ph.ph-coffee:before{content:"\e1c2"}.ph.ph-columns:before{content:"\e546"}.ph.ph-copy:before{content:"\e1ca"}.ph.ph-cpu:before{content:"\e610"}.ph.ph-cube:before{content:"\e1da"}.ph.ph-currency-btc:before{content:"\e618"}.ph.ph-currency-dollar:before{content:"\e550"}.ph.ph-database:before{content:"\e1de"}.ph.ph-device-mobile:before{content:"\e1e0"}.ph.ph-dots-six-vertical:before{content:"\eae2"}.ph.ph-download:before{content:"\e20a"}.ph.ph-download-simple:before{content:"\e20c"}.ph.ph-envelope:before{content:"\e214"}.ph.ph-export:before{content:"\eaf0"}.ph.ph-eye:before{content:"\e220"}.ph.ph-eye-slash:before{content:"\e224"}.ph.ph-eyedropper:before{content:"\e568"}.ph.ph-facebook-logo:before{content:"\e226"}.ph.ph-file-arrow-down:before{content:"\e232"}.ph.ph-file-code:before{content:"\e914"}.ph.ph-file-css:before{content:"\eb34"}.ph.ph-file-csv:before{content:"\eb1c"}.ph.ph-file-dashed:before{content:"\e704"}.ph.ph-file-html:before{content:"\eb38"}.ph.ph-file-image:before{content:"\ea24"}.ph.ph-file-jsx:before{content:"\eb3a"}.ph.ph-file-lock:before{content:"\e95c"}.ph.ph-file-pdf:before{content:"\e702"}.ph.ph-file-plus:before{content:"\e236"}.ph.ph-file-svg:before{content:"\ed08"}.ph.ph-file-text:before{content:"\e23a"}.ph.ph-file-zip:before{content:"\e958"}.ph.ph-files:before{content:"\e710"}.ph.ph-fingerprint:before{content:"\e23e"}.ph.ph-flask:before{content:"\e79e"}.ph.ph-floppy-disk:before{content:"\e248"}.ph.ph-folder-open:before{content:"\e256"}.ph.ph-funnel:before{content:"\e266"}.ph.ph-gauge:before{content:"\e628"}.ph.ph-gear:before{content:"\e270"}.ph.ph-git-branch:before{content:"\e278"}.ph.ph-git-diff:before{content:"\e27c"}.ph.ph-git-fork:before{content:"\e27e"}.ph.ph-git-merge:before{content:"\e280"}.ph.ph-github-logo:before{content:"\e576"}.ph.ph-globe:before{content:"\e288"}.ph.ph-google-logo:before{content:"\e292"}.ph.ph-graph:before{content:"\eb58"}.ph.ph-grid-four:before{content:"\e296"}.ph.ph-hash:before{content:"\e2a2"}.ph.ph-identification-card:before{content:"\e2c8"}.ph.ph-image:before{content:"\e2ca"}.ph.ph-image-square:before{content:"\e2cc"}.ph.ph-info:before{content:"\e2ce"}.ph.ph-key:before{content:"\e2d6"}.ph.ph-layout:before{content:"\e6d6"}.ph.ph-link:before{content:"\e2e2"}.ph.ph-list-checks:before{content:"\eadc"}.ph.ph-list-dashes:before{content:"\e2f4"}.ph.ph-list-plus:before{content:"\e2f8"}.ph.ph-lock:before{content:"\e2fa"}.ph.ph-lock-key:before{content:"\e2fe"}.ph.ph-lock-key-open:before{content:"\e300"}.ph.ph-lock-simple-open:before{content:"\e30a"}.ph.ph-magic-wand:before{content:"\e6b6"}.ph.ph-magnifying-glass:before{content:"\e30c"}.ph.ph-map-pin:before{content:"\e316"}.ph.ph-map-pin-line:before{content:"\e318"}.ph.ph-map-trifold:before{content:"\e31a"}.ph.ph-markdown-logo:before{content:"\e508"}.ph.ph-moon:before{content:"\e330"}.ph.ph-paint-brush:before{content:"\e6f0"}.ph.ph-palette:before{content:"\e6c8"}.ph.ph-paper-plane-tilt:before{content:"\e398"}.ph.ph-password:before{content:"\e752"}.ph.ph-path:before{content:"\e39c"}.ph.ph-plugs:before{content:"\eb56"}.ph.ph-plugs-connected:before{content:"\eb5a"}.ph.ph-plus:before{content:"\e3d4"}.ph.ph-qr-code:before{content:"\e3e6"}.ph.ph-question:before{content:"\e3e8"}.ph.ph-quotes:before{content:"\e660"}.ph.ph-receipt:before{content:"\e3ec"}.ph.ph-robot:before{content:"\e762"}.ph.ph-scales:before{content:"\e750"}.ph.ph-scissors:before{content:"\eae0"}.ph.ph-share-network:before{content:"\e408"}.ph.ph-shield:before{content:"\e40a"}.ph.ph-shield-check:before{content:"\e40c"}.ph.ph-shield-plus:before{content:"\e706"}.ph.ph-sliders:before{content:"\e432"}.ph.ph-sliders-horizontal:before{content:"\e434"}.ph.ph-sort-ascending:before{content:"\e444"}.ph.ph-sparkle:before{content:"\e6a2"}.ph.ph-speaker-high:before{content:"\e44a"}.ph.ph-spinner:before{content:"\e66a"}.ph.ph-square-half:before{content:"\e462"}.ph.ph-stack:before{content:"\e466"}.ph.ph-star:before{content:"\e46a"}.ph.ph-stop-circle:before{content:"\e46e"}.ph.ph-sun:before{content:"\e472"}.ph.ph-table:before{content:"\e476"}.ph.ph-terminal:before{content:"\e47e"}.ph.ph-text-aa:before{content:"\e6ee"}.ph.ph-text-align-left:before{content:"\e484"}.ph.ph-text-t:before{content:"\e48a"}.ph.ph-timer:before{content:"\e492"}.ph.ph-translate:before{content:"\e4a2"}.ph.ph-trash:before{content:"\e4a6"}.ph.ph-tree-structure:before{content:"\e67c"}.ph.ph-upload-simple:before{content:"\e4c0"}.ph.ph-user:before{content:"\e4c2"}.ph.ph-warning:before{content:"\e4e0"}.ph.ph-warning-circle:before{content:"\e4e2"}.ph.ph-wind:before{content:"\e5d2"}.ph.ph-wrench:before{content:"\e5d4"}.ph.ph-x:before{content:"\e4f6"}.ph.ph-x-circle:before{content:"\e4f8"}.ph.ph-x-logo:before{content:"\e4bc"}@font-face{font-family:Phosphor-Fill;src:url("/lib/phosphor/Phosphor-Fill.woff2") format("woff2"),url("/lib/phosphor/Phosphor-Fill.woff") format("woff"),url("/lib/phosphor/Phosphor-Fill.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.ph-fill{font-family:Phosphor-Fill!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-fill.ph-sparkle:before{content:"\e6a2"}.ph-fill.ph-star:before{content:"\e46a"}:root{--bg-color:hsl(210, 33%, 98%);--bg-input:hsl(210, 33%, 96%);--card-bg:hsl(0, 0%, 100%);--bg-card:hsl(0, 0%, 100%);--text-main:hsl(222, 47%, 11%);--text-muted:hsl(215, 20%, 40%);--accent:hsl(265, 100%, 44%);--accent-hover:hsl(265, 100%, 36%);--accent-glow:hsla(265, 100%, 44%, 0.15);--border:hsl(214, 25%, 82%);--btn-primary-text:#ffffff;--success:hsl(152, 75%, 26%);--warning:hsl(38, 95%, 28%);--warning-bg:hsla(38, 95%, 45%, 0.12);--error:hsl(0, 75%, 38%);--error-hover:hsl(0, 75%, 32%);--diff-add-bg:hsla(160, 84%, 30%, 0.12);--diff-add-text:hsl(160, 95%, 22%);--diff-rem-bg:hsla(350, 84%, 45%, 0.12);--diff-rem-text:hsl(350, 90%, 35%);--star-fav:#b45309;--upload-color:#b45309;--glass-bg:hsla(0, 0%, 100%, 0.7)}[data-theme=dark]{--bg-color:hsl(222, 47%, 11%);--bg-input:hsl(217, 33%, 13%);--card-bg:hsl(217, 33%, 17%);--bg-card:hsl(217, 33%, 17%);--text-main:hsl(210, 40%, 98%);--text-muted:hsl(215, 25%, 70%);--accent:hsl(267, 100%, 76%);--accent-hover:hsl(267, 100%, 84%);--accent-glow:hsla(267, 100%, 76%, 0.15);--border:hsl(217, 28%, 28%);--btn-primary-text:#000000;--success:hsl(152, 70%, 55%);--warning:hsl(43, 96%, 65%);--warning-bg:hsla(43, 96%, 65%, 0.15);--error:hsl(0, 85%, 72%);--error-hover:hsl(0, 85%, 78%);--diff-add-bg:hsla(160, 75%, 45%, 0.18);--diff-add-text:hsl(155, 80%, 75%);--diff-rem-bg:hsla(350, 85%, 65%, 0.18);--diff-rem-text:hsl(350, 95%, 80%);--star-fav:#fbbf24;--upload-color:#fbbf24;--glass-bg:hsla(217, 33%, 17%, 0.7)}*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100%;overflow-x:clip}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s ease,color .3s ease;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-anchor:none}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}.header-content a{cursor:pointer}.header-content a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.header-content{display:flex;flex-direction:column}.header-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.header-icons{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:nowrap;white-space:nowrap;flex-shrink:0}.site-title,h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--text-main) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.icon-btn{background:0 0;border:1px solid var(--border);color:var(--text-main);font-size:1.25rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:var(--accent-glow);border-color:var(--accent);transform:scale(1.05)}.container{max-width:1200px;margin:2rem auto 2rem auto;padding:0 2rem;flex:1;width:100%;box-sizing:border-box;overflow-x:clip}.tab-content{display:none;width:100%;max-width:100%;box-sizing:border-box}.tab-content.active{display:block}.tab-switching .tab-content.active{animation:fadeIn .3s ease}.tool-title{margin-top:0;margin-bottom:.35rem;font-size:1.75rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;background:linear-gradient(135deg,var(--text-main) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tab-description{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem;max-width:650px;width:fit-content;margin-left:auto;margin-right:auto;text-align:left}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.grid-2,.grid-3,.grid-4,.grid-5{display:grid;gap:1rem}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media (min-width:601px) and (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr;gap:1.25rem}.card{display:flex;flex-direction:column;gap:1rem}.card-header{margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.tab-content>.btn{margin-bottom:1.25rem}}.card,a.card{text-decoration:none;color:inherit;display:block;position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;max-width:100%;min-width:0;box-sizing:border-box}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.025)}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-weight:600;font-size:.95rem;margin-bottom:.75rem}input[type=datetime-local],input[type=email],input[type=number],input[type=text],textarea{width:100%;background:var(--bg-color);border:1px solid var(--border);color:var(--text-main);border-radius:8px;padding:1rem;font-family:Inter,monospace;font-size:.9rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.input-box:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb,37,99,235),.15)}.markdown-preview{line-height:1.6;color:var(--text-main)}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.2}.markdown-preview h1{font-size:2em}.markdown-preview h2{font-size:1.5em;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-preview p{margin-bottom:1em}.markdown-preview ol,.markdown-preview ul{padding-left:2em;margin-bottom:1em}.markdown-preview li{margin-bottom:.5em}.markdown-preview blockquote{border-left:4px solid var(--accent);padding-left:1em;color:var(--text-muted);margin:1.5em 0}.markdown-preview code{background:rgba(120,120,120,.15);padding:.2em .4em;border-radius:4px;font-family:monospace;font-size:.9em}.markdown-preview pre{background:#1e1e1e;padding:1em;border-radius:8px;overflow-x:auto;margin-bottom:1.5em}.markdown-preview pre code{background:0 0;color:#ccc;padding:0}.markdown-preview a{color:var(--accent);text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview img{max-width:100%;border-radius:4px}textarea{min-height:250px}.btn-group{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);color:var(--text-main);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:38px;box-sizing:border-box;vertical-align:middle;line-height:1.25rem}.btn.bg-input{background-color:var(--bg-color);color:var(--text-main);border-color:var(--border)}.btn-input-match{height:38px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.btn-lg,.btn-speed-start,.btn.text-sm.py-1,.btn.text-xs{height:auto}.load-test-data-btn{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;letter-spacing:.01em;transition:all .2s ease}.load-test-data-btn i{color:var(--accent);font-size:1rem;transition:transform .25s ease}.load-test-data-btn:hover i{transform:scale(1.18) rotate(15deg)}.card>.btn:not(.w-100),.flex-col>.btn:not(.w-100):not(.align-self-center){align-self:flex-start}.btn:hover{background:var(--accent);color:var(--btn-primary-text);border-color:var(--accent);transform:translateY(-1px)}.btn.danger{color:var(--error);border-color:rgba(239,68,68,.4)}.btn.danger:hover{background:var(--error-hover);border-color:var(--error-hover);color:var(--btn-primary-text)}.btn-primary{background:var(--accent);color:var(--btn-primary-text);border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--card-bg);border:1px solid var(--border);color:var(--text-main)}.btn-danger{background:var(--error);color:#fff;border:1px solid var(--error)}.btn-danger:hover{background:var(--error-hover);color:#fff;border-color:var(--error-hover);transform:translateY(-1px)}.diff-output{background:var(--bg-color);border:1px solid var(--border);border-radius:8px;padding:1rem;min-height:250px;font-family:monospace;white-space:pre-wrap;overflow-wrap:break-word;overflow-y:auto}.diff-added{background-color:var(--diff-add-bg);color:var(--diff-add-text);text-decoration:underline;text-decoration-color:var(--diff-add-text);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}.diff-removed{background-color:var(--diff-rem-bg);color:var(--diff-rem-text);text-decoration:line-through;text-decoration-color:var(--diff-rem-text);text-decoration-thickness:2px;opacity:.9}.color-swatch{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:transparent}.color-picker{width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer;background:0 0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:4px 10px;border-radius:var(--radius-sm,6px);font-size:.85rem;font-weight:700;text-align:center;line-height:1.3}.badge.success{background-color:hsla(152,75%,40%,.14);color:var(--success);border:1.5px solid var(--success)}.badge.success::before{content:"✓";font-size:.95em;font-weight:900}.badge.warning{background-color:hsla(38,95%,45%,.14);color:var(--warning);border:1.5px dashed var(--warning)}.badge.warning::before{content:"▲";font-size:.75em}.badge.danger{background-color:hsla(0,84%,50%,.14);color:var(--error);border:1.5px solid var(--error);outline:1px solid var(--error);outline-offset:-3px}.badge.danger::before{content:"✕";font-size:.85em;font-weight:900}footer{margin-top:auto;padding:2.5rem 2rem 2rem 2rem;text-align:center;border-top:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);font-size:.875rem;content-visibility:auto;contain-intrinsic-size:auto 120px}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-link,.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s;cursor:pointer}.footer-link{background:0 0;border:none;padding:0;font:inherit;font-size:.875rem}.footer-link:hover,.footer-links a:hover{color:var(--accent)}body:has(.modal.active),html:has(.modal.active){overflow:hidden!important}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:1rem;overscroll-behavior:contain;touch-action:none}.modal.active{display:flex}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;touch-action:auto;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{display:flex;align-items:center;gap:.5rem;margin:0}.modal-close{background:0 0;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--text-main)}.tool-link{display:block;padding:1rem;color:var(--text-main);text-decoration:none;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-link:last-child{margin-bottom:0}.tool-link strong{display:block;font-size:1.1rem;margin-bottom:.25rem;color:var(--accent)}.tool-link p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.tool-link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.tool-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stats{font-size:.8rem;color:var(--text-muted);display:flex;gap:1rem;flex-wrap:wrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;pointer-events:none}.toast{background:var(--card-bg);border:1px solid var(--accent);color:var(--text-main);padding:1rem 1.5rem;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:flex;align-items:center;gap:.75rem;transform:translateX(120%);transition:transform .3s cubic-bezier(.16, 1, .3, 1),opacity .3s ease;opacity:0;pointer-events:auto}.toast.show{transform:translateX(0);opacity:1}.toast-icon{color:var(--accent);font-size:1.25rem}.update-prompt-container{position:fixed;bottom:2rem;left:2rem;z-index:10001;max-width:450px;pointer-events:none}.update-toast{background:var(--card-bg);border:1px solid var(--accent);color:var(--text-main);padding:.875rem 1rem;border-radius:10px;box-shadow:0 10px 25px -5px rgba(0,0,0,.25),0 8px 10px -6px rgba(0,0,0,.15);display:flex;align-items:center;gap:.875rem;transform:translateY(120%);transition:transform .35s cubic-bezier(.16, 1, .3, 1),opacity .35s ease;opacity:0;pointer-events:auto}.update-toast.show{transform:translateY(0);opacity:1}.update-toast-icon{color:var(--accent);font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.update-toast-body{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.update-toast-title{font-size:.9375rem;font-weight:600;line-height:1.25;color:var(--text-main)}.update-toast-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.3}.update-toast-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.update-toast-btn{height:32px;padding:0 .875rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.update-toast-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);border:none;background:0 0;cursor:pointer;transition:background .2s,color .2s}.update-toast-close:hover{color:var(--text-main);background:var(--border)}.cheat-sheet-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.cheat-sheet-list li{padding:1rem;background:var(--bg-color);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.cheat-sheet-list li:hover{border-color:var(--accent);background:var(--accent-glow)}.cheat-sheet-list code{display:block;margin-top:.5rem;color:var(--text-muted);font-size:.85rem}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:more){:root{--border:hsl(215, 25%, 50%);--text-muted:hsl(215, 25%, 25%)}[data-theme=dark]{--border:hsl(215, 25%, 60%);--text-muted:hsl(215, 25%, 88%)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.category-chips-nav{-webkit-mask-image:none!important;mask-image:none!important}}.drag-over{border-color:var(--accent)!important;box-shadow:0 0 15px var(--accent-glow)!important;background-color:var(--card-bg)!important;opacity:.8;transition:all .2s ease}canvas,img,video{max-width:100%;height:auto}@media (max-width:600px){header{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem;position:relative}.header-content{text-align:center}.header-controls,header>div:last-child{justify-content:center;flex-wrap:wrap;gap:.5rem}.header-icons{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem}.container{padding:0 1rem;margin:1rem auto 1.5rem auto}.flex-wrap .flex-1{flex:1 1 100%}.card,a.card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:100%;min-width:0}.card .flex-row.gap-md,.card .flex-row.gap-sm,.card .flex-row.justify-between,.card-header,.url-param-row{flex-wrap:wrap}.card-header .flex-row{flex-wrap:wrap;gap:.35rem}.btn-group{gap:.5rem;max-width:100%}.btn-group.m-0{width:100%}.btn-group.m-0 .btn{flex:1 1 auto;min-width:0;padding:.45rem .6rem;font-size:.8125rem;text-align:center}.max-w-280{max-width:100%!important;width:100%}select.bg-input,select.btn,select.input-box{max-width:100%}.toggle-control{max-width:100%}.url-param-row input{min-width:0}.card>.btn:not(:last-child),.flex-col>.btn:not(:last-child){margin-bottom:.75rem}.toast-container{right:1rem;left:1rem;bottom:1rem}.update-prompt-container{left:1rem;right:1rem;bottom:1rem;max-width:none}.update-toast{flex-wrap:wrap}.update-toast-actions{margin-left:auto}.toast{width:100%;box-sizing:border-box}.modal-content{padding:1.5rem;margin:1rem}footer{padding:2.25rem 1rem 1.5rem 1rem}.footer-links{flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:center}.footer-link{font-size:.875rem;padding:.25rem .5rem;white-space:nowrap}#favoritesCategory{margin-top:2.25rem!important}}@media (max-width:480px){.btn{padding:.45rem .65rem;font-size:.8125rem}.card{padding:.85rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.card-header .flex-row{width:100%;justify-content:flex-start}textarea,textarea.input-box{min-height:180px}.btn-group.m-0 .btn{flex:1 1 100%}.path-list-item{flex-direction:column;align-items:flex-start;gap:4px}.path-val-preview{max-width:100%}}.font-mono{font-family:monospace}.text-sm{font-size:.85rem}.text-xs{font-size:.8rem}.text-muted{color:var(--text-muted)}.text-inherit{color:inherit}.no-underline{text-decoration:none}.font-bold{font-weight:700}.font-medium{font-weight:500}.flex-row{display:flex}.flex-col{display:flex;flex-direction:column}.align-center{align-items:center}.align-start{align-self:flex-start}.align-end{align-items:flex-end}.align-self-end{align-self:flex-end}.align-self-center{align-self:center!important}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}canvas,code,input,pre,select,svg,table,textarea{max-width:100%;box-sizing:border-box}input:not([type=checkbox]):not([type=radio]),select{min-width:0}pre{overflow-x:auto}table{max-width:100%;overflow-x:auto}.gap-xs{gap:.375rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-1{gap:1rem}:not([class*=gap])>.btn+select,:not([class*=gap])>button+select,:not([class*=gap])>select+.btn,:not([class*=gap])>select+button{margin-left:.75rem}.mt-0{margin-top:.25rem}.mt-1{margin-top:1rem}.mt-2{margin-top:1.5rem}.mt-3{margin-top:2rem}.mt-4{margin-top:2.5rem}.mb-0{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}.m-0{margin:0}.w-100{width:100%}.w-80{width:80px}.max-w-280{max-width:280px}.max-w-600{max-width:600px}.mx-auto{margin-left:auto;margin-right:auto}.min-h-80{min-height:80px}.min-h-100{min-height:100px}.min-h-120{min-height:120px}.min-h-140{min-height:140px}.min-h-150{min-height:150px}.min-h-160{min-height:160px}.min-h-200{min-height:200px}.min-h-250{min-height:250px}.min-h-300{min-height:300px}.min-h-350{min-height:350px}.min-h-400{min-height:400px}.max-h-200{max-height:200px}.max-h-250{max-height:250px}.max-h-300{max-height:300px}.max-h-350{max-height:350px}.max-h-400{max-height:400px}.max-h-500{max-height:500px}.max-h-550{max-height:550px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.d-none{display:none!important}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.bg-input{background:var(--bg-color);color:var(--text-main)}.output-box{padding:.5rem;background:var(--bg-color);border:1px solid var(--border);border-radius:6px;min-height:2.5rem;font-family:monospace}input.input-box,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=hidden]):not(textarea),select{height:38px;min-height:38px;padding:.5rem .75rem;border-radius:6px;background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--border);max-width:100%;box-sizing:border-box;font-family:inherit;font-size:.875rem;line-height:1.25rem;vertical-align:middle;transition:border-color .2s ease,box-shadow .2s ease}textarea,textarea.input-box{height:auto;min-height:250px;padding:.75rem;border-radius:6px;background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--border);max-width:100%;box-sizing:border-box;font-family:'JetBrains Mono','Fira Code',Consolas,Monaco,monospace;font-size:.875rem;line-height:1.4;resize:vertical;vertical-align:top;transition:border-color .2s ease,box-shadow .2s ease}select,select.bg-input,select.btn,select.input-box{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--border);border-radius:6px;height:38px;min-height:38px;line-height:1.25rem;display:inline-flex;align-items:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:14px 14px;padding:.5rem 2rem .5rem .75rem}select::-ms-expand{display:none}select:hover{border-color:var(--accent)}select option{background-color:var(--card-bg,#1e1e2e);color:var(--text-main,#fff);padding:.5rem}.input-box.inline-style-c50cbd,.input-box.inline-style-fa415b{height:48px;min-height:48px;font-size:1.5rem}select.inline-style-24d500{height:48px;min-height:48px}.flex-row:not(.align-stretch):not(.align-start):not(.align-end)>.btn,.flex-row:not(.align-stretch):not(.align-start):not(.align-end)>input.input-box,.flex-row:not(.align-stretch):not(.align-start):not(.align-end)>select{align-self:center}.modal-footer{margin-top:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;border-top:1px solid var(--border);padding-top:1rem}.color-swatch{width:45px;height:45px;border-radius:8px;border:1px solid var(--border);background:0 0}.qr-canvas{border:10px solid #fff;border-radius:8px;background:#fff}.scrollable-list{max-height:60vh;overflow-y:auto;padding:4px .5rem 4px 4px}#toolsModal .modal-content{display:flex;flex-direction:column;max-height:85vh;overflow:hidden}#toolsModal .scrollable-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}#toolsModal .modal-footer{flex-shrink:0;margin-top:1rem}#toolsModalBackToTop{display:inline-flex;align-items:center;gap:.35rem;transition:opacity .2s ease,transform .2s ease}.preview-box{background:var(--card-bg);padding:1rem;border:1px solid var(--border);border-radius:8px;flex:1;overflow:auto;min-height:250px}.code-wrapper{position:relative;flex:1;min-height:250px;min-width:0;max-width:100%;background:#2d2d2d;border-radius:8px;overflow:hidden;padding:1rem;box-sizing:border-box}.code-wrapper.bg-input{background:var(--bg-color);color:var(--text-main)}.code-wrapper code,.code-wrapper pre{margin:0;width:100%;max-width:100%;height:100%;overflow-x:auto;overflow-y:auto;white-space:pre-wrap!important;overflow-wrap:anywhere!important;box-sizing:border-box}.text-center{text-align:center}.text-lg{font-size:1.1rem}.mb-2{margin-bottom:2.5rem}.cursor-pointer{cursor:pointer}.text-404{font-size:6rem;font-weight:800;line-height:1;color:var(--accent);margin-bottom:.5rem}.text-2xl{font-size:1.75rem;font-weight:700}.btn-lg{padding:.75rem 1.75rem;font-size:1rem;border-radius:8px}.py-4{padding-top:2rem;padding-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.75rem;width:100%}.project-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:38px;max-height:38px;height:38px;padding:0 .75rem;background:var(--bg-color);border:1px solid var(--border);border-radius:999px;font-size:.825rem;font-weight:500;color:var(--text-main);transition:all .2s cubic-bezier(.16, 1, .3, 1);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.project-chip:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.project-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.loading-scripts{cursor:wait!important}body.loading-scripts *{cursor:wait!important}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}.skip-link{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip-link:focus{position:fixed!important;top:1rem!important;left:1rem!important;width:auto!important;height:auto!important;padding:.75rem 1.25rem!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;background:var(--card-bg)!important;color:var(--accent)!important;border:2px solid var(--accent)!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;z-index:10000!important;outline:2px solid var(--accent)!important;outline-offset:2px!important;text-decoration:none!important}#main-content{outline:0}.back-to-top{position:fixed;bottom:20px;right:20px;background:var(--accent);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{filter:brightness(1.1);transform:translateY(-2px)}.category-chips-wrapper{position:relative;display:flex;align-items:center;gap:.35rem;max-width:900px;margin-left:auto;margin-right:auto;width:100%;padding:0 .25rem}.modal-category-chips-wrapper{max-width:100%;padding:0;margin-top:.5rem;margin-bottom:.5rem}.chips-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;flex-shrink:0;background:var(--card-bg);border:1px solid var(--border);border-radius:50%;color:var(--text-main);cursor:pointer;transition:all .2s cubic-bezier(.16, 1, .3, 1);box-shadow:0 2px 6px rgba(0,0,0,.08);font-size:.95rem;padding:0}.chips-nav-btn:hover:not(:disabled){background:var(--bg-input);border-color:var(--accent);color:var(--accent);transform:scale(1.08)}.chips-nav-btn.disabled,.chips-nav-btn:disabled{opacity:.25;cursor:default;pointer-events:none;transform:none;box-shadow:none}.chips-nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.category-chips-nav{--chips-fade-size:40px;--fade-left:#000 0;--fade-right:#000 100%;display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;gap:.5rem;flex:1 1 auto;padding:4px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,var(--fade-left),var(--fade-right));mask-image:linear-gradient(to right,var(--fade-left),var(--fade-right));transition:-webkit-mask-image .25s ease,mask-image .25s ease}.category-chips-nav::-webkit-scrollbar{display:none}.category-chips-nav.has-fade-left{--fade-left:transparent 0,#000 var(--chips-fade-size)}.category-chips-nav.has-fade-right{--fade-right:#000 calc(100% - var(--chips-fade-size)),transparent 100%}.category-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:0 0 180px;width:180px;min-width:180px;max-width:180px;height:38px;min-height:38px;max-height:38px;padding:0 .75rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:var(--card-bg,#1e1e2e);border:1px solid var(--border);border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.16, 1, .3, 1);user-select:none;line-height:1.25;text-align:center;box-sizing:border-box;white-space:nowrap}.category-chip:hover{color:var(--text-main);border-color:var(--accent);background:var(--bg-input,rgba(255,255,255,.06));transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.category-chip:active{transform:translateY(0)}.category-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.category-chip i{color:var(--accent);font-size:.95rem;flex-shrink:0}.category-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-category-group{scroll-margin-top:10px;margin-bottom:1.25rem}.modal-category-group:last-child{margin-bottom:0}.dashboard-category:focus,.modal-category-group h3:focus{outline:0}.dashboard-category:focus-visible,.modal-category-group h3:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:600px){.category-chip{flex:0 0 160px;width:160px;min-width:160px;max-width:160px;height:36px;min-height:36px;max-height:36px;font-size:.775rem;gap:.3rem;padding:0 .5rem}.chips-nav-btn{width:28px;height:28px;min-width:28px;font-size:.85rem}.category-chips-nav{--chips-fade-size:28px}}.dashboard-category{margin-top:2.25rem;margin-bottom:1rem;font-size:1.85rem;font-weight:700;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;scroll-margin-top:100px}.dashboard-dynamic-section .dashboard-category{margin-top:0}.category-tools-section{content-visibility:auto;contain-intrinsic-size:auto 350px}.category-tools-section .dashboard-category{margin-top:2.25rem;margin-bottom:1rem}.dashboard-dynamic-section{display:none}.dashboard-dynamic-section.has-content{display:block;margin-top:2.25rem;margin-bottom:0}#favoritesGrid,#newlyAddedGrid,#recentsGrid{contain:layout style}.dashboard-grid{display:flex;flex-wrap:wrap;gap:1rem}.dashboard-grid>*{flex:1 1 280px}.tool-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;content-visibility:auto;contain-intrinsic-size:auto 120px}.dashboard-dynamic-section .tool-card{content-visibility:visible;contain-intrinsic-size:none}.tool-card-header{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;min-width:0;padding-right:2.75rem}.tool-card-header i{flex-shrink:0;margin-top:.15rem}.tool-card-header h3{margin:0;min-width:0;font-size:1.15rem;font-weight:600;line-height:1.35;overflow-wrap:break-word;word-break:normal}#recentsGrid .tool-card .tool-card-header,.tool-card.has-remove-recent-btn .tool-card-header,.tool-card:has(.card-remove-recent-btn) .tool-card-header{padding-right:5.75rem}#recentsGrid .tool-card p,.tool-card.has-remove-recent-btn p,.tool-card:has(.card-remove-recent-btn) p{padding-right:1.5rem}.tool-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.1)}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#backToTopBtn{position:fixed;bottom:2rem;right:2rem;z-index:1000;background:var(--accent);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .2s ease;cursor:pointer}#backToTopBtn i{font-size:1.5rem}#backToTopBtn.visible{opacity:1;visibility:visible}#backToTopBtn:hover{transform:translateY(-5px)}@media (max-width:600px){#backToTopBtn{bottom:1rem;right:1rem}}.tool-card[draggable=true]{cursor:pointer}.tool-card[draggable=true]:active{cursor:pointer}.tool-card.dragging{opacity:.5;transform:scale(.98)}.dashboard-grid.drag-over{background:rgba(var(--accent-rgb),.05);border-radius:var(--radius)}.tool-card.drag-over-top{border-top:2px dashed var(--accent)}.tool-card.drag-over-bottom{border-bottom:2px dashed var(--accent)}.card-favorite-btn{position:absolute;top:6px;right:6px;background:0 0;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);z-index:10;min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.card-favorite-btn,.favorite-btn,.tool-header-favorite-btn{transition:transform .15s ease,color .15s ease,filter .15s ease}.card-favorite-btn:hover,.favorite-btn:hover,.tool-header-favorite-btn:hover{color:#fbbf24;transform:scale(1.2)}.card-favorite-btn:hover .text-star-fav,.favorite-btn:hover .text-star-fav,.tool-header-favorite-btn:hover .text-star-fav{filter:brightness(1.2) drop-shadow(0 0 4px rgba(251, 191, 36, .5))}.tool-breadcrumb{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.4;color:var(--text-muted);margin-bottom:1.25rem;gap:.45rem}.tool-breadcrumb .breadcrumb-link{display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;line-height:1.4;margin:0;padding:0;transition:color .15s ease}.tool-breadcrumb .breadcrumb-link:hover{color:var(--accent);text-decoration:underline}.tool-breadcrumb .breadcrumb-separator{display:inline-flex;align-items:center;color:var(--text-muted);opacity:.45;font-size:.875rem;font-weight:500;line-height:1.4;margin:0;padding:0;user-select:none}.tool-breadcrumb .breadcrumb-category,.tool-breadcrumb .tool-category-badge{display:inline-flex;align-items:center;color:var(--text-muted);font-size:.875rem;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:normal;margin:0;padding:0;cursor:pointer;transition:color .15s ease}.tool-breadcrumb .breadcrumb-category:hover,.tool-breadcrumb .tool-category-badge:hover{color:var(--accent);text-decoration:underline;opacity:1}.tool-breadcrumb .breadcrumb-category:focus-visible,.tool-breadcrumb .tool-category-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-header-actions{display:flex;align-items:center;justify-content:center;white-space:nowrap;margin:.35rem auto .75rem auto;-webkit-text-fill-color:initial}.tool-header-actions *{-webkit-text-fill-color:initial}.tool-header-faq-btn,.tool-header-favorite-btn,.tool-header-info-btn,.tool-header-sample-btn{background:0 0;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted);vertical-align:middle;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;transition:transform .15s ease,color .15s ease,filter .15s ease;margin:0 .2rem}.tool-header-faq-btn i,.tool-header-favorite-btn i,.tool-header-info-btn i,.tool-header-sample-btn i{pointer-events:none}.tool-header-sample-btn i{font-size:inherit;color:inherit;transition:transform .25s ease}.tool-header-faq-btn:hover,.tool-header-info-btn:hover,.tool-header-sample-btn:hover{color:var(--accent);transform:scale(1.2);filter:drop-shadow(0 0 4px var(--accent-glow));text-decoration:none!important}.tool-header-sample-btn:hover i{transform:rotate(15deg)}.text-sample-active{color:var(--accent)!important}.tool-header-sample-btn.active{color:var(--accent)}.tool-header-sample-btn.active i{filter:drop-shadow(0 0 6px var(--accent-glow))}.tool-header-sample-btn.active:hover i{filter:brightness(1.2) drop-shadow(0 0 8px var(--accent-glow));transform:rotate(-15deg)}.tool-header-faq-btn:focus-visible,.tool-header-favorite-btn:focus-visible,.tool-header-info-btn:focus-visible,.tool-header-sample-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;text-decoration:none!important}a.tool-header-faq-btn,a.tool-header-faq-btn:active,a.tool-header-faq-btn:focus,a.tool-header-faq-btn:hover{text-decoration:none!important}.favorite-btn:hover{transform:translateY(-50%) scale(1.2)}.card-remove-recent-btn{position:absolute;top:6px;right:50px;background:0 0;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);z-index:10;min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.card-remove-recent-btn:hover{color:var(--danger,#ef4444)}.tool-card.has-favorite-btn,.tool-link.has-date-badge{position:relative}.tool-card-date-badge{position:absolute;bottom:.75rem;left:1.5rem;font-size:.75rem;font-family:monospace;color:var(--text-muted)}.tool-link .tool-card-date-badge{left:1rem;bottom:.5rem}.tool-card.has-date-badge,.tool-link.has-date-badge{padding-bottom:2.25rem}.tool-category-badge{cursor:pointer;display:inline-flex;align-items:center;transition:opacity .2s,color .15s ease;font-size:.875rem;color:var(--text-muted,#64748b);font-weight:500;margin:0}.tool-category-badge:hover{color:var(--accent);text-decoration:underline}.tool-category-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-link[draggable=true]{cursor:pointer;user-select:none}.tool-link.dragging{opacity:.5;background:var(--bg-hover)}.tool-link.drag-over-top{border-top:2px solid var(--accent)}.tool-link.drag-over-bottom{border-bottom:2px solid var(--accent)}.tool-title>.ph{margin-right:8px}.icon-gap-xs{margin-right:4px}#coffeeLink .ph{margin-right:4px}.search-container{position:relative;width:100%}.search-container>i:first-child{position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);font-size:1.15rem;z-index:1}.search-container>input.input-box{padding-left:2.5rem;padding-right:2.5rem}.search-clear-btn{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);width:32px;height:32px;font-size:1.15rem;color:var(--text-muted);background:0 0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .15s ease;z-index:2;padding:0}.search-clear-btn:hover{color:var(--text-main);background:var(--border);transform:translateY(-50%) scale(1.1)}.search-clear-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.no-results-spacing{margin-top:4rem;margin-bottom:2rem}#modalNoResults.no-results-spacing{margin-top:2.5rem;margin-bottom:2.5rem}.no-results-icon{font-size:3rem;color:var(--text-muted);opacity:.6;margin-bottom:.5rem;display:inline-block}.tabular-nums{font-variant-numeric:tabular-nums}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-upload{color:var(--upload-color,#f59e0b)}.text-star-fav{color:var(--star-fav,#fbbf24)}.text-size-lg{font-size:1.25rem}::placeholder{color:var(--text-muted);opacity:1}::selection{background:var(--accent);color:var(--btn-primary-text)}.speedtest-card{border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.2);position:relative}.speedtest-dial-wrapper{width:220px;height:220px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.speedtest-svg{position:absolute;top:0;left:0;transform:rotate(-90deg);filter:drop-shadow(0 0 12px var(--accent-color));pointer-events:none}.speedtest-progress{transition:stroke-dashoffset .2s ease,stroke .3s ease}.speedtest-dial-readout{position:relative;z-index:1}.btn-speed-start{min-width:220px;font-size:1rem;padding:.75rem 1.5rem}.speedtest-stats{background:var(--bg-input);border-top:1px solid var(--border)}.speedtest-stat-mid{border-left:1px solid var(--border);border-right:1px solid var(--border)}.contrast-preview{background-color:#000;color:#fff;text-align:center;border:1px solid var(--border-color)}.contrast-preview-large{font-size:24px;font-weight:700}.contrast-preview-normal{font-size:16px}.favorite-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);z-index:10;padding:8px}.tool-link.has-favorite{position:relative;padding-right:48px}.modal-category-group>h3{margin-top:1.25rem;margin-bottom:.625rem;font-size:1.1rem;color:var(--primary-color)}.modal-category-group:first-child>h3{margin-top:.25rem}.badge.keyword{background:var(--accent);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem}.cron-output-ok{color:var(--text-main)}.cron-output-err{color:var(--error)}.jwt-status-ok{color:var(--success)}.jwt-status-ok i{color:var(--success)}.jwt-status-err{color:var(--error,#ef4444)}.jwt-status-err i{color:var(--error,#ef4444)}.bcrypt-verify-result{display:none;border-radius:8px;padding:.75rem}.bcrypt-verify-result.is-match{display:block;background:rgba(var(--success-rgb,22,163,74),.12);color:var(--success);border:1px solid var(--success)}.bcrypt-verify-result.is-mismatch{display:block;background:rgba(var(--error-rgb,239,68,68),.12);color:var(--error);border:1px solid var(--error)}.img-drop-zone{border:2px dashed var(--border);min-height:250px;background:var(--bg);transition:background-color .2s,border-color .2s}.img-drop-zone.is-dragover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.inline-style-054f91{gap:.75rem}.inline-style-cb968a{border-radius:8px}.inline-style-074915{margin:0;font-size:1.25rem}.inline-style-4986ec{margin-bottom:1rem}.inline-style-2957cd{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;line-height:1.2;background:linear-gradient(135deg,var(--text-main) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.inline-style-88a855{font-size:1.1rem;max-width:600px;margin:0 auto;text-align:left}.inline-style-5366d4{position:relative;max-width:680px;width:100%}.inline-style-7c8dcb{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);font-size:1.35rem;pointer-events:none}#dashboardSearchInput,#toolSearchInput,.inline-style-935a8e{height:50px!important;min-height:50px!important;font-size:1.05rem!important;padding-left:3.25rem!important;padding-right:2.85rem!important;border-radius:2rem!important}.inline-style-224b51{display:none}.inline-style-8de9b8{font-size:.85rem;color:var(--text-muted,#64748b);text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem}.inline-style-fea18d{margin-top:0;margin-bottom:.5rem;font-size:1.75rem}.inline-style-4d796c{align-self:flex-start}.inline-style-4f5f61{white-space:pre-wrap}.inline-style-588c2d{width:95px}.inline-style-750992{background:rgba(var(--accent-rgb),.1);border-color:var(--accent)}.inline-style-948e6d{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.inline-style-fa415b{font-size:1.5rem}.inline-style-24d500{min-width:120px;font-weight:700}.inline-style-c50cbd{font-size:1.5rem;background:rgba(var(--accent-rgb),.1)}.inline-style-e7ec96{font-size:1.1rem}.inline-style-f4e981{min-height:100px}.inline-style-0cf5a0{padding:.5rem 1rem}.inline-style-14c236{flex-wrap:wrap}.inline-style-14fa87{font-size:1.25rem}.inline-style-78f291{white-space:pre;overflow-x:auto;line-height:1.2}.inline-style-5398ef{padding:4px 8px}.inline-style-c1ae0b{text-align:center;border-collapse:collapse}.inline-style-3292e9{border-bottom:1px solid var(--border-color)}.inline-style-09a034{padding:10px 0}.inline-style-e3d221{width:100px}.inline-style-c25159{width:150px}.inline-style-7f44c7{margin-top:0;margin-bottom:.25rem;font-size:1.75rem}.inline-style-e2b74b{margin:0}.inline-style-7b09ca{min-height:400px;resize:none}.inline-style-7b7d19{min-height:80px;resize:vertical}.inline-style-4765c4{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--border)}.inline-style-2226fe{min-height:200px;resize:vertical}.inline-style-d85c4e{position:relative}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;transition:background-color 5000s ease-in-out 0s}.instruction-card{margin-top:1rem!important;margin-bottom:1rem!important;padding:1.15rem 1.25rem!important;gap:.35rem!important;scroll-margin-top:90px;transition:box-shadow .3s ease,border-color .3s ease;content-visibility:auto;contain-intrinsic-size:auto 240px}.instruction-card h3{margin-bottom:.5rem!important}.instruction-card h3 i{margin-right:.5rem!important}.instruction-card.instruction-highlight{animation:highlightPulse 1.5s ease}@keyframes highlightPulse{0%{box-shadow:0 0 0 3px var(--accent),0 10px 15px -3px rgba(0,0,0,.1);border-color:var(--accent)}50%{box-shadow:0 0 0 4px var(--accent-glow),0 10px 15px -3px rgba(0,0,0,.1);border-color:var(--accent)}100%{box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);border-color:var(--border)}}@media (max-width:768px){.instruction-card{margin-top:1rem!important;margin-bottom:1rem!important;padding:1rem!important;scroll-margin-top:80px}}.faq-card{margin-top:1rem!important;margin-bottom:1rem!important;padding:1.15rem 1.25rem 1.25rem 1.25rem!important;gap:.45rem!important;scroll-margin-top:90px;transition:box-shadow .3s ease,border-color .3s ease;content-visibility:auto;contain-intrinsic-size:auto 300px}.faq-card.faq-highlight{animation:highlightPulse 1.5s ease}.faq-card h3{margin-bottom:.5rem!important}.faq-card h3 i{margin-right:.5rem!important}.tool-faq-list{display:flex;flex-direction:column;gap:.5rem}.tool-faq-item{border:1px solid var(--border);border-radius:8px;background:var(--bg-color);transition:all .2s ease;overflow:hidden}.tool-faq-item:hover{border-color:var(--accent)}.tool-faq-item[open]{border-color:var(--accent);box-shadow:0 2px 10px var(--accent-glow)}.tool-faq-question{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;font-size:.875rem;font-weight:500;color:var(--text-main);cursor:pointer;user-select:none;list-style:none}.tool-faq-question::-webkit-details-marker{display:none}.tool-faq-question:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.tool-faq-question::after{content:'';display:inline-block;width:6px;height:6px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform .2s ease,border-color .2s ease;margin-left:.75rem;flex-shrink:0}.tool-faq-item[open]>.tool-faq-question::after{transform:rotate(-135deg);border-color:var(--accent)}.tool-faq-answer{padding:.65rem .9rem .85rem .9rem;font-size:.825rem;line-height:1.6;color:var(--text-muted);border-top:1px dashed var(--border)}.tool-faq-answer p{margin:0}.tool-faq-answer p+p{margin-top:.5rem}@media (prefers-reduced-motion:reduce){.tool-faq-item,.tool-faq-question::after{transition:none!important}}@media (max-width:768px){.faq-card{margin-top:1rem!important;margin-bottom:1rem!important;padding:1rem!important;scroll-margin-top:80px}}.donate-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent);border-radius:8px;font-size:.825rem;font-weight:600}.donate-lead{color:var(--text-main);font-size:.95rem;line-height:1.55;margin:.75rem 0 .5rem}.donate-subtext{color:var(--text-muted);font-size:.875rem;line-height:1.55;margin:0 0 1.25rem}.donate-btn-bmac{background:#fd0;color:#000!important;font-weight:700;border:none;border-radius:10px;padding:.85rem 1.25rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.donate-btn-bmac:hover{background:#ffea40;color:#000!important;transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,221,0,.45)}.donate-btn-bmac:active{transform:translateY(0)}.donate-btc-card{background:var(--bg-secondary,rgba(128,128,128,.06));border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem}.donate-btc-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.donate-btc-title{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.925rem;color:var(--text-main)}.donate-btc-title i{color:#f7931a}.donate-btc-copy-btn,.donate-btc-qr-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;white-space:nowrap}.donate-btc-address-row{display:flex;align-items:center;gap:.5rem}.donate-btc-address{flex:1;min-width:0;padding:.5rem .65rem;background:var(--bg-main);border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono, monospace);font-size:.78rem;color:var(--text-main);overflow-x:auto;white-space:nowrap;user-select:all}.donate-btc-qr-wrap{display:flex;justify-content:center;padding-top:.35rem}.donate-btc-qr-wrap canvas{background:#fff;padding:8px;border-radius:8px;border:1px solid var(--border)}.max-w-500{max-width:500px}.settings-list{display:flex;flex-direction:column;gap:1rem;padding:.25rem 0}.settings-item{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border-radius:12px;background:var(--bg-color);border:1px solid var(--border);transition:border-color .2s}.settings-item:hover{border-color:var(--accent)}.settings-info{display:flex;flex-direction:column;gap:.25rem}.settings-label{font-size:1.05rem;font-weight:600;color:var(--text-main);cursor:pointer}.settings-desc{font-size:.85rem;color:var(--text-muted);line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.25s cubic-bezier(.4, 0, .2, 1);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.25s cubic-bezier(.4, 0, .2, 1);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25)}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.sourcemap-dropzone{border:2px dashed var(--border);border-radius:var(--radius-md,8px);padding:1.5rem;text-align:center;background:var(--bg);cursor:pointer;transition:border-color .2s,background-color .2s}.sourcemap-dropzone.is-dragover,.sourcemap-dropzone:hover{border-color:var(--accent);background:rgba(var(--accent-rgb,99,102,241),.05)}.sourcemap-metric-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:9999px;background:var(--bg-hover,rgba(125,125,125,.1));font-size:.75rem;font-weight:600;color:var(--text-muted)}.sourcemap-sources-list{max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm,6px);background:var(--bg)}.sourcemap-source-item{padding:.35rem .6rem;font-size:.8rem;font-family:var(--font-mono, monospace);cursor:pointer;border-bottom:1px solid var(--border);transition:background-color .15s;display:flex;justify-content:space-between;align-items:center}.sourcemap-source-item:last-child{border-bottom:none}.sourcemap-source-item.active,.sourcemap-source-item:hover{background-color:rgba(var(--accent-rgb,99,102,241),.12);color:var(--accent)}.error-context-line{display:flex;padding:.1rem .5rem;font-family:var(--font-mono, monospace);font-size:.82rem;line-height:1.5}.error-context-line.is-error{background:rgba(var(--error-rgb,239,68,68),.18);border-left:3px solid var(--error,#ef4444);font-weight:600}.error-line-number{width:3.5rem;color:var(--text-muted);user-select:none;text-align:right;padding-right:.75rem}.error-line-code{white-space:pre-wrap;word-break:break-all;flex:1}.jsx-option-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer;user-select:none}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sourcemap-dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.sourcemap-source-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background-color:rgba(var(--accent-rgb,99,102,241),.15)}#barcodeCanvasContainer:focus-visible,#html2jsxOutput:focus-visible,#sourcemapContextLines:focus-visible,#sourcemapOutput:focus-visible,#svg2imgPreviewContainer:focus-visible,.sourcemap-sources-list:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#svg2imgDropzone,#svgOptimizeDropzone{min-height:90px}#imgCompressDropzone:focus-visible,#svg2imgDropzone:focus-visible,#svgOptimizeDropzone:focus-visible,.img-drop-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}#barcodeCanvas{max-width:100%;height:auto;display:block;margin:0 auto;box-shadow:0 1px 3px rgba(0,0,0,.1)}#svg2imgPreview{max-width:100%;max-height:380px;object-fit:contain;box-shadow:0 1px 3px rgba(0,0,0,.1)}.word-break{word-break:break-all}.min-h-160{min-height:160px}.max-w-100{max-width:100px}.san-chip{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-family:monospace;background:var(--glass-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-main)}.badge-success{background:hsla(152,75%,40%,.14);color:var(--success);border:1px solid var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning)}.badge-danger{background:hsla(0,75%,38%,.12);color:var(--error);border:1px solid var(--error)}.text-main{color:var(--text-main)}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.min-w-200{min-width:200px}.mr-1{margin-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.d-block{display:block}@media (max-width:768px){.w-100-mobile{width:100%!important;max-width:100%!important}}.pdf-mode-nav{display:flex;gap:.5rem;flex-wrap:wrap;background:var(--bg-input,hsla(215,20%,50%,.08));padding:.35rem;border-radius:8px;border:1px solid var(--border);margin-bottom:1.25rem}.pdf-mode-btn{flex:1 1 auto;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;border:none;background:0 0;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s ease}.pdf-mode-btn:hover{color:var(--text-main);background:var(--card-bg)}.pdf-mode-btn.active{background:var(--accent);color:var(--btn-primary-text);box-shadow:0 2px 6px var(--accent-glow)}.pdf-drop-zone:focus-visible,.pdf-mini-btn:focus-visible,.pdf-mode-btn:focus-visible,.pdf-page-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pdf-drop-zone{border:2px dashed var(--border);min-height:200px;background:var(--card-bg);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s,box-shadow .2s}.pdf-drop-zone.is-dragover,.pdf-drop-zone:hover{border-color:var(--accent);background:var(--accent-glow)}.pdf-drop-zone i{font-size:3rem}.pdf-result-success{background:hsla(152,75%,26%,.1);border:1px solid var(--success)}.pdf-split-input{width:80px}.pdf-file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.pdf-file-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.pdf-file-item.dragging{opacity:.5}.pdf-file-item.drag-over{border-color:var(--accent);background:var(--accent-glow)}.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1rem}.pdf-page-card{position:relative;background:var(--card-bg);border:2px solid var(--border);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;transition:border-color .2s,box-shadow .2s,transform .15s;user-select:none;cursor:pointer}.pdf-page-card:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.08)}.pdf-page-card.selected{border-color:var(--accent);background:var(--accent-glow)}.pdf-page-card.dragging{opacity:.35;transform:scale(.95)}.pdf-page-card.drag-over{border-color:var(--accent);border-style:dashed;transform:scale(1.02)}.pdf-page-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.pdf-thumbnail-container{width:100%;height:180px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border-radius:6px;overflow:hidden;position:relative;border:1px solid var(--border);margin:.25rem 0}.pdf-page-canvas{max-width:95%;max-height:95%;object-fit:contain;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:transform .2s ease}.pdf-page-mockup{width:90px;height:125px;background:#fff;border:1px solid #cbd5e1;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:8px;gap:5px;transition:transform .2s ease}.pdf-mockup-line{height:4px;background:#e2e8f0;border-radius:2px}.pdf-mockup-line.title{width:60%;background:#94a3b8;height:6px;margin-bottom:4px}.pdf-card-actions{display:flex;gap:.25rem;width:100%;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.pdf-mini-btn{background:var(--bg-input,var(--card-bg));border:1px solid var(--border);color:var(--text-main);border-radius:4px;padding:.3rem .5rem;font-size:.75rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px}.pdf-mini-btn:hover{background:var(--accent);color:var(--btn-primary-text);border-color:var(--accent)}.pdf-mini-btn.btn-danger:hover{background:var(--error);border-color:var(--error);color:#fff}.pdf-part-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem}.pdf-doc-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-bottom:.85rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.pdf-actions-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.pdf-single-page-alert{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:6px;font-size:.8125rem;font-weight:500;margin-bottom:1rem;background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning)}.pdf-split-fieldset{width:100%;border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:.5rem 0 1.25rem 0;background:var(--bg-input,hsla(215,20%,50%,.04));box-sizing:border-box}.pdf-split-legend{font-weight:600;font-size:.95rem;color:var(--text-main);padding:0 .5rem;margin-bottom:.75rem;display:inline-flex;align-items:center;gap:.4rem}.pdf-split-options-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.pdf-split-option-card{border:1.5px solid var(--border);border-radius:8px;padding:.75rem 1rem;background:var(--card-bg);cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.5rem}.pdf-split-option-card:hover{border-color:var(--accent);background:var(--accent-glow)}.pdf-split-option-card:has(input[type=radio]:checked){border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 0 1px var(--accent)}.pdf-split-option-header{display:flex;align-items:center;gap:.75rem}.pdf-split-option-header input[type=radio]{accent-color:var(--accent);width:1.15rem;height:1.15rem;cursor:pointer;margin:0;flex-shrink:0}.pdf-split-option-icon{width:32px;height:32px;border-radius:6px;background:var(--bg-input,hsla(215,20%,50%,.1));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.pdf-split-subgroup{padding-top:.5rem;margin-left:2rem;border-top:1px dashed var(--border);display:flex;align-items:center;gap:.5rem}@media (max-width:600px){.pdf-split-fieldset{padding:.85rem .75rem}.pdf-mode-nav{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.pdf-mode-btn{min-width:0;padding:.6rem .4rem;font-size:.8125rem}.pdf-drop-zone{min-height:160px;padding:1.5rem 1rem}.pdf-drop-zone i{font-size:2.25rem!important}.pdf-file-item{flex-direction:column;align-items:stretch;gap:.5rem}.pdf-file-item>.flex-row:last-child{justify-content:flex-end}.pdf-page-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.pdf-thumbnail-container{height:140px}.pdf-page-mockup{width:75px;height:105px}.pdf-part-card{flex-direction:column;align-items:flex-start;gap:.75rem}.pdf-part-card>.flex-row:last-child{width:100%;justify-content:flex-end}#dashboardSearchInput,#toolSearchInput,.inline-style-935a8e{height:46px!important;min-height:46px!important;font-size:.95rem!important;padding-left:2.95rem!important;padding-right:2.6rem!important}.inline-style-7c8dcb{left:1rem;font-size:1.2rem}.search-clear-btn{right:.75rem;width:28px;height:28px;font-size:1rem}}@media (max-width:360px){.pdf-mode-nav{grid-template-columns:1fr}.pdf-page-grid{grid-template-columns:1fr}}.cssgen-mode-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem;background:var(--bg-input);border-radius:8px;border:1px solid var(--border)}.cssgen-mode-btn{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .85rem;font-size:.875rem;font-weight:500;border-radius:6px;background:0 0;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.cssgen-mode-btn:hover{color:var(--text-main);background:rgba(125,125,125,.08)}.cssgen-mode-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}.cssgen-panel{display:none}.cssgen-panel.active{display:block}.css-layers-container{display:flex;flex-wrap:wrap;gap:.4rem}.css-layer-pill{padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:500;background:var(--bg-input);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);transition:all .15s ease}.css-layer-pill.active{background:var(--accent);color:var(--btn-primary-text);border-color:var(--accent)}.color-picker-input{width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:0 0}.color-picker-input-sm{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:0 0}.cssgen-preview-canvas{min-height:260px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px solid var(--border);transition:background-color .2s ease;overflow:hidden}[data-theme=dark] .cssgen-preview-canvas{background:#0f172a}.cssgen-shadow-box{width:140px;height:140px;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1e293b;transition:box-shadow .15s ease,border-radius .15s ease,background-color .15s ease}.cssgen-gradient-preview{min-height:260px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1 0,#ec4899 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.css-grad-stop-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;background:var(--bg-input);border:1px solid var(--border)}.css-angle-preset.active,.css-grad-preset.active,.css-grid-preset.active{background:var(--accent)!important;color:var(--btn-primary-text)!important}.cssgen-flex-playground{display:flex;min-height:260px;background:var(--bg-input);transition:all .2s ease;border:1px dashed var(--border);overflow:auto}.cssgen-flex-item{min-width:65px;min-height:65px;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-main);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease;user-select:none}.cssgen-flex-item:hover{border-color:var(--accent)}.cssgen-flex-item.active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.cssgen-grid-playground{display:grid;min-height:260px;background:var(--bg-input);border:1px dashed var(--border);overflow:auto}.cssgen-grid-item{padding:.75rem;min-height:65px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;font-size:.85rem;font-weight:600;color:var(--text-main);box-shadow:0 1px 2px rgba(0,0,0,.05)}.b64tofile-dropzone,.jsobf-dropzone{border:2px dashed var(--border);border-radius:8px;padding:1.25rem;text-align:center;background:var(--bg-input);cursor:pointer;transition:border-color .2s,background-color .2s}.b64tofile-dropzone.is-dragover,.b64tofile-dropzone:hover,.jsobf-dropzone.is-dragover,.jsobf-dropzone:hover{border-color:var(--accent);background:var(--accent-glow)}.b64tofile-dropzone:focus-visible,.jsobf-dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.b64tofile-preview-viewport{min-height:260px;background:var(--bg-input);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.b64-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted)}.b64-badge-type{color:var(--accent);border-color:var(--accent)}.b64-preview-pane{max-width:100%;max-height:100%}.b64-img-view{max-width:100%;max-height:280px;object-fit:contain;border-radius:6px;background:repeating-conic-gradient(#80808020 0 25%,transparent 0 50%) 50%/16px 16px;box-shadow:0 1px 4px rgba(0,0,0,.1)}.b64-video-view{max-width:100%;max-height:280px}.favicon-sizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:.75rem}.favicon-size-card{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;transition:transform .15s ease,border-color .15s ease}.favicon-size-card:hover{border-color:var(--accent);transform:translateY(-2px)}.favicon-size-meta{display:flex;flex-direction:column;gap:.15rem}.favicon-size-dim{font-size:.8rem;font-weight:700;font-family:var(--font-mono);color:var(--text-main)}.favicon-size-desc{font-size:.7rem;color:var(--text-muted)}.favicon-canvas-box{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#80808020 0 25%,transparent 0 50%) 50%/14px 14px;border-radius:6px;border:1px solid var(--border);overflow:hidden}.favicon-render-canvas{max-width:64px;max-height:64px;object-fit:contain;image-rendering:auto}.favicon-render-canvas[width="16"],.favicon-render-canvas[width="32"]{image-rendering:pixelated}.favicon-dl-size-btn{width:100%;padding:.25rem .5rem}.browser-mockup-bar{background:var(--border);border-radius:8px 8px 0 0;padding:8px 12px 0 12px;display:flex;align-items:flex-end}.browser-tab-preview{background:var(--card-bg);border-radius:8px 8px 0 0;padding:6px 14px;display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:var(--text-main);box-shadow:0 -1px 3px rgba(0,0,0,.06);max-width:240px}.mockup-tab-icon{width:16px;height:16px;flex-shrink:0}.browser-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-tab-close{font-size:.9rem;color:var(--text-muted);cursor:default;margin-left:4px}.mobile-mockup-viewport{background:linear-gradient(135deg,#1e293b 0,#0f172a 100%);border-radius:8px;padding:1.5rem;display:flex;align-items:center;justify-content:center}.mobile-app-icon-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.mobile-app-icon-canvas{width:64px;height:64px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.35)}.mobile-app-title{font-size:.75rem;color:#f8fafc;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.google-serp-mockup{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem}.google-serp-header{display:flex;align-items:center;gap:8px}.google-serp-favicon{width:20px;height:20px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border)}.google-serp-meta{display:flex;flex-direction:column}.google-serp-name{font-size:.85rem;font-weight:500;color:var(--text-main);line-height:1.2}.google-serp-url{font-size:.75rem;color:var(--text-muted)}.google-serp-title{font-size:1.05rem;font-weight:500;color:var(--accent);margin-top:6px;line-height:1.3}.color-picker-input{width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:6px;background:0 0}.meta-preview-pane{min-height:180px}.meta-google-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.meta-google-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.meta-google-icon{width:22px;height:22px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--accent)}.meta-google-meta{display:flex;flex-direction:column}.meta-google-name{font-size:.85rem;font-weight:500;color:var(--text-main)}.meta-google-url{font-size:.75rem;color:var(--text-muted)}.meta-google-title{font-size:1.1rem;font-weight:500;color:var(--accent);margin:4px 0;line-height:1.3;cursor:pointer}.meta-google-desc{font-size:.85rem;color:var(--text-muted);margin:4px 0 0 0;line-height:1.5}.meta-social-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card-bg)}.meta-social-image-wrap{width:100%;max-height:260px;background:var(--bg-input);overflow:hidden;display:flex;align-items:center;justify-content:center}.meta-social-img{width:100%;height:auto;max-height:260px;object-fit:cover;display:block}.meta-social-body{padding:.85rem;display:flex;flex-direction:column;gap:.25rem}.meta-social-domain{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.meta-social-title{font-size:.95rem;font-weight:600;color:var(--text-main);margin:2px 0;line-height:1.3}.meta-social-desc{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-twitter-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card-bg)}.meta-twitter-image-wrap{width:100%;max-height:260px;background:var(--bg-input);overflow:hidden}.meta-twitter-img{width:100%;height:auto;max-height:260px;object-fit:cover;display:block}.meta-twitter-body{padding:.85rem;display:flex;flex-direction:column;gap:.25rem}.meta-twitter-domain{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center}.meta-twitter-title{font-size:.95rem;font-weight:600;color:var(--text-main);margin:2px 0}.meta-twitter-desc{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.meta-discord-embed{display:flex;border-radius:4px;background:var(--bg-input);border:1px solid var(--border);overflow:hidden}.meta-discord-border{width:4px;background:var(--accent);flex-shrink:0}.meta-discord-content{padding:.85rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.meta-discord-site{font-size:.7rem;color:var(--text-muted)}.meta-discord-title{font-size:.95rem;font-weight:600;color:var(--accent);margin:0}.meta-discord-desc{font-size:.8rem;color:var(--text-main);margin:0;line-height:1.4}.meta-discord-thumb{margin-top:.5rem;max-width:320px}.meta-discord-img{max-width:100%;border-radius:4px;display:block}.robots-mode-panel{animation:fadeIn .15s ease-in-out}.robots-rule-block{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.robots-rule-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.5rem}.robots-path-tag-list{display:flex;flex-wrap:wrap;gap:.35rem;min-height:28px;padding:4px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;align-items:center}.robots-path-tag{display:inline-flex;align-items:center;gap:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-main)}.robots-path-tag-remove{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:.85rem;line-height:1}.robots-path-tag-remove:hover{color:var(--error)}.sitemap-url-table{border-collapse:collapse;font-size:.8rem}.sitemap-url-table tr{border-bottom:1px solid var(--border)}.sitemap-url-table tr:hover{background:var(--bg-input)}.sitemap-url-table td{padding:.5rem}.sitemap-url-loc{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.json-tree-search-box{position:relative;display:flex;align-items:center}.json-tree-search-box i.ph-magnifying-glass{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:1.15rem;color:var(--text-muted);pointer-events:none;z-index:1}#jsonTreeSearchInput{padding-left:2.6rem!important;padding-right:2.5rem!important}.json-tree-container{line-height:1.6;user-select:text}.json-tree-root{list-style:none;margin:0;padding:0}.json-tree-node{list-style:none;margin:2px 0;position:relative}.json-tree-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;padding:2px 6px;border-radius:4px;cursor:pointer;transition:background .15s ease;width:100%}.json-tree-row:hover{background-color:rgba(99,102,241,.08)}.json-tree-row.selected{background-color:rgba(99,102,241,.18);outline:1px solid var(--accent)}.json-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:0 0;color:var(--text-muted);cursor:pointer;padding:0;border-radius:3px;transition:transform .15s ease,color .15s ease}.json-tree-toggle:hover{color:var(--accent);background:rgba(99,102,241,.12)}.json-tree-toggle.collapsed i{transform:rotate(-90deg)}.json-tree-spacer{display:inline-block;width:18px;height:18px;flex-shrink:0}.json-tree-children{list-style:none;margin:0 0 0 10px;padding:0 0 0 12px;border-left:1px dashed var(--border)}.json-tree-children.collapsed{display:none}.json-tree-key{font-weight:600;color:var(--text-main)}.json-tree-colon{color:var(--text-muted);margin-right:4px}.json-type-string{color:#10b981;word-break:break-all}.json-type-number{color:#3b82f6;font-weight:500}.json-type-boolean{color:#a855f7;font-weight:600}.json-type-null{color:#6b7280;font-style:italic}.json-type-badge{font-size:.7rem;padding:1px 6px;border-radius:3px;background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);font-weight:400}.json-tree-preview{color:var(--text-muted);font-style:italic;font-size:.8rem;margin-left:4px}.json-tree-highlight{background-color:#fef08a;color:#713f12;padding:0 2px;border-radius:2px}[data-theme=dark] .json-tree-highlight{background-color:#854d0e;color:#fef9c3}.json-node-copy-btn{opacity:0;visibility:hidden;padding:2px 4px;font-size:.7rem;border:none;background:var(--bg-input);border-radius:3px;cursor:pointer;color:var(--text-muted);transition:opacity .15s ease;margin-left:auto}.json-tree-row:hover .json-node-copy-btn{opacity:1;visibility:visible}.json-node-copy-btn:hover{color:var(--accent)}#escapeTargetChips .btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}#twLivePreviewContent{color:#1f2937;font-family:sans-serif}.mock-schema-row{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mock-schema-row:hover{border-color:var(--accent)}.mock-preview-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:420px;width:100%;max-width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);-webkit-overflow-scrolling:touch}.mock-preview-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.mock-preview-table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.mock-preview-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mock-preview-table{border-collapse:collapse;width:100%;min-width:100%;font-size:.8rem}.mock-preview-table td,.mock-preview-table th{padding:8px 12px;border:1px solid var(--border);white-space:nowrap;text-align:left}.mock-preview-table thead,.mock-preview-table thead tr{background-color:var(--card-bg)}.mock-preview-table th{background-color:var(--card-bg);background:var(--card-bg);font-weight:600;color:var(--text-main);position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--border)}.mock-preview-table tbody tr:nth-child(2n){background:rgba(125,125,125,.04)}.mock-preview-table tbody tr:hover{background:var(--accent-glow)}.regex-pattern-container{transition:border-color .15s ease}.regex-pattern-container:focus-within{border-color:var(--accent)}.regex-flag-btn.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.regex-mode-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.regex-highlight-view{white-space:pre-wrap;word-break:break-word;line-height:1.6}.regex-match-hl{background-color:rgba(59,130,246,.25);border-bottom:2px solid #3b82f6;border-radius:2px;padding:1px 2px}[data-theme=dark] .regex-match-hl{background-color:rgba(59,130,246,.35);border-bottom-color:#60a5fa}.regex-group-hl-1{background-color:rgba(16,185,129,.28);border-bottom:2px solid #10b981;border-radius:2px;padding:0 1px}.regex-group-hl-2{background-color:rgba(245,158,11,.28);border-bottom:2px solid #f59e0b;border-radius:2px;padding:0 1px}.regex-group-hl-3{background-color:rgba(236,72,153,.28);border-bottom:2px solid #ec4899;border-radius:2px;padding:0 1px}.regex-group-hl-4{background-color:rgba(139,92,246,.28);border-bottom:2px solid #8b5cf6;border-radius:2px;padding:0 1px}.regex-group-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.72rem;font-weight:600;font-family:monospace}.regex-badge-g1{background:rgba(16,185,129,.15);color:#059669}.regex-badge-g2{background:rgba(245,158,11,.15);color:#d97706}.regex-badge-g3{background:rgba(236,72,153,.15);color:#db2777}.regex-badge-g4{background:rgba(139,92,246,.15);color:#7c3aed}[data-theme=dark] .regex-badge-g1{color:#34d399}[data-theme=dark] .regex-badge-g2{color:#fbbf24}[data-theme=dark] .regex-badge-g3{color:#f472b6}[data-theme=dark] .regex-badge-g4{color:#a78bfa}.regex-multi-row{display:flex;align-items:center;gap:8px;background:var(--card-bg);padding:6px 10px;border:1px solid var(--border);border-radius:6px}.regex-match-status{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.regex-match-status.pass{background:rgba(16,185,129,.15);color:#10b981}.regex-match-status.fail{background:rgba(239,68,68,.15);color:#ef4444}.regex-expl-token{display:flex;align-items:flex-start;gap:10px;padding:6px 10px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;font-size:.8rem}.regex-expl-badge{background:var(--bg-input);border:1px solid var(--border);padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:700;color:var(--accent);white-space:nowrap}.md-visual-grid{border-collapse:collapse;width:100%;min-width:450px}.md-visual-grid td,.md-visual-grid th{border:1px solid var(--border);padding:2px;position:relative;background:var(--card-bg)}.md-cell-input{width:100%;background:0 0;border:none;outline:0;padding:6px 8px;font-size:.82rem;font-family:inherit;color:var(--text-main)}.md-cell-input:focus{background:var(--accent-glow);border-radius:3px}.md-th-input{font-weight:600}.md-align-btn-group{display:flex;gap:2px;justify-content:center;padding:2px}.md-align-btn{padding:1px 5px;font-size:.68rem;border:1px solid var(--border);background:var(--bg-input);border-radius:3px;cursor:pointer;color:var(--text-muted)}.md-align-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.md-del-btn{padding:1px 4px;font-size:.7rem;border:none;background:0 0;cursor:pointer;color:var(--text-muted);border-radius:3px}.md-del-btn:hover{color:var(--danger,#ef4444);background:rgba(239,68,68,.1)}.md-rendered-table{border-collapse:collapse;width:100%;font-size:.82rem}.md-rendered-table td,.md-rendered-table th{padding:8px 12px;border:1px solid var(--border)}.md-rendered-table th{background:var(--card-bg);font-weight:600}.md-rendered-table tr:nth-child(2n){background:rgba(125,125,125,.04)}.md-rendered-table td.align-left,.md-rendered-table th.align-left{text-align:left}.md-rendered-table td.align-center,.md-rendered-table th.align-center{text-align:center}.md-rendered-table td.align-right,.md-rendered-table th.align-right{text-align:right}.json-diff-container{max-height:520px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.json-diff-tree-item{border-bottom:1px solid var(--border);padding:6px 4px;transition:background-color .15s ease}.json-diff-tree-item:last-child{border-bottom:none}.json-diff-tree-item:hover{background-color:rgba(125,125,125,.05)}.json-diff-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.json-diff-item-path{font-family:monospace;font-size:.8rem;color:var(--accent);font-weight:600;word-break:break-all;max-width:100%}.json-diff-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.json-diff-badge-added{background:var(--diff-add-bg);color:var(--diff-add-text)}.json-diff-badge-removed{background:var(--diff-rem-bg);color:var(--diff-rem-text)}.json-diff-badge-modified{background:var(--warning-bg);color:var(--warning)}.json-diff-badge-type{background:hsla(270,70%,50%,.15);color:#984ce5}.json-diff-diff-box{margin-top:4px;font-family:monospace;font-size:.8rem;display:flex;flex-direction:column;gap:3px;padding-left:12px}.json-diff-line-old{background-color:var(--diff-rem-bg);color:var(--diff-rem-text);padding:3px 8px;border-radius:4px;word-break:break-all;border-left:3px solid var(--error)}.json-diff-line-new{background-color:var(--diff-add-bg);color:var(--diff-add-text);padding:3px 8px;border-radius:4px;word-break:break-all;border-left:3px solid var(--success)}.json-diff-split-code{max-height:520px;overflow-y:auto;overflow-x:auto;line-height:1.5;white-space:pre-wrap;tab-size:2;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.json-diff-split-line{display:flex;padding:1px 4px;border-radius:2px}.json-diff-split-line.diff-line-add{background-color:var(--diff-add-bg);color:var(--diff-add-text)}.json-diff-split-line.diff-line-rem{background-color:var(--diff-rem-bg);color:var(--diff-rem-text)}.json-diff-split-line.diff-line-mod{background-color:var(--warning-bg);color:var(--warning)}.json-diff-split-num{color:var(--text-muted);min-width:28px;user-select:none;opacity:.6;font-size:.72rem}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{padding:6px 10px;border:1px solid var(--border)}.data-table th{background:var(--card-bg);position:sticky;top:0;z-index:2;text-align:left;font-weight:600}.data-table tr:hover{background-color:rgba(125,125,125,.04)}.path-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border-bottom:1px solid var(--border);transition:background .1s ease}.path-list-item:hover{background:rgba(125,125,125,.05)}.path-expr{color:var(--accent);font-weight:600}.path-val-preview{color:var(--text-muted);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}