.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}}