.utility-card{overflow:hidden}.utility-intro{margin:0 0 20px;padding:14px 16px;border-left:3px solid #2f80ed;background:#f5f9ff;color:#566d85;line-height:1.8}.utility-app{min-height:390px}.utility-loading{padding:80px 20px;text-align:center;color:#8293a7}.utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.utility-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-field{min-width:0}.utility-field.full{grid-column:1/-1}.utility-label{display:block;margin-bottom:7px;color:#324b66;font-weight:600}.utility-input,.utility-select,.utility-textarea{display:block;width:100%;border:1px solid #ccd9e6;border-radius:5px;background:#fff;color:#263f58;font-size:14px;outline:none;transition:border-color .15s}.utility-input,.utility-select{height:42px;padding:0 12px}.utility-textarea{min-height:180px;padding:12px;line-height:1.65;resize:vertical}.utility-input:focus,.utility-select:focus,.utility-textarea:focus{border-color:#2f80ed;box-shadow:0 0 0 2px rgba(47,128,237,.08)}.utility-drop{position:relative;padding:38px 20px;border:2px dashed #bfd0e2;border-radius:7px;background:#f8fbff;text-align:center;cursor:pointer}.utility-drop:hover,.utility-drop.is-dragover{border-color:#2f80ed;background:#f0f6ff}.utility-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.utility-drop strong{display:block;margin-bottom:6px;color:#294764;font-size:17px}.utility-drop small{color:#7c8fa5}.utility-file-list{margin:14px 0 0;padding:0;list-style:none}.utility-file-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #e4ebf2;color:#466079}.utility-file-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utility-file-list button{border:0;background:none;color:#e25b4f;cursor:pointer}.utility-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.utility-btn{min-width:118px;height:42px;padding:0 20px;border:1px solid transparent;border-radius:5px;background:#2f80ed;color:#fff;cursor:pointer}.utility-btn:hover{background:#246fcf}.utility-btn.secondary{border-color:#cbd8e5;background:#fff;color:#405a73}.utility-btn.secondary:hover{background:#f4f7fa}.utility-btn:disabled{cursor:not-allowed;opacity:.55}.utility-result{margin-top:20px;padding:16px;border:1px solid #d8e3ee;border-radius:6px;background:#fbfdff;color:#3f5872;line-height:1.75}.utility-result:empty{display:none}.utility-result.error{border-color:#f0c7c2;background:#fff7f6;color:#b94a3f}.utility-result.success{border-color:#b9dfc7;background:#f5fff8;color:#287747}.utility-result pre{margin:0;white-space:pre-wrap;word-break:break-word}.utility-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.utility-stat div{padding:13px;border-radius:5px;background:#f2f6fa;text-align:center}.utility-stat strong{display:block;color:#244564;font-size:23px}.utility-stat span{color:#7a8da1;font-size:12px}.utility-checks{display:flex;flex-wrap:wrap;gap:18px;padding:9px 0}.utility-checks label{color:#536a82;cursor:pointer}.utility-checks input{margin-right:5px}.utility-preview{display:block;max-width:100%;max-height:420px;margin:16px auto;border:1px solid #d9e3ed}.utility-diff{display:grid;grid-template-columns:34px 1fr;overflow:auto;border:1px solid #d9e3ed;border-radius:5px;font-family:Menlo,Consolas,monospace;font-size:13px}.utility-diff i,.utility-diff code{padding:5px 8px;border-bottom:1px solid #edf1f5;font-style:normal;white-space:pre-wrap;word-break:break-all}.utility-diff .add{background:#eaf8ef;color:#247340}.utility-diff .del{background:#fff0ee;color:#a63e34}.utility-table{width:100%;border-collapse:collapse}.utility-table th,.utility-table td{padding:10px;border:1px solid #dce5ee;text-align:left;word-break:break-word}.utility-table th{background:#f3f7fb}.utility-progress{height:8px;margin-top:15px;overflow:hidden;border-radius:8px;background:#e4ebf2}.utility-progress i{display:block;width:0;height:100%;background:#2f80ed;transition:width .2s}.utility-countdown{text-align:center}.utility-countdown-name{margin-bottom:18px;color:#415c77;font-size:18px}.utility-countdown-time{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.utility-countdown-time div{padding:20px 8px;border:1px solid #dce6f0;border-radius:6px;background:#f7faff}.utility-countdown-time strong{display:block;color:#2f80ed;font-size:34px}.utility-countdown-time span{color:#71859a}.utility-privacy{margin-top:20px;padding-top:14px;border-top:1px solid #e4eaf0;color:#75879a;font-size:13px}.utility-privacy i{margin-right:5px;color:#36a269}.utility-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.utility-guide li{display:flex;gap:10px;padding:14px;border:1px solid #e0e8f0;border-radius:6px}.utility-guide li span{flex:0 0 28px;height:28px;border-radius:50%;background:#e9f3ff;color:#2f80ed;font-weight:700;line-height:28px;text-align:center}.utility-guide li p{margin:2px 0 0;color:#5c7188;line-height:1.65}.utility-note{margin-top:10px;color:#7b8ea2;font-size:13px}.utility-color{height:42px;padding:4px}.utility-inline{display:flex;gap:8px}.utility-inline>*{min-width:0;flex:1}
@media(max-width:767px){.utility-grid,.utility-grid.cols-3{grid-template-columns:1fr}.utility-field.full{grid-column:auto}.utility-app{min-height:320px}.utility-drop{padding:28px 12px}.utility-actions .utility-btn{flex:1;min-width:120px}.utility-stat{grid-template-columns:repeat(2,1fr)}.utility-guide ol{grid-template-columns:1fr}.utility-countdown-time{grid-template-columns:repeat(2,1fr)}.utility-countdown-time strong{font-size:28px}.utility-inline{flex-direction:column}}
.utility-app{min-height:0}
@media(max-width:767px){.utility-app{min-height:0}}