.utilities-app{color:#202c3c;width:100%;max-width:1200px;margin:0 auto;padding:0 36px}.utilities-header{border-bottom:1px solid #dbe1e8;justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.utilities-header nav{gap:24px;font-size:14px;display:flex}.utilities-header nav a{color:#55667d;text-decoration:none}.utilities-intro{padding:52px 0 40px}.utility-eyebrow{letter-spacing:1.6px;color:#687990;font-size:12px;font-weight:700}.utilities-intro h1{letter-spacing:-3px;margin:19px 0;font:750 clamp(42px,6vw,72px)/1.08 Arial,sans-serif}.utilities-intro h1 em{color:#254bfa;font-family:Georgia,serif;font-weight:400}.utilities-intro p{color:#637085;margin:18px 0;font-size:18px;line-height:1.75}.utility-private{color:#4e647e;font-size:13px;line-height:1.6;display:inline-block}.utility-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 54px;display:grid}.utility-cards>a{color:inherit;background:#fff;border:1px solid #dce3eb;border-radius:12px;flex-direction:column;padding:25px;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex}.utility-cards>a:hover{border-color:#254bfa;box-shadow:0 8px 25px #254bfa0d}.utility-card-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.utility-card-top>span:last-child{letter-spacing:1px;color:#788698;font-size:11px;font-weight:700}.utility-glyph{color:#254bfa;background:#edf2ff;border-radius:10px;place-items:center;width:43px;height:43px;font:700 23px monospace;display:grid}.utility-cards h2{letter-spacing:-.5px;margin:23px 0 12px;font:700 22px Arial}.utility-cards p{color:#69788a;flex:1;font-size:15px;line-height:1.8}.utility-cards strong{color:#254bfa;justify-content:space-between;align-items:center;padding-top:20px;font-size:14px;display:flex}.utility-back{color:#566d87;margin-top:27px;font-size:14px;text-decoration:none;display:inline-block}.utility-page-heading{padding:24px 0 27px}.utility-page-heading h1{letter-spacing:-1.5px;margin:13px 0;font:700 clamp(30px,4vw,43px)/1.15 Arial}.utility-page-heading p{color:#68788a;margin:0 0 13px;font-size:16px;line-height:1.8}.utility-workbench{background:#fff;border:1px solid #d8e1eb;border-radius:14px;margin-bottom:50px;padding:28px}.utility-workbench label{color:#4c6078;font-size:14px;font-weight:600;line-height:1.6;display:block}.utility-workbench input:not([type=file]):not([type=checkbox]):not([type=range]):not([type=color]),.utility-workbench select{color:#2e435b;background:#fff;border:1px solid #cdd9e6;border-radius:7px;width:100%;min-height:44px;margin:7px 0 16px;padding:10px 12px;font-size:16px}.utility-workbench textarea{resize:vertical;color:#263c53;tab-size:2;background:#fcfdff;border:1px solid #cdd9e6;border-radius:8px;width:100%;min-height:200px;margin:8px 0;padding:14px;font:14px/1.7 Consolas,monospace;display:block}.utility-workbench :is(textarea,input,select,button,a):focus-visible{outline-offset:3px;outline:2px solid #254bfa}.utility-options{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.utility-options>label{flex:1;min-width:170px}.utility-options select{margin-bottom:12px}.utility-workbench button,.utility-workbench .utility-primary{color:#425f80;cursor:pointer;background:#fff;border:1px solid #d0dbe7;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.utility-workbench .utility-primary{color:#fff;background:#254bfa;border-color:#254bfa}.utility-workbench button:disabled{opacity:.4;cursor:default}.utility-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.utility-file{cursor:pointer;background:#f7faff;border:1px dashed #b6c8df;border-radius:7px;max-width:max-content;min-height:42px;padding:11px 16px;position:relative;overflow:hidden}.utility-file input{max-width:100%;margin-top:7px;font-size:13px;font-weight:400;display:block}.utility-output{border-top:1px solid #e1e7ef;margin-top:24px;padding-top:21px}.utility-output-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.utility-output-heading>div{gap:8px;display:flex}.utility-output-heading button{min-height:36px;padding:8px 12px;font-size:13px}.utility-status{color:#416d55;min-height:20px;margin:7px 0;font-size:13px}.utility-note{color:#728298;margin:16px 0 0;font-size:13px;line-height:1.8}.utility-error,.utility-success{color:#a54232;overflow-wrap:anywhere;background:#fff0ec;border-radius:7px;margin:14px 0;padding:12px 16px;font-size:14px;line-height:1.7}.utility-success{color:#32694a;background:#edf6ef}.utility-two-columns{grid-template-columns:1fr 1fr;gap:35px;display:grid}.utility-two-columns h2{color:#2b425f;margin:0 0 24px;font:700 20px Arial}.utility-checkbox{align-items:flex-start;gap:10px;margin:16px 0;font-weight:400!important;display:flex!important}.utility-checkbox input{accent-color:#254bfa;margin-top:5px}.utility-file-name{overflow-wrap:anywhere;color:#516980;font-size:14px}.utility-dropzone{text-align:center;cursor:pointer;background:#f5f8ff;border:2px dashed #c4d2e5;border-radius:10px;padding:30px}.utility-dropzone strong{color:#36577f;font-size:18px;display:block}.utility-dropzone span{color:#687f9b;margin:8px 0 20px;font-size:13px;font-weight:400;display:block}.utility-dropzone input{max-width:100%;font-size:14px}.utility-image-layout{grid-template-columns:minmax(0,1.3fr) 1fr;align-items:start;gap:30px;margin-top:27px;display:grid}.utility-image-preview{text-align:center;background:#eef2f6;border:1px solid #d8e0e8;border-radius:8px;min-width:0;padding:15px}.utility-image-preview img{object-fit:contain;max-width:100%;max-height:410px;margin:0 auto 15px;display:block}.utility-image-preview span{color:#728398;font-size:13px}.utility-image-options input[type=range]{accent-color:#254bfa;width:100%;margin:14px 0 23px;display:block}.utility-image-options input[type=color]{width:70px;height:40px;margin:8px 0 20px;display:block}.utility-image-result p{color:#3b7660;margin:20px 0 10px;font-size:14px}.utilities-footer{color:#78889a;border-top:1px solid #dbe1e8;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 35px;font-size:13px;display:flex}.utilities-footer a{color:#576f8c}@media (max-width:950px){.utility-cards{grid-template-columns:1fr 1fr}}@media (max-width:650px){.utilities-app{padding:0 18px}.utilities-header{flex-wrap:wrap;gap:18px;padding:20px 0}.utilities-header nav{gap:24px}.utilities-intro{padding:35px 0}.utilities-intro h1{letter-spacing:-2px}.utility-cards{grid-template-columns:1fr}.utility-workbench{padding:20px 15px}.utility-options{gap:9px}.utility-options>label{min-width:140px}.utility-two-columns,.utility-image-layout{grid-template-columns:1fr;gap:30px}.utility-two-columns>section+section{border-top:1px solid #dfe7ef;padding-top:27px}.utility-workbench textarea{min-height:180px;font-size:16px}.utilities-footer{flex-direction:column;align-items:flex-start}.utility-dropzone{padding:23px 14px}}@media (prefers-reduced-motion:reduce){.utility-cards>a{transition:none}}.utility-directory{scroll-margin-top:24px}.utility-search{margin:0 0 20px}.utility-search>label{margin-bottom:12px;font-size:17px;font-weight:700;display:block}.utility-search>div{background:#fff;border:1px solid #c5d3e5;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:0 14px;display:flex}.utility-search input{min-width:0;color:inherit;background:0 0;border:0;outline:none;flex:1;height:54px;font-size:16px}.utility-search>div:focus-within{outline-offset:3px;outline:2px solid #254bfa}.utility-search button{color:inherit;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid}.utility-filters{flex-wrap:wrap;gap:8px;display:flex}.utility-filters button,.utility-empty button{color:#52647c;cursor:pointer;background:#fff;border:1px solid #ced9e6;border-radius:24px;min-height:44px;padding:9px 16px;font-size:14px;font-weight:600}.utility-filters button[aria-pressed=true]{color:#fff;background:#254bfa;border-color:#254bfa}.utility-result-count{color:#67768a;margin:22px 0 16px;font-size:14px}.utility-empty{text-align:center;padding:30px 20px 50px}.utility-empty h2{font-size:23px}.utility-empty p{margin:16px 0;line-height:1.7}.utility-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:20px 0;display:grid}.utility-stats>div{background:#f1f5fc;border:1px solid #dfe7f3;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}.utility-stats strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:22px}.utility-stats span{color:#607187;font-size:13px}.utility-fieldset{border:1px solid #dbe3ee;border-radius:9px;grid-template-columns:1fr 1fr;gap:0 20px;min-inline-size:0;padding:12px 18px;display:grid}.utility-fieldset legend{padding:0 8px;font-size:15px;font-weight:600}.utility-workbench .utility-checkbox{align-items:center;min-width:0;min-height:44px;margin:4px 0}.utility-checkbox input{flex-shrink:0;width:19px;height:19px;margin:0}.utility-workbench .utility-short-input{min-height:105px}.utility-workbench>h2,.utility-workbench section>h2{margin:20px 0;font-size:20px;font-weight:700;line-height:1.4}.utility-workbench button,.utility-workbench .utility-primary,.utility-output-heading button{min-height:44px}.utility-divider{border:0;border-top:1px solid #dbe3ee;margin:30px 0}.utility-two-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.utility-two-columns>*{min-width:0}.utility-workbench input[type=color]{cursor:pointer;border:1px solid #cdd9e6;border-radius:7px;width:64px;height:44px}.utility-query-rows>div{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;align-items:center;gap:12px;display:grid}.utility-query-rows input{margin-bottom:0!important}.utility-query-rows>div+div{margin-top:10px}.utility-diff{border:1px solid #dbe3ee;border-radius:8px;max-height:500px;overflow:hidden auto}.utility-diff>div{grid-template-columns:32px 32px 16px minmax(0,1fr);gap:6px;padding:7px 10px;font:13px/1.7 monospace;display:grid}.utility-diff code{white-space:pre-wrap;overflow-wrap:anywhere}.utility-diff span{text-align:right;opacity:.7;-webkit-user-select:none;user-select:none}.diff-added{color:#245738;background:#eaf7ed}.diff-removed{color:#8b332d;background:#fcebea}.diff-same{background:#f8fafe}.utility-color-preview{overflow-wrap:anywhere;border:1px solid #dbe3ee;border-radius:12px;flex-direction:column;gap:18px;margin:20px 0;padding:30px;display:flex}.utility-color-preview strong{font:700 50px/1 Arial}.utility-color-preview span{font-size:18px;line-height:1.6}.utility-details>div{border-bottom:1px solid #dbe3ee;padding:14px 0}.utility-details dt{font-size:14px;font-weight:700}.utility-details dd{overflow-wrap:anywhere;margin:7px 0;font-size:15px;line-height:1.7}.utility-callout{background:#f1f5fc;border-left:3px solid #254bfa;padding:14px}.utility-table-scroll{border:1px solid #dbe3ee;border-radius:8px;max-width:100%;max-height:320px;margin:18px 0;overflow:auto}.utility-table-scroll table{border-collapse:collapse;width:100%;font-size:14px}.utility-table-scroll caption{text-align:left;padding:12px;font-size:13px}.utility-table-scroll :is(th,td){text-align:left;overflow-wrap:anywhere;border-top:1px solid #dbe3ee;min-width:100px;max-width:300px;padding:10px 13px}.utility-camera{margin-top:14px}.utility-related{border-top:1px solid #dbe3ee;padding:25px 0 45px}.utility-related h2{margin-bottom:15px;font-size:23px;font-weight:700}.utility-related nav{flex-wrap:wrap;gap:12px;display:flex}.utility-related a{color:#254bfa;border:1px solid #dbe3ee;border-radius:8px;min-height:44px;padding:12px 16px;font-size:15px}.utility-image-options .utility-options>label{min-width:120px}.utility-workbench textarea{max-width:100%}.utility-workbench{min-width:0}.utility-workbench .utility-options>label{max-width:100%}:is(.utility-filters button:focus-visible,.utility-related a:focus-visible){outline-offset:3px;outline:2px solid #254bfa}html[data-theme=dark] :is(.utility-search>div,.utility-filters button,.utility-empty button,.utility-stats>div,.utility-fieldset,.utility-diff,.utility-details>div,.utility-table-scroll,.utility-table-scroll th,.utility-table-scroll td,.utility-related,.utility-related a,.utility-divider){border-color:#4a5e6c}html[data-theme=dark] :is(.utility-search>div,.utility-filters button,.utility-empty button,.utility-stats>div,.utility-callout){color:#e8edf0;background:#23323d}html[data-theme=dark] .utility-filters button[aria-pressed=true]{color:#fff;background:#395ee7}html[data-theme=dark] .utility-stats span{color:#b6c5d1}html[data-theme=dark] .diff-same{color:#e8edf0;background:#17232c}html[data-theme=dark] .diff-added{color:#c5f4d2;background:#204332}html[data-theme=dark] .diff-removed{color:#ffccc4;background:#4c2927}html[data-theme=dark] .utility-related a{color:#a4c4ff}html[data-theme=dark] .utility-callout{border-left-color:#a4c4ff}@media (max-width:650px){.utility-two-columns{grid-template-columns:minmax(0,1fr)}.utility-fieldset{grid-template-columns:1fr;padding:10px 14px}.utility-query-rows>div{grid-template-columns:minmax(0,1fr) auto;gap:8px}.utility-query-rows>div>label:first-child{grid-column:1/-1}.utility-query-rows>div+div{border-top:1px solid #dbe3ee;margin-top:15px;padding-top:15px}.utility-query-rows button{align-self:end}.utility-query-rows input{margin-bottom:0}.utility-image-layout{grid-template-columns:minmax(0,1fr)}.utility-stats>div{padding:13px}.utility-diff>div{grid-template-columns:24px 24px 12px minmax(0,1fr);gap:4px;padding:7px 6px}.utility-color-preview{padding:22px}.utility-actions>button{flex:auto}.utility-options>label{flex-basis:100%}.utility-output-heading>div{flex-wrap:wrap}.utility-filters{gap:7px}.utility-filters button{padding:8px 13px}.utility-image-options .utility-options>label{min-width:0}.utilities-intro{padding-bottom:24px}}.utility-search input::-webkit-search-cancel-button{display:none}