// Last Updated: 25.07.2025 at 21:17 (CEST)
/* =======================================================
   UUID v4 Tool Styles
   ======================================================= */

/* Google Fonts: Rubik as base font */
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap");

/*
  === Petuja Brand Colors & Fonts ===

  -- Main colors --
  • Blue 1:   #0DACDB   → Cobalt blue
  • Blue 2:   #2891B1   → Sky blue
  • Blue 3:   #357386   → Steel blue
  • Gray 1:   #33525C   → Slate gray
  • Gray 2:   #253033   → Anthracite gray
  • Black:    #2E3233   → Dark gray (nearly black)

  -- Complementary colors --
  • Orange 1: #DB6500   → Orange
  • Orange 2: #B1621D   → Dark orange
  • Ochre:    #86572D   → Ochre

  -- Additional colors --
  • Purple:   #28184D   → Dark purple
 */

.uuid-display {
    font-size: clamp(1.5rem, 2.5vw, 2.5rem);
    word-break: break-all;
    margin-bottom: 1rem;
}

.btn-small {
    margin: 0.25rem;
}

.download-form {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.download-form input[type="range"] {
    width: 100%;
    max-width: 200px;
}

.download-form input[type="number"] {
    width: 5rem;
    padding: 0.25rem;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}