.utility-tool{max-width:1180px}.utility-title{display:flex;align-items:center;gap:16px}.utility-title>i{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#e8f4f7;color:#176b87;font-size:25px}.utility-title h1{margin:0}.utility-workspace{display:grid;gap:18px;padding:clamp(20px,4vw,36px)}.utility-form{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-workspace label{display:grid;gap:8px;font-weight:700;color:#243b4a}.utility-workspace input,.utility-workspace select,.utility-workspace textarea{width:100%;border:1px solid #cbd9df;border-radius:10px;padding:12px;background:#fff;color:#142b38;font:inherit}.utility-workspace textarea{resize:vertical}.drop-field{padding:28px;border:2px dashed #b7cdd6;border-radius:14px;text-align:center;background:#f8fbfc}.drop-field input{margin-top:10px}.utility-results{display:grid;gap:12px;margin-top:4px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.name-card,.result-card{padding:16px;border:1px solid #d9e5e9;border-radius:12px;background:#f8fbfc}.name-card{display:flex;justify-content:space-between;align-items:center;gap:10px}.name-card button,.color-result button,.palette-item button{border:0;background:transparent;color:#176b87;cursor:pointer}.image-canvas{max-width:100%;max-height:620px;border-radius:12px;box-shadow:0 5px 24px #173b4a1a;cursor:crosshair}.color-result{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #d9e5e9;border-radius:12px}.color-result span{width:42px;height:42px;border-radius:10px;border:1px solid #ccd}.favicon-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.favicon-grid a{display:grid;place-items:center;gap:8px;padding:14px;border:1px solid #d9e5e9;border-radius:12px;color:#176b87;text-decoration:none}.flash-study{display:grid;grid-template-columns:auto minmax(220px,520px) auto;align-items:center;justify-content:center;gap:12px}.flash-study>button{border:0;background:#e8f4f7;border-radius:50%;width:42px;height:42px}.flash-study article{min-height:220px;display:grid;place-items:center;padding:24px;border-radius:16px;background:linear-gradient(145deg,#176b87,#0d4f68);color:#fff;text-align:center;cursor:pointer;white-space:pre-wrap}.flash-row,.expense-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #e0e8eb;border-radius:10px}.inline-file{display:inline-grid!important}.centered{place-items:center}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.palette-item{overflow:hidden;border:1px solid #d9e5e9;border-radius:12px}.palette-item>span{display:block;height:72px}.palette-item>button{width:100%;padding:10px}.utility-error{padding:12px;border-radius:9px;background:#fff0f0;color:#a52222}.utility-status{color:#49616e}.budget-results,.base-results{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.budget-results article,.base-results article{padding:18px;border-radius:12px;background:#f0f8fa}.budget-results strong,.base-results strong{display:block;font-size:1.3rem;margin-top:5px}.color-pair{display:flex;gap:8px}.color-pair input{height:48px}.utility-hint{color:#617580}.edu-secondary{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;border:1px solid #176b87;border-radius:9px;background:#fff;color:#176b87;font-weight:700;cursor:pointer;text-decoration:none}.edu-primary,.edu-secondary{justify-self:start}@media(max-width:680px){.grid-2{grid-template-columns:1fr}.flash-row,.expense-row{grid-template-columns:1fr}.flash-study{grid-template-columns:1fr}.flash-study>button{display:none}.edu-primary,.edu-secondary{justify-self:stretch}.utility-title{align-items:flex-start}}