body {
      background-color: #f8fafc;
      font-family: 'Inter', sans-serif;
    }

    textarea {
      resize: none !important;
      font-family: 'Fira Code', monospace;
      line-height: 1.5em;
    }

    .editor-container {
      display: flex;
      border: 1px solid #e5e7eb;
      border-radius: 0.75rem;
      overflow: hidden;
      background: #f9fafb;
      transition: background 0.3s, color 0.3s;
    }

    .line-numbers {
      background: #e5e7eb;
      color: #6b7280;
      text-align: right;
      padding: 10px;
      font-family: monospace;
      user-select: none;
      width: 40px;
    }

    .line-numbers::-webkit-scrollbar { display: none; }

    .editor {
      width: 100%;
      border: none;
      outline: none;
      padding: 10px;
      font-size: 14px;
      background-color: white;
      color: black;
    }

    /* Night mode */
    .editor-container.night {
      background-color: #1e1e1e;
    }
    .editor-container.night .editor {
      background-color: #1e1e1e;
      color: #f5f5f5;
    }
    .editor-container.night .line-numbers {
      background-color: #2d2d2d;
      color: #999999;
    }

    /* Copy icon inside output */
    .copy-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      font-size: 1rem;
      color: #555;
      transition: color 0.2s;
    }
    .copy-btn:hover {
      color: #000;
    }