.ut-page{background:#f6f7f9;color:#101828;min-height:70vh}.ut-shell{width:min(1120px,calc(100% - 40px));margin:auto}.ut-hero{background:linear-gradient(135deg,#101828,#344054);color:#fff;padding:48px 0}.ut-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#f97066}.ut-hero h1{font-size:clamp(34px,5vw,52px);margin:8px 0 10px;letter-spacing:-.035em}.ut-hero p{max-width:720px;color:#d0d5dd;line-height:1.65;margin:0}.ut-main{padding:34px 0 58px}.ut-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:24px;box-shadow:0 8px 26px rgba(16,24,40,.045);margin-bottom:20px}.ut-card h2{margin:0 0 6px;font-size:22px}.ut-card>p{color:#667085;margin:0 0 20px;line-height:1.6}.ut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ut-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ut-field label{display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:#344054}.ut-field input,.ut-field select,.ut-field textarea{box-sizing:border-box;width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:12px;font:inherit;background:#fff;color:#101828}.ut-field textarea{min-height:190px;resize:vertical;line-height:1.55}.ut-field input,.ut-field select{height:48px}.ut-field input:focus,.ut-field select:focus,.ut-field textarea:focus{outline:3px solid rgba(180,35,24,.09);border-color:#b42318}.ut-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ut-btn{border:0;border-radius:9px;padding:12px 17px;background:#b42318;color:#fff;font-weight:800;cursor:pointer}.ut-btn.alt{background:#344054}.ut-btn.light{background:#f2f4f7;color:#344054;border:1px solid #d0d5dd}.ut-result{margin-top:18px;background:#101828;color:#fff;border-radius:12px;padding:18px;line-height:1.65;overflow-wrap:anywhere}.ut-result strong{font-size:22px}.ut-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.ut-stat{background:#f9fafb;border:1px solid #e4e7ec;border-radius:10px;padding:13px}.ut-stat span{display:block;color:#667085;font-size:11px;text-transform:uppercase;font-weight:800}.ut-stat b{font-size:20px}.ut-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}.ut-table th,.ut-table td{padding:9px;border-bottom:1px solid #e4e7ec;text-align:right}.ut-table th:first-child,.ut-table td:first-child{text-align:left}.ut-note{font-size:12px;color:#667085;line-height:1.6}.ut-preview{display:grid;place-items:center;min-height:250px;background:#f9fafb;border:1px dashed #d0d5dd;border-radius:12px}.ut-preview img{max-width:100%;max-height:360px}.ut-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ut-tab{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:750;font-size:12px}.ut-tab.is-active{background:#101828;color:#fff;border-color:#101828}.ut-row{display:flex;gap:12px;align-items:end}.ut-row>*{flex:1}.ut-copy{float:right;font-size:12px}.ut-error{color:#b42318;font-weight:700}.ut-success{color:#027a48;font-weight:700}@media(max-width:760px){.ut-grid,.ut-grid-3{grid-template-columns:1fr}.ut-stat-grid{grid-template-columns:repeat(2,1fr)}.ut-row{display:grid}.ut-shell{width:min(100% - 28px,1120px)}}
/* Shared utility workspace: same left-navigation / right-tool model as Baby Tools. */
.ut-workspace-layout{display:grid;grid-template-columns:minmax(245px,320px) minmax(0,1fr);gap:26px;align-items:start;max-width:1380px}
.ut-workspace-sidebar{position:sticky;top:18px;background:#fff;border:1px solid #e1e6ef;border-radius:18px;padding:22px;min-width:0;box-shadow:0 5px 22px rgba(15,23,42,.035)}
.ut-workspace-sidebar h2{margin:0 0 8px;font-size:21px;color:#111b30}.ut-workspace-sidebar p{font-size:13px;color:#64748b;margin:0 0 18px}
.ut-workspace-sidebar label{display:block;font-size:12px;font-weight:700;margin:0 0 8px}
.ut-workspace-sidebar input{display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;margin:0 0 16px}
.ut-workspace-sidebar nav{display:flex;flex-direction:column;gap:5px;max-height:60vh;overflow:auto}
.ut-workspace-sidebar nav a{display:block;padding:12px 13px;border-radius:10px;text-decoration:none;color:#24344c;font-weight:650;font-size:14px;overflow-wrap:anywhere}
.ut-workspace-sidebar nav a:hover,.ut-workspace-sidebar nav a.is-active{background:#eaf1fc;color:#124ba2}
.ut-workspace-sidebar nav a[hidden]{display:none}.ut-workspace-content{min-width:0}.ut-workspace-content>.ut-card{margin-bottom:20px}
@media(max-width:860px){.ut-workspace-layout{grid-template-columns:1fr}.ut-workspace-sidebar{position:static}.ut-workspace-sidebar nav{max-height:260px}}