.tool-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.tool-actions button{display:flex;min-height:40px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--ink);padding:0 13px;font-weight:700;transition:border-color .2s,box-shadow .2s}.tool-actions button:hover{border-color:var(--brand);box-shadow:0 0 12px #8b5cf633}.tool-actions button.active{border-color:#f871718c;color:var(--error)}.tool-loading{display:grid;min-height:180px;place-items:center;color:var(--muted)}.security-note{margin:0;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;background:#fbbf2412;padding:12px 14px;color:#e9c979;line-height:1.6}.jwt-grid,.split-editors,.markdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jwt-grid>div,.markdown-grid>div{min-width:0}.jwt-grid pre{min-height:160px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);padding:14px;white-space:pre-wrap;overflow-wrap:anywhere}.split-editors label,.markdown-grid strong{display:grid;gap:8px;font-weight:750}.diff-output{min-height:130px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);padding:16px;line-height:1.8;white-space:pre-wrap}.diff-output .added,.diff-legend .added{background:#34d39924;color:#6ee7b7}.diff-output .removed,.diff-legend .removed{background:#f8717124;color:#fca5a5;text-decoration:line-through}.diff-legend{display:flex;gap:10px}.diff-legend span{border-radius:4px;padding:4px 8px;font-size:12px}.markdown-preview{box-sizing:border-box;min-height:180px;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);padding:14px;line-height:1.7}.markdown-preview :first-child{margin-top:0}.markdown-preview pre{overflow:auto;border:1px solid var(--line);border-radius:6px;background:#0b0b14;color:var(--ink);padding:12px}.csv-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.csv-controls label{margin:0}.csv-controls label input{position:absolute;width:1px;height:1px;opacity:0}.csv-controls span{color:var(--muted);font-size:13px}.table-scroll{max-height:500px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.table-scroll table{width:100%;border-collapse:collapse;font-size:14px}.table-scroll th{position:sticky;top:0;z-index:1;background:#16162a;text-align:left}.table-scroll th,.table-scroll td{max-width:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px;overflow-wrap:anywhere}.qr-shell{display:grid;gap:18px}.qr-shell textarea{box-sizing:border-box;min-height:90px;padding:12px;resize:vertical}.qr-shell img{width:min(100%,420px);justify-self:center;image-rendering:pixelated}.qr-shell .button{justify-self:center}.area{box-sizing:border-box;width:100%;min-height:180px;padding:12px;resize:vertical}.workbench{display:grid;gap:13px}.workbench label{display:block;margin-bottom:7px;font-weight:750}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .button{text-transform:capitalize}.error{margin:0;color:var(--error)}.copy{display:flex;align-items:center;gap:7px;justify-self:start;border:0;background:transparent;color:var(--brand-light);font-weight:750}.copy:hover{text-shadow:0 0 10px rgba(139,92,246,.5)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}.stats div{display:flex;min-height:100px;align-items:center;justify-content:center;flex-direction:column;background:var(--surface)}.stats strong{font-size:28px;font-variant-numeric:tabular-nums}.stats span{color:var(--muted);font-size:13px}.stroke-anim{animation:stroke-draw .5s ease forwards}@keyframes stroke-draw{to{stroke-dashoffset:0}}.number-tool{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result{display:flex;min-height:120px;grid-column:1/-1;align-items:center;justify-content:center;flex-direction:column;border-top:1px solid var(--line);text-align:center}.result span,.result small{color:var(--muted)}.result strong{font-size:40px;overflow-wrap:anywhere}.result .date-result{font-size:24px}.uuid-list{display:grid;gap:8px;margin-bottom:18px}.uuid-list code{overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised);padding:11px}.regex-row,.unit-pair{display:grid;grid-template-columns:1fr 110px;gap:8px}.match-list,.base-results{display:grid;gap:8px}.match-list code,.base-results div{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised);padding:10px}.base-results span{color:var(--muted)}.hash-output{min-height:110px}.range-label{display:grid!important;gap:8px}.range-label input{width:100%}.lorem{min-height:280px}.finance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.finance-grid .result{grid-column:1/-1}.number-tool>.button{grid-column:1/-1;justify-self:center}.image-tool{display:grid;gap:18px}.upload-zone{display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--line-strong);border-radius:10px;background:#8b5cf60d;cursor:pointer;transition:border-color .2s,box-shadow .2s}.upload-zone:hover{border-color:var(--brand);box-shadow:0 0 18px #8b5cf626}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-zone span{margin-top:6px;color:var(--muted);font-size:13px}.dimension-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-tool canvas{max-width:100%;max-height:520px;justify-self:center;border:1px solid var(--line);background:#fff}.image-tool>.button{justify-self:center}.base64-image{min-height:280px}.ip-result{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.ip-result>span,.ip-result>div{color:var(--muted)}.ip-result>strong{margin:10px 0;font-size:clamp(28px,6vw,48px);overflow-wrap:anywhere}.picker-result{display:grid;min-height:150px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);font-size:clamp(30px,7vw,56px);font-variant-numeric:tabular-nums;font-weight:850}.picker-result.coin{aspect-ratio:1;min-height:0;width:min(240px,80%);justify-self:center;border:none;border-radius:50%;background:linear-gradient(135deg,#fde68a,var(--accent));box-shadow:0 0 32px #fbbf244d;color:#451a03}.workbench>.button{justify-self:center}.ascii-preview{max-height:480px;overflow:auto;margin:0;border:1px solid var(--line);border-radius:8px;background:#0b0b14;box-shadow:inset 0 0 24px #22d3ee0f;padding:12px;color:#67e8f9;text-shadow:0 0 6px rgba(34,211,238,.4);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:7px;line-height:1;letter-spacing:0;white-space:pre}.mosaic-canvas{touch-action:none;cursor:crosshair}.watermark-canvas{touch-action:none;cursor:move}.watermark-hint{margin:0;color:var(--muted);font-size:13px;text-align:center}.color-input{padding:4px}.mirage-stage{display:grid;justify-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;padding:16px}.mirage-views{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.mirage-views figure,.slice-grid figure,.ico-previews figure{display:grid;justify-items:center;gap:8px;margin:0;color:var(--muted);font-size:13px}.slice-grid{display:grid;gap:10px}.slice-grid img{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised)}.webp-list{display:grid;gap:10px}.webp-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);padding:10px 14px}.webp-item img{width:56px;height:56px;border:1px solid var(--line);object-fit:cover}.webp-item span{display:grid;flex:1;overflow-wrap:anywhere}.webp-item small{color:var(--muted)}.barcode-canvas{justify-self:center}.picker-canvas,.circle-canvas{touch-action:none;cursor:crosshair}.circle-canvas{width:min(100%,460px)}.color-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;gap:10px}.color-chip{min-height:56px;border:1px solid var(--line);border-radius:8px}.swatch-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.swatch-row button{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.ico-previews{display:flex;align-items:end;justify-content:center;gap:20px}.ico-previews img{border:1px solid var(--line);border-radius:6px;background:var(--surface-raised)}.avatar-palettes{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.avatar-palettes button{display:grid;aspect-ratio:1;place-items:center;border:2px solid transparent;border-radius:8px;font-weight:800}.avatar-palettes button.active{border-color:var(--brand);box-shadow:0 0 12px #8b5cf659}.avatar-preview{max-width:min(100%,256px)}.segmented{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.segmented button{border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--ink);padding:8px 14px;font-weight:700;transition:border-color .2s,box-shadow .2s}.segmented button:hover{border-color:var(--brand)}.segmented button.active{border-color:var(--brand);background:#8b5cf624;box-shadow:0 0 12px #8b5cf640;color:var(--brand-light)}.wheel-shell{display:grid;gap:18px}.wheel-shell>.button{justify-self:center}.wheel-canvas{width:min(100%,460px);justify-self:center}.ruler-shell,.protractor-shell{display:grid;gap:16px}.ruler-canvas{display:block;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.protractor-canvas{width:min(100%,480px);justify-self:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);touch-action:none;cursor:grab}.calibration-bar-wrap{grid-column:1/-1;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);padding:10px}.calibration-bar{height:24px;border-radius:5px;background:linear-gradient(90deg,var(--brand-dark),var(--brand));box-shadow:0 0 14px #8b5cf659}.tool-note{margin:0;grid-column:1/-1;color:var(--muted);font-size:13px;text-align:center}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.compare-panel{display:grid;align-content:start;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.row-list{display:grid;gap:10px}.row-list .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:end;gap:8px}.steps{margin:0;grid-column:1/-1;color:var(--muted);font-size:14px;line-height:1.7}.schedule-table,.schedule-details{grid-column:1/-1}.schedule-details summary{padding:10px 0}.screen-tester-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screen-tester-cards>div{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.screen-tester-cards p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.screen-tester-overlay{position:fixed;inset:0;z-index:60;cursor:pointer}.screen-tester-hud{position:absolute;top:16px;left:50%;display:flex;align-items:center;gap:12px;transform:translate(-50%);border-radius:999px;background:#141414a6;padding:8px 16px;color:#fff;font-size:14px;cursor:default}.screen-tester-hud button{border:1px solid rgba(255,255,255,.55);border-radius:999px;background:transparent;padding:4px 12px;color:#fff;font-weight:700}@media(max-width:560px){.stats{grid-template-columns:1fr 1fr}.number-tool,.finance-grid{grid-template-columns:1fr}.regex-row{grid-template-columns:1fr 80px}.dimension-row,.jwt-grid,.split-editors,.markdown-grid,.csv-controls,.screen-tester-cards{grid-template-columns:1fr}}.tool-head[data-astro-cid-spm7pgen]{padding-block:55px;border-bottom:1px solid var(--line);background-color:var(--soft);background-image:radial-gradient(ellipse 50% 90% at 80% 0%,rgba(139,92,246,.1),transparent)}.crumb[data-astro-cid-spm7pgen]{display:flex;gap:9px;color:var(--muted);font-size:14px}.tool-head[data-astro-cid-spm7pgen] h1[data-astro-cid-spm7pgen]{margin:24px 0 12px;font-size:clamp(36px,6vw,58px)}.tool-head[data-astro-cid-spm7pgen] p[data-astro-cid-spm7pgen]{max-width:750px;color:var(--muted);font-size:18px;line-height:1.65}.tool-body[data-astro-cid-spm7pgen]>.container[data-astro-cid-spm7pgen]{max-width:940px}.privacy-note[data-astro-cid-spm7pgen]{text-align:center;color:var(--muted);font-size:14px}.content-grid[data-astro-cid-spm7pgen]{margin-top:60px}.content-grid[data-astro-cid-spm7pgen] h2[data-astro-cid-spm7pgen],.related[data-astro-cid-spm7pgen] h2[data-astro-cid-spm7pgen]{margin:42px 0 20px;font-size:28px}.feature-row[data-astro-cid-spm7pgen]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-row[data-astro-cid-spm7pgen]>div[data-astro-cid-spm7pgen],details[data-astro-cid-spm7pgen]{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:20px}.feature-row[data-astro-cid-spm7pgen] p[data-astro-cid-spm7pgen],details[data-astro-cid-spm7pgen] p[data-astro-cid-spm7pgen]{color:var(--muted);line-height:1.7}summary[data-astro-cid-spm7pgen]{font-weight:750;cursor:pointer}.related[data-astro-cid-spm7pgen]{margin-top:70px}@media(max-width:600px){.feature-row[data-astro-cid-spm7pgen]{grid-template-columns:1fr}}