.utspg2-wrap{max-width:1100px;margin:28px auto;padding:22px;background:#f6f7fb;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",sans-serif;color:#222;box-shadow:0 8px 28px rgba(0,0,0,.07)}
.utspg2-hero{background:#111;color:#fff;padding:26px;border-radius:18px;margin-bottom:18px}
.utspg2-kicker{margin:0 0 8px;font-size:13px;letter-spacing:.08em;opacity:.8}
.utspg2-hero h2{margin:0 0 10px;font-size:30px;line-height:1.35;color:#fff}
.utspg2-lead{margin:0;line-height:1.8;color:#eee}
.utspg2-card{background:#fff;border:1px solid #e5e6ee;border-radius:16px;padding:20px;margin:18px 0}
.utspg2-card h3{margin:0 0 16px;font-size:20px;border-left:5px solid #111;padding-left:10px;color:#111}
.utspg2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.utspg2-col-2{grid-column:span 2}
.utspg2-field{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px}
.utspg2-field input,.utspg2-field textarea,.utspg2-field select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d7d9e3;border-radius:10px;background:#fff;font-size:15px;line-height:1.6;color:#222}
.utspg2-field textarea{resize:vertical}.utspg2-output{width:100%;min-height:520px;box-sizing:border-box;padding:14px;border:1px solid #d7d9e3;border-radius:12px;font-size:14px;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.utspg2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.utspg2-btn{appearance:none;border:0;background:#111;color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s}.utspg2-btn:hover{opacity:.86;transform:translateY(-1px)}.utspg2-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.utspg2-btn-sub{background:#555}.utspg2-btn-light{background:#fff;color:#111;border:1px solid #cfd1dc}.utspg2-status{margin-top:14px;padding:13px 14px;background:#f2f3f7;border-radius:12px;border:1px solid #e0e2eb;line-height:1.7;font-size:14px}.utspg2-status.is-success{background:#eefaf0;border-color:#bde8c3}.utspg2-status.is-error{background:#fff0f0;border-color:#f1b9b9}.utspg2-status.is-loading{background:#f2f5ff;border-color:#c7d3ff}.utspg2-note{margin:0 0 10px;color:#555;line-height:1.7}
@media(max-width:760px){.utspg2-wrap{padding:14px}.utspg2-hero h2{font-size:24px}.utspg2-grid{grid-template-columns:1fr}.utspg2-col-2{grid-column:span 1}.utspg2-output{min-height:420px}.utspg2-actions{flex-direction:column}.utspg2-btn{width:100%}}