/* Here you can add your CSS classes */

body
  {margin:0; background-color:#F4F7FB; color:#1A1A1A;
   font-family:"Segoe UI", Tahoma, sans-serif; font-size:16px}

.utc_page
  {max-width:560px; margin:0 auto; padding:16px; box-sizing:border-box}

.utc_title
  {margin:8px 0 0 0; color:#0047AB; font-size:1.6em}

.utc_owner
  {margin:0 0 16px 0; font-size:1.2em; font-style:italic}

.utc_owner a
  {color:#0047AB}

.utc_label
  {display:block; margin:12px 0 4px 0; font-weight:bold}

.utc_group
  {display:flex; gap:8px}

.utc_input
  {flex:1; width:100%; min-width:0; box-sizing:border-box; padding:8px;
   font-size:16px; font-family:Consolas, monospace;
   border:1px solid #9AA9C0; border-radius:4px; background-color:#FFFFFF}

.utc_input[readonly]
  {background-color:#EEF2F8}

.utc_text
  {resize:none; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.4}

.utc_top
  {align-items:flex-start}

.utc_button
  {flex:none; padding:8px 14px; font-size:16px; cursor:pointer;
   color:#FFFFFF; background-color:#0047AB; border:none; border-radius:4px}

.utc_button:hover
  {background-color:#003580}

.utc_status
  {min-height:1.4em; margin-top:16px; color:#0047AB; font-weight:bold}

.utc_footer
  {margin:32px 0 8px 0; text-align:center; font-size:1em; color:#5A6B85}

.utc_footer a
  {color:#0047AB}
