:root{--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--blue:#0071e3;--soft:#f5f5f7;--card:#ffffffc2}*{box-sizing:border-box}html{background:#fff}body{color:var(--ink);background:linear-gradient(#fff 0%,#fbfbfd 62%,#f5f5f7 100%);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1120px,100% - 40px);margin:0 auto}.nav{border-bottom:1px solid #d2d2d7b3;justify-content:space-between;align-items:center;min-height:54px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:9px;font-size:19px;font-weight:700;display:inline-flex}.brand-logo{object-fit:contain;width:32px;height:32px}.locale{color:var(--muted);gap:5px;font-size:14px;display:flex}.locale a{border-radius:999px;padding:8px 10px}.locale a[aria-current=page]{color:var(--ink);background:var(--soft);font-weight:600}.hero{text-align:center;padding:96px 0 66px}.eyebrow{color:var(--blue);letter-spacing:.02em;font-size:14px;font-weight:700}h1{letter-spacing:-.06em;max-width:820px;margin:14px auto;font-size:clamp(44px,7vw,76px);line-height:1.05}.lede{max-width:620px;color:var(--muted);margin:0 auto;font-size:clamp(18px,2.4vw,22px);line-height:1.45}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:0 0 84px;display:grid}.tool-card,.panel{background:var(--card);border:1px solid #d2d2d7d1;border-radius:24px;box-shadow:0 10px 30px #00000009}.tool-card{padding:28px;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000014}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.directory-controls{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #d2d2d7d9;border-radius:20px;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:12px 18px;margin-bottom:26px;padding:14px;display:grid;position:sticky;top:0;box-shadow:0 10px 30px #0000000d}.directory-search input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:14px;padding:0 15px;font:16px inherit}.directory-search input:focus{border-color:var(--blue);outline:3px solid #0071e31f}.category-tabs{flex-wrap:wrap;gap:7px;display:flex}.category-tabs button{min-height:44px;color:var(--muted);background:var(--soft);padding:0 14px;font-size:13px}.category-tabs button:hover,.category-tabs button.active{color:#fff;background:var(--blue)}.directory-count{color:var(--muted);grid-column:1/-1;margin:0 2px;font-size:12px}.directory-grid{padding-bottom:84px}.directory-empty{min-height:240px;color:var(--muted);text-align:center;margin:0;padding:80px 20px}.tool-card h2{letter-spacing:-.04em;margin:12px 0 8px;font-size:24px}.tool-card p,.copy{color:var(--muted);line-height:1.55}.pill{color:#0663c6;background:#e8f2ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.crumb{color:var(--muted);padding:30px 0 0;font-size:14px}.tool-hero{text-align:center;padding:48px 0 28px}.tool-hero h1{font-size:clamp(32px,5vw,48px)}.tool-hero .lede{font-size:clamp(16px,2vw,19px)}.ip-panel{text-align:center;background:#fff;margin-bottom:22px;padding:clamp(30px,5vw,58px);position:relative;overflow:hidden}.label{color:var(--muted);font-size:15px}.ip{color:#111;letter-spacing:-.045em;overflow-wrap:anywhere;margin:16px 0 26px;font-size:clamp(34px,5vw,52px);font-weight:800}.ip-unavailable{color:var(--muted);cursor:default;font-size:clamp(24px,4vw,36px)}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:0 20px;font:600 15px inherit}button:hover{background:#0077ed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0071e359}.copyable-text{min-height:0;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;margin:0;padding:0;display:inline-flex;position:relative}.copyable-text *{cursor:pointer}.copyable-text.ip{color:#111;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:inline-flex}.copyable-text.ip:hover{color:#111;box-shadow:none;background:0 0}.copyable-text:hover{color:var(--blue);background:0 0}.copy-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;opacity:.48;flex:none;width:16px;height:16px;transition:opacity .15s,transform .15s}.copyable-text:hover .copy-icon,.copyable-text:focus-visible .copy-icon{opacity:1;transform:scale(1.08)}.copyable-text:after{z-index:1;color:#fff;content:attr(data-copied);letter-spacing:0;white-space:nowrap;writing-mode:horizontal-tb;opacity:0;pointer-events:none;background:#1d1d1f;border-radius:7px;width:max-content;padding:5px 8px;font-size:12px;font-weight:600;line-height:1.2;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translate(-3px,-50%)}.copyable-text.is-copied:after{opacity:1;transform:translateY(-50%)}.actions{justify-content:center;margin:0 0 18px;display:flex}.details-trigger{color:#111;background:0 0;border-radius:0;min-height:44px;padding:6px 0;font-size:15px;font-weight:700}.details-trigger:after{content:"⌄";color:var(--muted);margin-left:7px}.details-trigger:hover{color:#111;background:0 0}.details-trigger:disabled{opacity:.6;cursor:wait}.error{color:#b42318}.details-wrap{text-align:left;margin-top:34px}.details-wrap h2{letter-spacing:-.04em;margin:0 0 12px;font-size:22px}.ip-details{text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.detail-row{background:#fff;border-bottom:1px solid #ebebed;min-width:0;padding:15px 16px}.detail-row:nth-last-child(-n+2){border-bottom:0}.ip-details dt{color:var(--muted);font-size:12px}.ip-details dd{overflow-wrap:anywhere;margin:6px 0 0}.ip-details .copyable-text{color:#111;font-size:16px;font-weight:750}.ip-details .copyable-text:hover{color:#111}.ip-details .copyable-text:focus-visible{outline-color:#00000038}.ip-details .copyable-text:after{top:calc(100% + 6px);left:0;right:auto;transform:translateY(-3px)}.ip-details .copyable-text.is-copied:after{transform:translateY(0)}.details{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.details div{background:var(--soft);border-radius:16px;padding:16px}.details span{margin-top:5px;font-weight:650;display:block}.content{max-width:760px;margin:58px auto 86px}.content h2{letter-spacing:-.045em;margin:42px 0 10px;font-size:30px}.content p{color:#424245;line-height:1.7}.faq{border-bottom:1px solid var(--line);padding:20px 0}.faq h3{margin:0 0 8px;font-size:18px}.compact-hero{padding-bottom:36px}.workbench{border:1px solid var(--line);background:#fff;border-radius:24px;padding:clamp(18px,3vw,30px);box-shadow:0 10px 30px #00000009}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.editor-panel{min-width:0;color:var(--muted);flex-direction:column;gap:9px;font-size:13px;font-weight:650;display:flex}.editor-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.editor-label .copyable-text{color:var(--blue);font-size:13px}.editor-label .copyable-text>span{display:none}.editor-label .copyable-text:after{left:auto;right:calc(100% + 8px)}.editor-label a{color:var(--blue);text-underline-offset:3px;-webkit-text-decoration:underline #0071e347;text-decoration:underline #0071e347}.editor-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:310px;color:var(--ink);background:#fbfbfd;border-radius:16px;padding:16px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.editor-panel textarea:focus{border-color:var(--blue);outline:3px solid #0071e31f}.workbench-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.quiet-button{color:var(--muted);background:0 0}.quiet-button:hover{color:var(--ink);background:var(--soft)}.privacy-line{color:var(--muted);margin:14px 0 0;font-size:13px}.related-section{padding-top:64px}.related-section h2{letter-spacing:-.045em;font-size:30px}.related-grid{padding-bottom:64px}.related-grid .tool-card h3{letter-spacing:-.035em;margin:12px 0 8px;font-size:22px}.generator-options{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.generator-options label{min-width:130px;color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.generator-options input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fbfbfd;border-radius:12px;padding:0 12px;font:600 15px inherit}.generator-options input:focus{border-color:var(--blue);outline:3px solid #0071e31f}.generator-output{margin-top:24px}.generator-output pre{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#fbfbfd;border-radius:16px;max-height:360px;padding:16px;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.calculator-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.calculator-fields label{color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.calculator-fields input,.calculator-fields select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fbfbfd;border-radius:12px;padding:0 12px;font:600 15px inherit}.calculator-fields input:focus,.calculator-fields select:focus{border-color:var(--blue);outline:3px solid #0071e31f}.calculator-results{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0 0;display:grid}.calculator-results div{background:var(--soft);border-radius:16px;padding:18px}.calculator-results dt{color:var(--muted);font-size:12px}.calculator-results dd{color:#111;margin:7px 0 0;font-size:22px;font-weight:750}.reference-tool{border:1px solid var(--line);background:#fff;border-radius:24px;padding:clamp(18px,3vw,30px)}.reference-search{color:var(--muted);flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;font-weight:650;display:flex}.reference-search input{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fbfbfd;border-radius:14px;padding:0 14px;font:15px inherit}.reference-search input:focus{border-color:var(--blue);outline:3px solid #0071e31f}.reference-table-wrap{border:1px solid var(--line);border-radius:16px;overflow:auto}.reference-table{border-collapse:collapse;text-align:left;width:100%}.reference-table th,.reference-table td{vertical-align:top;border-bottom:1px solid #ebebed;padding:13px 14px}.reference-table th{color:var(--muted);background:var(--soft);font-size:12px;position:sticky;top:0}.reference-table td:first-child{min-width:130px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.reference-table td:nth-child(2){min-width:130px;font-weight:650}.reference-table tr:last-child td{border-bottom:0}.reference-source{color:var(--muted);margin:16px 0 0;font-size:12px}.reference-source a{color:var(--blue);text-underline-offset:2px;text-decoration:underline}.finance-assumption{color:var(--muted);font-size:12px;line-height:1.6}.finance-assumption a{color:var(--blue);text-underline-offset:2px;text-decoration:underline}.empty-state{color:var(--muted);text-align:center;padding:28px}.crypto-options{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.crypto-options label{min-width:180px;color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.crypto-options select,.crypto-options input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fbfbfd;border-radius:12px;padding:0 12px;font:600 15px inherit}.crypto-options .secret-key-field{flex:280px}.rsa-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.rsa-keys textarea{min-height:180px}.rsa-keys button{grid-column:1/-1;justify-self:start}.lab-options{gap:12px;margin-bottom:16px;display:flex}.lab-options label{color:var(--muted);flex-direction:column;flex:auto;gap:7px;font-size:13px;font-weight:650;display:flex}.lab-options .flags-field{flex:0 0 110px}.lab-options input{border:1px solid var(--line);background:#fbfbfd;border-radius:12px;min-height:44px;padding:0 12px;font:15px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.markdown-preview{border:1px solid var(--line);min-height:310px;color:var(--ink);background:#fbfbfd;border-radius:16px;padding:16px;font:15px/1.65 inherit;overflow:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview pre{background:#ececf0;border-radius:10px;padding:12px;overflow:auto}.markdown-preview img{max-width:100%}.web-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.web-fields label{min-width:0;color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.web-fields input,.web-fields textarea{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fbfbfd;border-radius:13px;padding:11px 13px;font:15px/1.45 inherit}.web-fields textarea{resize:vertical;min-height:100px}.web-fields input:focus,.web-fields textarea:focus{border-color:var(--blue);outline:3px solid #0071e31f}.web-result{margin-top:24px}.web-result pre{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfbfd;border-radius:16px;max-height:420px;padding:16px;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.web-result .calculator-results dd{overflow-wrap:anywhere;font-size:17px}.visual-layout{grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:center;gap:28px;display:grid}.visual-controls{flex-direction:column;gap:14px;display:flex}.visual-controls label{color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.visual-controls input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:100%;height:46px;padding:4px}.visual-controls input[type=range]{width:100%;accent-color:var(--blue)}.visual-controls .check-control{flex-direction:row;align-items:center}.visual-preview{color:#111;overflow-wrap:anywhere;background:#fff;place-items:center;min-height:260px;padding:28px;font-size:clamp(28px,5vw,56px);font-weight:800;display:grid}.visual-code{color:var(--muted);grid-template-columns:1fr auto;gap:9px 16px;margin-top:26px;font-size:13px;font-weight:650;display:grid}.visual-code code{border:1px solid var(--line);color:var(--ink);background:#fbfbfd;border-radius:13px;grid-column:1/-1;padding:14px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 42px;font-size:13px}.image-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.image-fields label{min-width:0;color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.image-fields .wide-field{grid-column:1/-1}.image-fields input,.image-fields select,.image-fields textarea{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fbfbfd;border-radius:13px;padding:10px 12px;font:15px/1.45 inherit}.image-fields input[type=color]{padding:4px}.image-fields input[type=range]{accent-color:var(--blue);border:0;padding:0}.image-fields textarea{resize:vertical;min-height:120px}.file-field input{cursor:pointer;padding:10px}.image-result{margin-top:24px}.image-result img{border:1px solid var(--line);object-fit:contain;background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0/20px 20px;border-radius:16px;width:auto;max-width:100%;max-height:560px;margin:16px auto 0;display:block}.image-stats{color:var(--muted);flex-wrap:wrap;gap:12px 24px;font-size:13px;display:flex}.base64-result{gap:10px;display:grid}.base64-result .copyable-text{width:max-content;color:var(--blue)}.base64-result textarea{resize:vertical;border:1px solid var(--line);overflow-wrap:anywhere;background:#fbfbfd;border-radius:14px;width:100%;min-height:180px;padding:14px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.single-editor{grid-template-columns:1fr}.batch-options{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.batch-options label{min-width:180px;color:var(--muted);flex-direction:column;flex:180px;gap:7px;font-size:13px;font-weight:650;display:flex}.batch-options input,.batch-options select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fbfbfd;border-radius:12px;padding:0 12px;font:15px inherit}.diff-result{border:1px solid var(--line);background:#fbfbfd;border-radius:14px;max-height:480px;margin-top:22px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.diff-result div{white-space:pre-wrap;overflow-wrap:anywhere;grid-template-columns:28px 1fr;padding:3px 10px;display:grid}.diff-added{color:#176b36;background:#e9f7ee}.diff-removed{color:#a12b2b;background:#fff0f0}.diff-same{color:#666}.stopwatch{text-align:center}.stopwatch output{color:#111;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:12px 0 24px;font:800 clamp(42px,9vw,86px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.stopwatch .workbench-actions{justify-content:center}.lap-list{border-top:1px solid var(--line);max-width:520px;margin:24px auto 0;padding:0;list-style:none}.lap-list li{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:12px 4px;display:flex}.lap-list strong{color:var(--ink);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.developer-utility>.editor-panel textarea{min-height:220px}.font-preview{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfbfd;border-radius:18px;min-height:220px;margin-top:20px;padding:24px}.color-controls{flex-wrap:wrap;gap:14px;display:flex}.color-controls label,.color-converter-grid label{min-width:180px;color:var(--muted);flex-direction:column;flex:180px;gap:7px;font-size:13px;font-weight:650;display:flex}.color-controls input,.color-controls select,.color-converter-grid input{border:1px solid var(--line);background:#fbfbfd;border-radius:12px;width:100%;min-height:44px;padding:5px 10px}.palette-grid{border-radius:18px;grid-template-columns:repeat(5,1fr);min-height:260px;margin-top:22px;display:grid;overflow:hidden}.palette-swatch{justify-content:center;align-items:flex-end;padding:15px 6px;display:flex}.palette-swatch .copyable-text{color:#fff;text-shadow:0 1px 2px #000;background:#00000075;border-radius:7px;max-width:100%;padding:5px 7px;font-size:11px}.color-converter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.color-converter-grid>div{flex-direction:column;gap:12px;display:flex}.color-results{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px;display:grid}.color-results>div{border-radius:18px;place-items:center;min-height:140px;padding:20px;display:grid}.color-results .copyable-text{color:#fff;text-shadow:0 1px 2px #000;background:#00000085;border-radius:8px;padding:7px 10px}.calendar-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.calendar-inputs fieldset{border:1px solid var(--line);border-radius:16px;min-width:0;margin:0;padding:18px}.calendar-inputs legend{padding:0 7px;font-weight:700}.calendar-inputs fieldset>label:not(.leap-field){color:var(--muted);flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;font-weight:650;display:flex}.calendar-inputs input{border:1px solid var(--line);background:#fbfbfd;border-radius:12px;min-height:44px;padding:0 11px}.calendar-inputs .calculator-fields{grid-template-columns:repeat(3,1fr)}.leap-field{color:var(--muted);align-items:center;gap:8px;margin:0 0 15px;font-size:13px;display:flex}.leap-field input{min-height:0}.live-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.live-fields label{min-width:0;color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.live-fields .wide-field{grid-column:1/-1}.live-fields input,.live-fields select,.live-fields textarea{border:1px solid var(--line);background:#fbfbfd;border-radius:13px;width:100%;min-height:46px;padding:10px 12px;font:15px/1.45 inherit}.live-fields textarea{resize:vertical;min-height:150px}.live-result{margin-top:26px}.live-result h3{margin:0 0 15px}.live-primary{background:var(--soft);border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;display:flex}.live-primary .copyable-text{color:#111;font-size:clamp(24px,5vw,42px);font-weight:800}.live-primary small,.data-source{color:var(--muted)}.weather-current{flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin-bottom:18px;display:flex}.weather-current strong{font-size:clamp(38px,7vw,64px)}.weather-current span{color:var(--muted)}.forecast-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.forecast-grid div{background:var(--soft);text-align:center;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:13px 9px;display:flex}.forecast-grid span,.forecast-grid small{font-size:12px}.data-source{margin:14px 0 0;font-size:12px}.match-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.match-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.match-grid article>small,.match-grid time{color:var(--muted);font-size:11px;display:block}.match-grid article>div{grid-template-columns:1fr auto;gap:12px;margin-top:9px;display:grid}.match-grid article strong{font-size:20px}.match-grid time{margin-top:10px}.data-source a{color:var(--blue);text-underline-offset:2px;text-decoration:underline}.identity-utility>.editor-panel input{border:1px solid var(--line);background:#fbfbfd;border-radius:13px;min-height:48px;padding:0 13px;font:16px ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:760px){.editor-grid,.visual-layout,.rsa-keys,.calendar-inputs{grid-template-columns:1fr}.editor-panel textarea{min-height:220px}.visual-preview{min-height:210px}.forecast-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:620px){.shell{width:min(100% - 28px,1120px)}.hero{padding:66px 0 46px}.directory-controls{grid-template-columns:1fr;padding:11px;position:static}.category-tabs{grid-template-columns:repeat(2,1fr);display:grid}.category-tabs button{padding:0 8px}.directory-count{grid-column:auto}.details,.ip-details,.web-fields,.image-fields,.color-converter-grid,.color-results,.live-fields{grid-template-columns:1fr}.live-fields .wide-field{grid-column:auto}.forecast-grid{grid-template-columns:repeat(2,1fr)}.palette-grid{grid-template-columns:1fr}.palette-swatch{min-height:90px}.image-fields .wide-field{grid-column:auto}.detail-row:nth-last-child(-n+2){border-bottom:1px solid #ebebed}.detail-row:last-child{border-bottom:0}.nav{min-height:50px}.workbench{border-radius:20px;padding:16px}.workbench-actions button{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.category-hubs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px;display:grid}.category-hubs a{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:7px;min-height:128px;padding:20px;transition:border-color .16s,transform .16s;display:flex}.category-hubs a:hover{border-color:#9abce0;transform:translateY(-2px)}.category-hubs span,.category-total{color:var(--muted);line-height:1.55}.tool-guide ol{padding-left:1.4rem;line-height:1.75}.tool-tags{flex-wrap:wrap;justify-content:center;gap:7px;margin:-18px 0 28px;padding:0;list-style:none;display:flex}.tool-tags li{color:var(--muted);background:var(--soft);border-radius:999px;padding:5px 9px;font-size:12px}.ad-slot{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:120px;margin:42px 0;padding:12px;overflow:hidden}.ad-slot>span{color:var(--muted);text-align:center;margin-bottom:8px;font-size:11px;display:block}@media (max-width:620px){.category-hubs{grid-template-columns:1fr}.category-hubs a{min-height:auto}}