.wc-box {
    margin: 20px auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
  }
  .wc-box .label {
    font-size: 18px;
  }
  .wc-box .textarea { 
    min-height: 240px; 
    resize: vertical; 
  }
  .wc-textarea:focus { 
    border-color: #3b82f6; 
    box-shadow: 0 0 0 3px rgba(59,130,246,.15); 
  }
  .wc-actions { 
    display: flex; 
    gap: 12px; 
    flex-wrap: wrap; 
    margin-top: 14px; 
    position: relative;
  }
  .wc-box .reset {
    background-color: transparent;
    color: #151d39;
    border: 2px solid #151d39;
  }

  .wc-box .download {
    background-color: transparent;
    color: #151d39;
    border: 2px solid #c0c0c0;
  }

  .wc-box .submit:active,
  .wc-box .reset:active,
  .wc-box .download:active { 
    transform: translateY(1px); 
  }
  .wc-box .submit[disabled],
  .wc-box .reset[disabled],
  .wc-box .download[disabled] { 
    opacity: .6; 
    cursor: not-allowed; 
  }

  .stats-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 12px; 
    margin-top: 15px; 
  }
  .stats-grid.secondary { 
    margin-top: 12px; 
  }
  .stat { 
    background: #f8fafc; 
    border: 1px solid #7fc6d6; 
    border-radius: 5px; 
    padding: 15px; 
    text-align: center; 
  }
  .stat .label { 
    color: #151d39; 
    font-size: 12px; 
    text-transform: uppercase; 
    letter-spacing: .06em; 
  }
  .stat .value { 
    margin-top: 6px; 
    font-size: 24px; 
    font-weight: 800; 
    color: #151d39; 
  }

  .wc-footer-note { 
    color: #151d39; 
    font-size: 12px; 
    margin-top: 10px; 
  }

  .toast { 
    position: fixed; 
    top: 18px; 
    right: 18px; 
    background: #16a34a; 
    color: #fff; 
    padding: 10px 14px; 
    border-radius: 8px; 
    box-shadow: 0 6px 24px rgba(0,0,0,.12); 
    opacity: 0; 
    transform: translateY(-8px); 
    pointer-events: none; 
    transition: opacity .2s ease, transform .2s ease; 
    z-index: 40; 
  }
  .toast.show { 
    opacity: 1; 
    transform: translateY(0); 
  }

  @media (max-width: 900px) { 
  .stats-grid { 
    grid-template-columns: repeat(2, 1fr);
    } 
  }
  @media (max-width: 520px) {
    .stats-grid { 
      grid-template-columns: 1fr 1fr; 
      gap: 10px; 
    }
  }
  .wc-panel { 
    margin-top: 15px; 
    border: 1px solid #7fc6d6; 
    border-radius: 5px; 
    overflow: hidden; 
    background: #fff; 
  }
  .wc-panel-header { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    padding: 10px; 
  }
  .toggle-button.reset {
    background-color: transparent;
    color: #151d39;
    border: 2px solid #151d39;
  }
  .wc-panel-title { 
    margin: 0; 
    font-size: 14px; 
    font-weight: 700; 
    color: #151d39; 
  }
  .wc-panel-body { 
    padding: 0 10px 10px; 
  }
  .wc-keywords { 
    display: grid; 
    grid-template-columns: repeat(2, minmax(0,1fr)); 
    gap: 10px; 
  }
  .wc-keyword { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    background: #f8fafc; 
    border: 1px solid #7fc6d6; 
    border-radius: 5px; 
    padding: 10px 12px; 
  }
  .wc-keyword b { 
    color: #151d39; 
  }
  .wc-keyword small { 
    color: #151d39; 
    font-weight: bold;
  }
  .each-box {
        margin-top: 15px;
    }
    .each-box h3 {
        font-size: 18px;
        margin-top: 10px;
    }
  @media (max-width: 640px) { 
    .wc-keywords { 
      grid-template-columns: 1fr; 
    } 
    .wc-actions .submit,
    .wc-actions .reset,
    .wc-actions .download {
      width: 100%;
    }
  }