/* Score Input Area */
    .score-input-section {
      margin-bottom: 24px;
    }

    .score-input-section label {
      display: block;
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
      margin-bottom: 6px;
    }

    .score-input-section .input-hint {
      font-size: 0.82rem;
      color: var(--color-text-muted);
      margin-bottom: 10px;
    }

    .score-textarea {
      width: 100%;
      min-height: 160px;
      padding: 12px 14px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-sm);
      font-family: var(--font-mono);
      font-size: 0.92rem;
      line-height: 1.6;
      color: var(--color-text);
      background: var(--color-surface);
      outline: none;
      resize: vertical;
    }

    .score-textarea:focus {
      border-color: var(--color-primary);
      box-shadow: 0 0 0 3px var(--color-primary-light);
    }

    .score-textarea::placeholder {
      color: var(--color-text-muted);
    }

    /* Settings Row */
    .settings-row {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      align-items: flex-end;
      margin-bottom: 24px;
    }

    .input-group {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .input-group label {
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
    }

    .input-group input,
    .input-group select {
      padding: 10px 14px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-sm);
      font-family: var(--font-mono);
      font-size: 0.95rem;
      color: var(--color-text);
      background: var(--color-surface);
      outline: none;
    }

    .input-group input:focus,
    .input-group select:focus {
      border-color: var(--color-primary);
      box-shadow: 0 0 0 3px var(--color-primary-light);
    }

    /* Action Row */
    .action-row {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }

    /* Results Grid */
    .results-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-bottom: 24px;
    }

    .res-card {
      padding: 20px 24px;
      border-radius: var(--radius-md);
      border: 1px solid var(--color-border);
      background: var(--color-surface);
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .res-card.primary {
      background: var(--color-primary-light);
      border-color: var(--color-primary-subtle);
    }

    .res-label {
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
    }

    .res-card.primary .res-label {
      color: var(--color-primary);
    }

    .res-value {
      font-family: var(--font-mono);
      font-size: 2rem;
      font-weight: 700;
      color: var(--color-text);
      line-height: 1.1;
    }

    .res-card.primary .res-value {
      color: var(--color-primary);
      font-size: 2.4rem;
    }

    .res-sub {
      font-size: 0.8rem;
      color: var(--color-text-muted);
    }

    /* Grade Distribution Chart */
    .distribution-section {
      margin-top: 24px;
      margin-bottom: 24px;
    }

    .distribution-section h3 {
      font-size: 1rem;
      font-weight: 600;
      color: var(--color-text-secondary);
      margin-bottom: 16px;
    }

    .bar-chart {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 20px;
    }

    .bar-row {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .bar-label {
      width: 28px;
      font-family: var(--font-mono);
      font-size: 0.88rem;
      font-weight: 700;
      color: var(--color-text);
      text-align: right;
      flex-shrink: 0;
    }

    .bar-track {
      flex: 1;
      height: 28px;
      background: var(--color-bg);
      border-radius: 4px;
      overflow: hidden;
      position: relative;
    }

    .bar-fill {
      height: 100%;
      border-radius: 4px;
      transition: width 400ms ease;
      min-width: 0;
    }

    .bar-fill-a { background: #22c55e; }
    .bar-fill-b { background: #3b82f6; }
    .bar-fill-c { background: #f59e0b; }
    .bar-fill-d { background: #f97316; }
    .bar-fill-f { background: #ef4444; }

    .bar-count {
      width: 60px;
      font-family: var(--font-mono);
      font-size: 0.82rem;
      color: var(--color-text-muted);
      flex-shrink: 0;
    }

    /* Distribution Table */
    .dist-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.85rem;
      margin-bottom: 8px;
    }

    .dist-table th {
      padding: 10px 12px;
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
      text-align: left;
      border-bottom: 2px solid var(--color-border);
    }

    .dist-table th:not(:first-child) {
      text-align: center;
    }

    .dist-table td {
      padding: 8px 12px;
      border-bottom: 1px solid var(--color-border-light);
      color: var(--color-text);
    }

    .dist-table td:first-child {
      font-weight: 600;
      font-family: var(--font-mono);
    }

    .dist-table td:not(:first-child) {
      text-align: center;
      font-family: var(--font-mono);
    }

    .dist-table tr:last-child td {
      border-bottom: none;
    }

    /* Grade color dots */
    .grade-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-right: 6px;
      vertical-align: middle;
    }

    .grade-dot-a { background: #22c55e; }
    .grade-dot-b { background: #3b82f6; }
    .grade-dot-c { background: #f59e0b; }
    .grade-dot-d { background: #f97316; }
    .grade-dot-f { background: #ef4444; }

    /* Placeholder state */
    .results-placeholder {
      text-align: center;
      padding: 40px 20px;
      color: var(--color-text-muted);
      font-size: 0.92rem;
    }

    .results-placeholder svg {
      display: block;
      margin: 0 auto 12px;
      opacity: 0.4;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .results-grid {
        grid-template-columns: 1fr 1fr;
      }

      .results-grid .res-card:first-child {
        grid-column: 1 / -1;
      }

      .res-card.primary .res-value {
        font-size: 2rem;
      }
    }

    @media (max-width: 480px) {
      .results-grid {
        grid-template-columns: 1fr;
      }

      .settings-row {
        flex-direction: column;
      }

      .action-row {
        flex-direction: column;
      }

      .action-row .btn {
        width: 100%;
      }
    }

    /* Print styles */
    @media print {
      header, footer, .ad-zone, .tool-page-header, .seo-content, .related-tools, .no-print {
        display: none !important;
      }

      .page-content, .container {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
      }

      .tool-workspace {
        box-shadow: none !important;
        border: none !important;
      }
    }